/* ==========================================================
   I-GSE | Tema claro
   Se activa con <html data-theme="light">. El tema oscuro es el base.
   El pie de página y las franjas CTA se mantienen oscuros (marca).
   ========================================================== */

/* ---------- Botón de cambio de tema (ambos temas) ---------- */
.theme-toggle {
  position: relative;
  width: 40px; height: 40px; flex-shrink: 0;
  display: inline-grid; place-items: center;
  border-radius: 50%;
  color: var(--ig-text-soft);
  background: var(--ig-glass);
  border: 1px solid var(--ig-border-2);
  transition: all .3s var(--ig-ease);
}
.theme-toggle:hover { color: var(--ig-heading); border-color: var(--ig-primary); }
.theme-toggle i { position: absolute; font-size: 1.05rem; transition: transform .45s var(--ig-ease), opacity .3s; }
.theme-toggle .theme-icon-light { opacity: 0; transform: rotate(-90deg) scale(.5); }
[data-theme="light"] .theme-toggle .theme-icon-light { opacity: 1; transform: none; }
[data-theme="light"] .theme-toggle .theme-icon-dark { opacity: 0; transform: rotate(90deg) scale(.5); }

/* ---------- Variantes del logo ---------- */
picture.logo-variant--dark { display: none !important; }
[data-theme="light"] picture.logo-variant--white { display: none !important; }
[data-theme="light"] picture.logo-variant--dark { display: inline-block !important; }

