/* landing-light.css — tema CLARO de la landing y de las páginas públicas.
   Es el tema por defecto: para un público profesional (estudios, mediadores) un fondo claro
   transmite más confianza y se lee mejor. Quien tenga el sistema en modo oscuro conserva el
   tema oscuro original (landing.css). Se carga después de landing.css y landing-motion.css. */
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
  :root{ --lp-ink: #0F7F76; }
  html, html body{ background: #F5F8F8 !important; color-scheme: light; }

  .mediador-app .lp-root{
    --lp-void: #F5F8F8;
    --lp-deep: #EDF3F3;
    --lp-panel: #FFFFFF;
    --lp-panel-2: #F2F7F7;
    --lp-glass: rgba(20,35,43,.035);
    --lp-glass-border: rgba(20,35,43,.10);
    --lp-glass-border-strong: rgba(20,35,43,.20);
    --lp-text: #14232B;
    --lp-text-dim: #52646B;
    --lp-accent-dim: rgba(15,127,118,.10);
    --lp-accent-glow: rgba(34,199,184,.20);
    --lp-ink: #0F7F76; /* turquesa oscuro para texto sobre fondo claro */
  }

  /* textos de acento: el turquesa de marca es muy claro para leerse sobre blanco */
  .mediador-app .lp-root .lp-kicker, .mediador-app .lp-root .lp-hero h1 em, .mediador-app .lp-root .lp-step .num,
  .mediador-app .lp-root .lp-eyebrow, .mediador-app .lp-root .lp-chip.is-done, .mediador-app .lp-root .lp-float .tag,
  .mediador-app .lp-root .lp-xp-mock .hash, .mediador-app .lp-root .lp-case small, .mediador-app .lp-root .lp-plan li::before,
  .mediador-app .lp-root .lp-plan-badge{ color: var(--lp-ink); }
  .mediador-app .lp-root .lp-eyebrow{ border-color: rgba(15,127,118,.28); }
  .mediador-app .lp-root .lp-plan-badge{ background: rgba(15,127,118,.10); }
  .mediador-app .lp-root .lp-chip.is-done{ border-color: rgba(15,127,118,.3); }

  /* fondo decorativo más suave */
  .mediador-app .lp-root .lp-bg-grid{
    background-image: linear-gradient(rgba(20,35,43,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(20,35,43,.045) 1px, transparent 1px);
  }
  .mediador-app .lp-root .lp-aurora{ opacity: .55; }

  /* barra superior y menú del celular */
  .mediador-app .lp-root .lp-nav{ background: rgba(245,248,248,.88); }
  .mediador-app .lp-root .lp-mobile-menu{ background: rgba(245,248,248,.98); }
  .mediador-app .lp-root .lp-burger span, .mediador-app .lp-root .lp-burger span::before, .mediador-app .lp-root .lp-burger span::after{ background: var(--lp-text); }
  .mediador-app .lp-root .lp-burger{ border-color: var(--lp-glass-border-strong); background: #fff; }
  .mediador-app .lp-root .mediador-logo-mark{ background: #14232B; }

  /* botones */
  .mediador-app .lp-root .lp-btn-ghost{ background: #fff; border-color: var(--lp-glass-border-strong); color: var(--lp-text); }
  .mediador-app .lp-root .lp-btn-ghost:hover{ background: #F2F7F7; }
  .mediador-app .lp-root .google-btn{ background: #fff; border: 1px solid var(--lp-glass-border-strong); color: var(--lp-text); box-shadow: 0 1px 2px rgba(20,35,43,.06); }
  .mediador-app .lp-root .google-btn:hover{ background: #F2F7F7; box-shadow: 0 6px 18px rgba(20,35,43,.10); }

  /* ventanas / maquetas: sombras suaves en vez de las del tema oscuro */
  .mediador-app .lp-root .lp-frame, .mediador-app .lp-root .lp-win, .mediador-app .lp-root .lp-float,
  .mediador-app .lp-root .lp-xp-stage, .mediador-app .lp-root .lp-hub, .mediador-app .lp-root [class*="lp-card"]{
    box-shadow: 0 18px 48px rgba(20,35,43,.10);
  }
  .mediador-app .lp-root .lp-frame-dot, .mediador-app .lp-root .lp-dot.is-mute{ background: rgba(20,35,43,.18); }
  .mediador-app .lp-root .lp-xp-mock{ background: rgba(255,255,255,.75); }
  .mediador-app .lp-root .lp-plan{ background: #fff; }
  .mediador-app .lp-root .lp-plan.is-featured{ background: linear-gradient(180deg, rgba(34,199,184,.12), #fff); border-color: rgba(15,127,118,.45); }
  .mediador-app .lp-root .lp-faq-item{ background: #fff; }
  .mediador-app .lp-root .lp-marquee{ background: transparent; }

  .mediador-app .lp-root .lp-float{ background: rgba(255,255,255,.92); box-shadow: 0 14px 36px rgba(20,35,43,.14); }

  .mediador-app .lp-root .lp-marquee-btn{ background: rgba(255,255,255,.92); color: var(--lp-text-dim); }
  .mediador-app .lp-root .sol a[style*="--lp-accent"], .mediador-app .lp-root .lp-container a[style*="var(--lp-accent)"]{ color: var(--lp-ink) !important; }
  .mediador-app .lp-root .lp-footer-brand .mediador-logo-text{ color: var(--lp-text); }
  .mediador-app .lp-root .lp-footer-links, .mediador-app .lp-root .lp-footer-links span{ color: var(--lp-text-dim); }

  /* páginas públicas con el mismo sistema (legal, recursos, soluciones…) */
  .legal-header .mediador-logo-text, .legal-footer .mediador-logo-text, .legal-footer-inner .mediador-logo-text{ color: #14232B; }
  .legal-wrap a:not(.lp-btn), .legal-footer a, .legal-header a:not(.lp-btn):not(.mediador-logo){ color: var(--lp-ink); }
  .legal-danger{ background: rgba(200,40,40,.07) !important; border-color: rgba(200,40,40,.30) !important; }
  .legal-danger .lab{ color: #B42323 !important; }
  .legal-header{ background: rgba(245,248,248,.9) !important; }
  .legal-note{ background: rgba(200,140,20,.10) !important; border-color: rgba(200,140,20,.35) !important; color: #7a5200 !important; }
}