/* Cromo compartido entre las páginas estáticas (nosotros.html, innovacion.html, ...):
   variables de tema, barra RUTA, header/nav, menús desplegables, botón de tema, drawer
   móvil. Cada página importa este archivo (después de style.css) y solo agrega sus
   propias reglas encima (ver nosotros.css/innovacion.css). Reutilizado por js común
   (mismos ids/clases: theme-toggle, drawer-toggle/drawer, btn-*/menu-*). */

:root, [data-theme="dark"] {
  --bg:#03151B; --hero:#01181F; --surface:#0A2530; --surface2:#0F2F3B; --text:#EAF2F3; --muted:#9DB3B9;
  --border:#183A46; --border-strong:#3B5D69; --accent:#2BD9A0; --on-accent:#04202A; --accent-on-inverse:#2BD9A0;
  --accent-text:#2BD9A0; --accent2:#38C6F4; --accent2-text:#38C6F4; --chip:#0F2F3B; --danger:#FF8A7A;
  --input:#061C24; --route-bg:#38C6F4; --route-fg:#04202A;
}
[data-theme="light"] {
  --bg:#F4F7F6; --hero:#01181F; --surface:#FFFFFF; --surface2:#E8EFEE; --text:#0E1F26; --muted:#4A5D64;
  --border:#DCE5E4; --border-strong:#9FB2B5; --accent:#0B7A57; --on-accent:#FFFFFF; --accent-on-inverse:#0B7A57;
  --accent-text:#0B7A57; --accent2:#0A6E91; --accent2-text:#0A6E91; --chip:#E1F3EC; --danger:#B42318;
  --input:#FFFFFF; --route-bg:#0E1F26; --route-fg:#7FE8C4;
}
html{color-scheme:dark light}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--text);width:100%;min-height:100vh;overflow-x:hidden}

/* el atributo hidden debe ganar siempre, sin importar qué display declare el propio
   componente (.ig-menu, .ig-drawer, los paneles de tabs) */
[hidden]{display:none !important}

.ig-route{background:var(--route-bg);color:var(--route-fg);font-family:'JetBrains Mono',monospace;font-size:12px}
.ig-route .ig-wrap{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;min-height:34px;padding-top:6px;padding-bottom:6px}

.ig-header{position:sticky;top:0;z-index:20;background:rgba(1,24,31,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.ig-header .ig-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:78px}
.ig-logo{background:none;border:0;padding:0;display:flex;align-items:center}
.ig-logo img{height:52px;width:auto;display:block}

.ig-navitem{position:relative}
.ig-navlink{border:0;cursor:pointer;font-weight:500;font-size:15px;padding:10px 14px;border-radius:999px;min-height:44px;white-space:nowrap;background:transparent;color:#B9CCD1;text-decoration:none;display:inline-flex;align-items:center;font-family:inherit}
.ig-navlink[aria-current="page"],.ig-navlink[aria-expanded="true"],.ig-navlink.active{font-weight:700;background:rgba(255,255,255,.1);color:#FFFFFF}
.ig-navlink svg{margin-left:4px;vertical-align:middle}

.ig-menu{position:absolute;top:calc(100% + 10px);left:-12px;width:340px;background:#04202A;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;z-index:1}
.ig-menu.ig-menu-narrow{width:320px}
.ig-menu-cta{text-align:left;background:rgba(56,198,244,.12);border:0;cursor:pointer;color:#FFFFFF;font-weight:700;font-size:14px;padding:12px 14px;border-radius:12px;min-height:44px;text-decoration:none;display:block}
.ig-menu-cta.ahorro{background:rgba(43,217,160,.12)}
.ig-menu-item{text-align:left;background:none;border:0;cursor:pointer;color:#C9D8DC;font-size:14px;padding:11px 14px;border-radius:12px;min-height:44px;text-decoration:none;display:block}
.ig-menu-item.pct{display:flex;justify-content:space-between;gap:10px}
.ig-menu-item .pct-val{color:#2BD9A0;font-weight:700}

.ig-icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:center}
.icon-light{display:none}
[data-theme="light"] .icon-dark{display:none}
[data-theme="light"] .icon-light{display:inline}

.ig-cta-btn{background:var(--accent);color:var(--on-accent);border:0;font-weight:700;font-size:15px;padding:12px 20px;border-radius:999px;white-space:nowrap;min-height:44px;text-decoration:none;display:inline-flex;align-items:center}

.ig-drawer{border-top:1px solid rgba(255,255,255,.08);background:#04202A}
.ig-drawer-link{text-align:left;background:none;border:0;color:#FFFFFF;font-weight:600;font-size:17px;padding:12px 0;text-decoration:none;display:block}