/* ---------- Paleta del tema claro ---------- */
[data-theme="light"] {
  --ig-night:        #F4F7FC;   /* fondo principal */
  --ig-night-2:      #EAF0FA;   /* fondo alterno de secciones */
  --ig-surface:      #FFFFFF;
  --ig-deep-soft:    #DCE8FA;

  --ig-primary:      #0E74CC;   /* azul con contraste AA sobre claro */
  --ig-primary-dark: #0864B0;

  --ig-heading:      #0B1234;
  --ig-text:         #4B5270;
  --ig-text-soft:    #2F3654;

  --ig-glass:        rgba(11, 18, 52, .035);
  --ig-glass-2:      rgba(11, 18, 52, .06);
  --ig-border:       rgba(11, 18, 52, .10);
  --ig-border-2:     rgba(11, 18, 52, .18);

  --ig-card-bg:      linear-gradient(180deg, #FFFFFF 0%, #F8FAFE 100%);
  --ig-nav-scrolled: rgba(255, 255, 255, .85);
  --ig-popover-bg:   rgba(255, 255, 255, .98);
  --ig-input-bg:     #FFFFFF;
  --ig-grid-line:    rgba(14, 116, 204, .07);
  --ig-panel-bg:     linear-gradient(160deg, #FFFFFF 0%, #E6EFFC 100%);
  --ig-track:        rgba(11, 18, 52, .08);
  --ig-stroke:       rgba(11, 18, 52, .12);
  --ig-shadow:       0 20px 45px -22px rgba(11, 18, 52, .28);
  --ig-glow:         0 0 36px rgba(14, 116, 204, .22);
  --ig-grad-hero:    radial-gradient(ellipse at 50% 100%, #D6E6FB 0%, #F4F7FC 70%);

  --bs-body-bg:          #F4F7FC;
  --bs-body-color:       #4B5270;
  --bs-primary:          #0E74CC;
  --bs-primary-rgb:      14, 116, 204;
  --bs-link-color:       #0E74CC;
  --bs-link-hover-color: #0B1234;
  --bs-heading-color:    #0B1234;
  --bs-border-color:     rgba(11, 18, 52, .10);
  color-scheme: light;
}

[data-theme="light"] body { background-color: var(--ig-night); }
[data-theme="light"] ::selection { color: #fff; }

/* Scrollbar */
[data-theme="light"] ::-webkit-scrollbar-track { background: #EAF0FA; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #C4D2EA; }

/* Hero */
[data-theme="light"] .orb { opacity: .22; }
[data-theme="light"] .orb-2 { opacity: .14; }
[data-theme="light"] .eyebrow { background: rgba(14,116,204,.07); border-color: rgba(14,116,204,.22); }
[data-theme="light"] .hero-visual .ring-1 { border-color: rgba(14,116,204,.3); }
[data-theme="light"] .hero-visual .ring-2 { border-color: rgba(173,73,225,.3); }
[data-theme="light"] .scroll-indicator { border-color: rgba(11,18,52,.25); }

/* Navegación */
[data-theme="light"] .ig-navbar.is-scrolled { box-shadow: 0 1px 0 var(--ig-border), 0 10px 30px -20px rgba(11,18,52,.35); }
@media (max-width: 991.98px) { [data-theme="light"] .ig-offcanvas { background: #FFFFFF !important; } }

/* Tarjetas, paneles y formularios */
[data-theme="light"] .glass-card { box-shadow: 0 1px 2px rgba(11,18,52,.04); }
[data-theme="light"] .glass-card:hover { box-shadow: var(--ig-shadow); }
[data-theme="light"] .glass-card::before { background: radial-gradient(400px circle at var(--mx, 50%) var(--my, 0%), rgba(14,116,204,.08), transparent 40%); }
[data-theme="light"] .about-panel::after { opacity: .18; }
[data-theme="light"] .value-item, [data-theme="light"] .process-step,
[data-theme="light"] .other-card, [data-theme="light"] .legal-toc,
[data-theme="light"] .country { background: #FFFFFF; }
[data-theme="light"] .ig-form .form-control { color: var(--ig-heading); }
[data-theme="light"] .ig-form .form-control:focus { color: var(--ig-heading); box-shadow: 0 0 0 .2rem rgba(14,116,204,.15); }
[data-theme="light"] .ig-form .form-control::placeholder { color: rgba(75,82,112,.6); }
[data-theme="light"] .ig-form .form-floating > .form-control::placeholder { color: transparent; }
[data-theme="light"] .recaptcha-note { color: var(--ig-text); }

/* Contacto */
[data-theme="light"] .contact-info .item i { background: rgba(14,116,204,.08); border-color: rgba(14,116,204,.2); }

/* FAQ */
[data-theme="light"] .ig-accordion .accordion-item { background: #FFFFFF; }
[data-theme="light"] .ig-accordion .accordion-button::after { filter: none; }
[data-theme="light"] .ig-accordion { --bs-accordion-active-bg: rgba(14,116,204,.06); }

/* Botones */
[data-theme="light"] .btn-ig-outline { color: var(--ig-heading); background: #FFFFFF; }
[data-theme="light"] .btn-ig-outline:hover { color: var(--ig-primary); background: #FFFFFF; }
[data-theme="light"] .cta-band .btn-ig-outline { color: #fff; background: rgba(255,255,255,.08); }
[data-theme="light"] .to-top { background: #FFFFFF; box-shadow: var(--ig-shadow); }

/* Cookies y modales */
[data-theme="light"] .cookie-banner { box-shadow: 0 25px 60px -25px rgba(11,18,52,.45); }
[data-theme="light"] .cookie-banner__icon { background: rgba(14,116,204,.1); }
[data-theme="light"] .ig-modal .modal-content { background: #FFFFFF; }
[data-theme="light"] .cookie-cat .form-switch .form-check-input { background-color: rgba(11,18,52,.08); }

/* Menú desplegable */
[data-theme="light"] .ig-dropdown { --bs-dropdown-link-hover-bg: rgba(14,116,204,.07); --bs-dropdown-link-active-bg: rgba(14,116,204,.12); --bs-dropdown-link-active-color: var(--ig-heading); }

/* Transición suave al cambiar de tema */
.theme-transition, .theme-transition *, .theme-transition *::before, .theme-transition *::after {
  transition: background-color .35s ease, color .35s ease, border-color .35s ease !important;
}