/* ================================================================
   Negocios Invertibles dentro de GOZ Ecosistema: misma estructura,
   colores del manual de GOZ (azul, turquesa, ámbar y noche).
   Se carga después de los estilos de la TSL original.
   ================================================================ */
:root {
  --blue: #093A89;
  --blue-deep: #0C4BB0;
  --navy: #0A1F4F;
  --sky: #00AAB6;
  --sky-2: #DCF4F6;
  --yellow: #FAA210;
  --cream: #FFF1D6;
  --bg-soft: #F2F7FB;
  --surface-2: #EAF1F8;
  --text: #0B1633;
  --muted: #56607A;
  --line: #DCE4EF;
  --head: #0A1F4F;
  --accent: #093A89;
  --serif-c: #00909B;
  --shadow: 0 18px 50px -22px rgba(9, 58, 137, .4);
}
[data-theme="dark"] {
  --bg: #01021A;
  --bg-soft: #060A26;
  --surface: #0A1131;
  --surface-2: #101A44;
  --text: #EAF0FA;
  --muted: #9AA5C0;
  --line: #1D2757;
  --head: #FFFFFF;
  --accent: #FAA210;
  --accent-ink: #0A1F4F;
  --serif-c: #1FC3CF;
}

/* Portada con el mismo degradado de GOZ */
.hero {
  background:
    radial-gradient(65% 80% at 100% 0%, rgba(0, 200, 205, .95) 0%, rgba(0, 150, 175, .55) 36%, transparent 70%),
    radial-gradient(60% 75% at 0% 100%, rgba(255, 165, 20, .95) 0%, rgba(200, 100, 15, .5) 40%, transparent 74%),
    radial-gradient(55% 60% at 72% 48%, rgba(12, 75, 176, .85) 0%, rgba(9, 58, 137, .45) 45%, transparent 75%),
    linear-gradient(160deg, #06106B 0%, #0A2A78 45%, #062258 100%);
}
.hero-glow { background: radial-gradient(closest-side, rgba(0, 200, 205, .35), transparent); }
.hero .serif, .hero h1 em { color: #FAA210; }
.hero-sign { background: rgba(0, 0, 40, .5); }
.dot { box-shadow: 0 0 0 0 rgba(250, 162, 16, .7); }
@keyframes ping { 70% { box-shadow: 0 0 0 10px rgba(250, 162, 16, 0); } 100% { box-shadow: 0 0 0 0 rgba(250, 162, 16, 0); } }
.pill { background: rgba(220, 244, 246, .9); }

/* Franja de cifras en ámbar, como en GOZ */
.hero-stats { color: #0A1F4F; background-image: linear-gradient(rgba(10, 31, 79, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(10, 31, 79, .07) 1px, transparent 1px); }
.stat { border-left-color: rgba(10, 31, 79, .16); }

/* Tarjetas de paquetes: pestaña turquesa clara legible */
.tab-sky { background: #BDEBEE; }
.tab-yellow h3, .tab-sky h3 { color: #093A89; }
.plan-badge { color: #0A1F4F; }
[data-theme="dark"] .radio-cards input:checked + span { background: rgba(250, 162, 16, .1); }
.faq summary::after { background: var(--sky-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23093A89' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 60% no-repeat; }
.details p { color: #0A1F4F; }

/* Cierre: azul GOZ con las cuatro barras del manual y el logo de GOZ */
.closing { background: #093A89; }
[data-theme="dark"] .closing { background: #06225A; }
.closing::before { background: linear-gradient(90deg, #DDDDDD 0 25%, #00AAB6 25% 50%, #FAA210 50% 75%, #000032 75%); }
.closing h2 .serif { color: #FAA210; }
.firma { color: #FAA210; }
.eco-close-goz { display: grid; justify-items: center; gap: .5rem; margin-top: .4rem; color: #fff; text-decoration: none; }
.eco-close-goz img { width: min(220px, 70%); height: auto; }
.eco-close-goz small { font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .8); }
@media (max-width: 900px) { .eco-close-goz { justify-items: start; } }

/* Página de gracias */
.thanks { background: radial-gradient(60% 75% at 100% 0%, rgba(0, 192, 199, .85), transparent 70%), radial-gradient(55% 70% at 0% 100%, rgba(255, 158, 0, .85), transparent 72%), linear-gradient(160deg, #06106B, #062258); }

/* La barra inferior de móvil se ve desde el primer momento, igual que en el inicio de GOZ */
@media (max-width: 900px) { .tabbar { transform: none; } }
@media (max-width: 900px) {
  .tabbar {
    left: 0; right: 0; bottom: 0;
    height: calc(64px + env(safe-area-inset-bottom, 0px)); padding: 0 .4rem env(safe-area-inset-bottom, 0px); border-radius: 20px 20px 0 0;
    background: color-mix(in srgb, var(--surface) 92%, transparent);
    border: 0; border-top: 1px solid var(--line); box-shadow: 0 -12px 34px -16px rgba(0, 0, 50, .45);
  }
}
@media (max-width: 900px) { html { scroll-padding-bottom: 88px; } }
/* Safari rompe la barra pegajosa cuando el body recorta con hidden; clip no crea contenedor de desplazamiento */
@supports (overflow: clip) { body { overflow-x: clip; } }