/* ===== Hero premium estilo "espacio" para la landing SPCX ===== */
.sx-hero{position:relative;min-height:100vh;color:#fff;background:#05080f;overflow:hidden;}

/* Fondo: foto del cohete (si existe) + degradados de respaldo + estrellas */
.sx-hero-bg{position:absolute;inset:0;z-index:0;
  background-image:
    url(../img/hero-rocket.jpg),
    radial-gradient(1px 1px at 12% 22%, #fff, transparent),
    radial-gradient(1px 1px at 28% 68%, rgba(255,255,255,.75), transparent),
    radial-gradient(1.4px 1.4px at 42% 34%, #fff, transparent),
    radial-gradient(1px 1px at 58% 74%, rgba(255,255,255,.7), transparent),
    radial-gradient(1.6px 1.6px at 66% 20%, #fff, transparent),
    radial-gradient(1px 1px at 78% 52%, rgba(255,255,255,.65), transparent),
    radial-gradient(1px 1px at 88% 30%, rgba(255,255,255,.8), transparent),
    radial-gradient(1.2px 1.2px at 92% 78%, rgba(255,255,255,.6), transparent),
    radial-gradient(900px 620px at 26% 32%, rgba(124,58,237,.20), transparent 60%),
    radial-gradient(1100px 780px at 70% 22%, rgba(37,99,235,.32), transparent 62%),
    radial-gradient(700px 500px at 84% 84%, rgba(56,189,248,.16), transparent 60%),
    linear-gradient(180deg,#04060d 0%, #070d1e 45%, #0a1226 100%);
  background-size:cover, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto, auto;
  background-position:center;
  background-repeat:no-repeat;
}
/* Overlay para legibilidad: oscurece izquierda (titular) y zona del form */
.sx-hero-overlay{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg, rgba(5,8,15,.94) 0%, rgba(5,8,15,.7) 38%, rgba(5,8,15,.35) 64%, rgba(5,8,15,.72) 100%);}
.sx-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;z-index:1;
  background:radial-gradient(130% 180px at 50% 100%, rgba(59,130,246,.35), transparent 70%);pointer-events:none;}

.sx-wrap{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 32px;}

/* Nav */
.sx-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;}
.sx-logo{font-weight:800;font-size:25px;letter-spacing:2px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;}
.sx-logo svg{width:26px;height:26px;color:#60a5fa;}
.sx-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:13px;letter-spacing:1px;font-weight:600;}
.sx-menu a{color:rgba(255,255,255,.82);text-decoration:none;transition:color .15s;}
.sx-menu a:hover{color:#fff;}
.sx-nav-cta{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:11px 22px;color:#fff;text-decoration:none;font-size:12.5px;font-weight:700;letter-spacing:.5px;display:inline-flex;gap:8px;align-items:center;transition:background .15s;}
.sx-nav-cta:hover{background:rgba(255,255,255,.1);}

/* Grid principal */
.sx-grid{display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:center;min-height:calc(100vh - 96px);padding:10px 0 70px;}

/* Columna izquierda */
.sx-ticker{display:inline-flex;align-items:center;gap:11px;background:rgba(10,16,30,.5);border:1px solid rgba(96,165,250,.3);border-radius:999px;padding:8px 16px;margin:0 0 26px;font-size:14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.sx-ticker-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 1.6s infinite;}
.sx-ticker-sym{font-weight:800;letter-spacing:.5px;}
.sx-ticker-price{font-weight:700;}
.sx-ticker .ticker-chg,.sx-ticker .ticker-since{font-size:12.5px;font-weight:600;}
.sx-ticker-spark{width:64px;height:24px;display:block;}
.sx-ticker-upd{display:none;}

.sx-headline{font-size:clamp(34px,4.4vw,58px);line-height:1.04;font-weight:800;margin:0 0 22px;letter-spacing:-1px;}
.sx-headline .accent{background:linear-gradient(180deg,#7cb0ff,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent;}
.sx-sub{font-size:18px;line-height:1.6;color:rgba(255,255,255,.82);max-width:520px;margin:0 0 26px;}
.sx-divider{width:70px;height:2px;background:linear-gradient(90deg,#3b82f6,transparent);margin:0 0 30px;}

.sx-features{display:flex;gap:30px;flex-wrap:wrap;}
.sx-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;width:100px;}
.sx-feature svg{width:32px;height:32px;color:#60a5fa;}
.sx-feature span{font-size:10.5px;font-weight:700;letter-spacing:.4px;color:rgba(255,255,255,.85);line-height:1.35;text-transform:uppercase;}

/* Tarjeta del formulario (glass) */
.sx-form{position:relative;background:rgba(10,16,30,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(120,170,255,.55);border-radius:22px;padding:32px 30px;box-shadow:0 0 0 1px rgba(59,130,246,.18),0 30px 70px rgba(0,0,0,.55),0 0 90px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.07);}
.sx-form-title{font-size:16px;letter-spacing:1.5px;color:rgba(255,255,255,.8);font-weight:700;margin:0 0 4px;text-transform:uppercase;}
.sx-form-title span{display:block;font-size:clamp(34px,4.5vw,42px);letter-spacing:.5px;margin-top:3px;font-weight:800;line-height:1;
  background:linear-gradient(178deg,#f2f7ff 0%,#d3e2ff 28%,#5f8cf0 52%,#2563eb 70%,#16326f 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 3px 16px rgba(37,99,235,.5));}
.sx-form-sub{font-size:13.5px;color:rgba(255,255,255,.7);margin:10px 0 22px;line-height:1.5;}

.sx-field{position:relative;margin-bottom:4px;}
.sx-field + .error{margin-bottom:8px;}
.sx-field input,.sx-field select{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;font-size:14.5px;padding:11px 14px 11px 44px;outline:none;transition:border-color .15s,box-shadow .15s;}
.sx-field input::placeholder{color:rgba(255,255,255,.55);}
.sx-field input:focus,.sx-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.22);}
/* Autocompletar del navegador: mantener campo oscuro y texto blanco */
.sx-form input:-webkit-autofill,
.sx-form input:-webkit-autofill:hover,
.sx-form input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff;
  -webkit-box-shadow:0 0 0 1000px #131b2e inset;
  caret-color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  transition:background-color 9999s ease-in-out 0s;
}
.sx-field input.invalid{border-color:#f87171;}
.sx-ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:rgba(255,255,255,.6);pointer-events:none;}
.sx-field-select select{appearance:none;-webkit-appearance:none;color:rgba(255,255,255,.85);cursor:pointer;padding-right:40px;}
.sx-field-select select:invalid{color:rgba(255,255,255,.55);}
.sx-field-select option{color:#0f172a;}
.sx-chevron{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:rgba(255,255,255,.6);pointer-events:none;}
.sx-field-phone input{padding:11px 14px;}

.sx-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:rgba(255,255,255,.72);margin:12px 0 2px;cursor:pointer;}
.sx-consent input{margin-top:2px;accent-color:#3b82f6;width:16px;height:16px;flex-shrink:0;}
.sx-form .error{color:#fca5a5;font-size:11.5px;line-height:1.25;display:block;min-height:13px;margin:2px 0 3px;}

.sx-cta{position:relative;width:100%;border:none;border-radius:12px;background:linear-gradient(90deg,#2f6bff 0%,#2563eb 100%);color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:14px;margin-top:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 34px rgba(37,99,235,.6),0 0 0 1px rgba(120,170,255,.35),0 0 40px rgba(37,99,235,.35);transition:filter .15s,transform .1s,box-shadow .2s;}
.sx-cta:hover{box-shadow:0 12px 40px rgba(37,99,235,.7),0 0 0 1px rgba(120,170,255,.5),0 0 60px rgba(37,99,235,.45);}
.sx-cta:hover{filter:brightness(1.08);transform:translateY(-1px);}
.sx-cta:disabled{opacity:.7;cursor:not-allowed;transform:none;}
.sx-cta-arrow{font-size:18px;line-height:1;}
.sx-form-note{display:flex;align-items:flex-start;gap:8px;justify-content:center;font-size:11.5px;color:rgba(255,255,255,.55);margin:16px 0 0;text-align:center;line-height:1.45;}
.sx-trust{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:nowrap;margin:18px 0 6px;}
.sx-trust-item{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:rgba(226,232,240,.72);white-space:nowrap;}
.sx-trust-item svg{width:13px;height:13px;color:#4ade80;flex-shrink:0;}
.sx-form-note svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;}

/* intl-tel-input sobre fondo oscuro */
.sx-form .iti{width:100%;}
.sx-form .iti__selected-flag{background:transparent;}
.sx-form .iti__selected-flag:hover{background:rgba(255,255,255,.06);}
.sx-form .iti__selected-dial-code{color:rgba(255,255,255,.85);}

/* Responsive */
@media(max-width:1024px){
  .sx-grid{grid-template-columns:1fr;gap:30px;min-height:auto;padding:16px 0 56px;}
  .sx-form{max-width:520px;margin-left:auto;margin-right:auto;width:100%;}
  .sx-menu,.sx-nav-cta{display:none;}
  .sx-hero-content{text-align:center;}
  .sx-ticker,.sx-features{justify-content:center;}
  .sx-sub,.sx-divider{margin-left:auto;margin-right:auto;}
}
@media(max-width:600px){
  .sx-hero{min-height:auto;}
  .sx-hero-bg{background-position:center;}
  .sx-hero-overlay{background:linear-gradient(180deg,rgba(5,8,15,.82) 0%,rgba(5,8,15,.9) 100%);}
  .sx-wrap{padding:0 16px;}
  .sx-nav{padding:18px 0;}
  .sx-headline{font-size:clamp(30px,8.5vw,40px);letter-spacing:-.5px;}
  .sx-sub{font-size:16px;}
  .sx-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 10px;max-width:320px;margin-left:auto;margin-right:auto;}
  .sx-feature{width:auto;}
  .sx-ticker{flex-wrap:wrap;row-gap:4px;font-size:13px;padding:8px 14px;max-width:100%;}
  .sx-ticker-spark{display:none;}
  .sx-ticker .ticker-since{display:none;}
  .sx-form{padding:26px 20px;}
  .sx-form-title span{font-size:29px;}
}
@media(max-width:380px){
  .sx-headline{font-size:27px;}
}

/* En pantallas medianas/grandes: usar la imagen del cajetín como fondo
   (cabecera "SÉ PARTE DEL FUTURO" + cohete + tierra ya vienen en la imagen).
   Los campos reales se colocan en la zona inferior vacía. */
@media(min-width:601px){
  .sx-form{
    background:url(../img/form-header.png) top center / 100% 100% no-repeat;
    border:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 70px rgba(37,99,235,.22);
    padding:258px 40px 40px;
  }
  .sx-form-title,.sx-form-sub{display:none;}
}

/* ==========================================================================
   SECCIONES DE CONTENIDO (sector · SPCX en vivo · resultados · educación)
   ========================================================================== */
.sx-section{position:relative;background:#070c18;color:#e2e8f0;padding:84px 0;overflow:hidden;}
.sx-section.alt{background:#0a1122;}
.sx-section.stars::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(1px 1px at 15% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 65% 60%,rgba(255,255,255,.5),transparent),radial-gradient(1.3px 1.3px at 85% 25%,rgba(255,255,255,.6),transparent);}
.sx-container{max-width:1120px;margin:0 auto;padding:0 32px;position:relative;z-index:1;}
.sx-eyebrow{position:relative;display:inline-block;color:#8bb8ff;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;font-size:12px;margin:0 0 22px;padding-bottom:12px;}
.sx-eyebrow::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:2px;background:linear-gradient(90deg,#60a5fa,rgba(96,165,250,0));box-shadow:0 0 10px rgba(96,165,250,.7);}
.sx-h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.08;margin:0 0 16px;color:#fff;letter-spacing:-.6px;}
.sx-h2 .g{background:linear-gradient(180deg,#7cb0ff,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent;}
.sx-lead2{font-size:17px;color:rgba(226,232,240,.72);max-width:680px;line-height:1.7;margin:0 0 44px;}
.sx-center{text-align:center;}
.sx-center .sx-lead2{margin-left:auto;margin-right:auto;}

/* Tarjetas */
.sx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;}
.sx-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(22,32,58,.5),rgba(9,14,28,.5));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(96,165,250,.28);border-radius:18px;padding:28px 24px 30px;box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .25s,transform .25s,box-shadow .25s;}
.sx-card::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.75),transparent);}
.sx-card:hover{border-color:rgba(120,170,255,.6);transform:translateY(-4px);box-shadow:0 26px 60px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.09);}
.sx-card .ic{width:52px;height:52px;border-radius:14px;background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.4);box-shadow:inset 0 0 22px rgba(37,99,235,.28),0 0 22px rgba(37,99,235,.14);display:grid;place-items:center;margin-bottom:18px;}
.sx-card .ic svg{width:26px;height:26px;color:#8bb8ff;}
.sx-card h3{font-size:19px;margin:0 0 8px;color:#fff;font-weight:700;}
.sx-card p{font-size:14px;color:rgba(226,232,240,.66);line-height:1.6;margin:0;}

/* SPCX en vivo */
.sx-glass{background:linear-gradient(180deg,rgba(20,30,55,.5),rgba(9,14,28,.55));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(96,165,250,.28);border-radius:20px;box-shadow:0 20px 55px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);}
.sx-live{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:stretch;}

.sx-live-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(20,30,55,.5),rgba(9,14,28,.55));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(96,165,250,.3);border-radius:20px;padding:30px 30px 34px;box-shadow:0 20px 55px rgba(0,0,0,.4),0 0 60px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:center;}
.sx-live-card::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.9),transparent);box-shadow:0 0 14px rgba(96,165,250,.6);}
.sx-live-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.sx-live-name{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px;font-size:16px;}
.sx-live-name .dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulse 1.6s infinite;}
.sx-nasdaq{color:#4ade80;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;}
.sx-live-price{font-size:clamp(44px,5vw,60px);font-weight:800;line-height:1;margin:4px 0 12px;color:#fff;letter-spacing:-1px;}
.sx-live-row{display:flex;gap:18px;font-size:16px;font-weight:700;flex-wrap:wrap;align-items:center;}
.sx-live-row .ticker-since{color:#60a5fa;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;}
.sx-live-upd{margin-top:18px;font-size:12px;color:rgba(226,232,240,.5);display:flex;align-items:center;gap:7px;}
.sx-live-upd svg{width:15px;height:15px;}

.sx-chart-col{display:flex;flex-direction:column;gap:14px;}
.sx-chart-wrap{background:linear-gradient(180deg,rgba(20,30,55,.5),rgba(9,14,28,.55));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(96,165,250,.22);border-radius:20px;padding:20px 22px;box-shadow:0 20px 55px rgba(0,0,0,.4);}
.sx-chart{width:100%;height:auto;display:block;}
.sx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.sx-stat{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,rgba(20,30,55,.5),rgba(9,14,28,.55));border:1px solid rgba(96,165,250,.22);border-radius:14px;padding:11px 10px;}
.sx-stat-ic{width:32px;height:32px;flex-shrink:0;border-radius:9px;background:rgba(37,99,235,.14);border:1px solid rgba(96,165,250,.35);display:grid;place-items:center;box-shadow:inset 0 0 14px rgba(37,99,235,.25);}
.sx-stat-ic svg{width:16px;height:16px;color:#8bb8ff;}
.sx-stat > span:last-child{min-width:0;}
.sx-stat .label{display:block;font-size:10.5px;letter-spacing:.1px;color:rgba(226,232,240,.6);white-space:nowrap;}
.sx-stat .value{display:block;font-size:14px;font-weight:700;color:#fff;margin-top:2px;white-space:nowrap;}
.up{color:#4ade80;} .down{color:#f87171;} .blue{color:#60a5fa;}

/* Chart: eje Y y línea */
.sx-chart-grid{stroke:rgba(255,255,255,.07);stroke-width:1;}
.sx-chart-axis{fill:rgba(226,232,240,.4);font-size:11px;font-family:inherit;}

/* Calculadora */
.sx-calc{margin-top:20px;display:grid;grid-template-columns:1.25fr 1fr 1.75fr;gap:28px;align-items:center;background:linear-gradient(180deg,rgba(20,30,55,.5),rgba(9,14,28,.55));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(96,165,250,.24);border-radius:20px;padding:26px 30px;box-shadow:0 20px 55px rgba(0,0,0,.4);}
.sx-calc-intro{display:flex;align-items:center;gap:16px;}
.sx-calc-ic{width:52px;height:52px;flex-shrink:0;border-radius:14px;background:rgba(37,99,235,.14);border:1px solid rgba(96,165,250,.4);display:grid;place-items:center;box-shadow:inset 0 0 22px rgba(37,99,235,.28);}
.sx-calc-ic svg{width:26px;height:26px;color:#8bb8ff;}
.sx-calc-intro h3{margin:0 0 4px;font-size:18px;color:#fff;line-height:1.2;}
.sx-calc-intro p{margin:0;font-size:13px;color:rgba(226,232,240,.62);line-height:1.45;}
.sx-calc-input label{display:block;font-size:13px;color:rgba(226,232,240,.7);margin-bottom:7px;}
.sx-calc-input input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;font-size:20px;font-weight:700;padding:13px 14px;outline:none;transition:border-color .15s,box-shadow .15s;}
.sx-calc-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.22);}
.sx-calc-hint{font-size:11.5px;color:rgba(226,232,240,.5);margin-top:8px;}
.sx-calc-results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:end;}
.sx-calc-results > div .label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:rgba(226,232,240,.55);margin-bottom:4px;}
.sx-calc-results > div .value{display:block;font-size:23px;font-weight:800;color:#fff;line-height:1;}
.sx-calc-btn{grid-column:1 / -1;justify-self:end;margin-top:8px;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#2f6bff,#2563eb);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:13px 22px;cursor:pointer;box-shadow:0 10px 28px rgba(37,99,235,.5);transition:filter .15s,transform .1s;}
.sx-calc-btn:hover{filter:brightness(1.1);transform:translateY(-1px);}
.sx-calc-btn span{font-size:18px;line-height:1;}

.sx-note-small{font-size:11.5px;color:rgba(226,232,240,.45);margin-top:16px;line-height:1.5;}

@media(max-width:920px){
  .sx-live{grid-template-columns:1fr;}
  .sx-stats{grid-template-columns:repeat(2,1fr);}
  .sx-calc{grid-template-columns:1fr;gap:20px;}
  .sx-calc-results{grid-template-columns:1fr 1fr 1fr;}
  .sx-calc-btn{justify-self:stretch;justify-content:center;}
}
@media(max-width:480px){
  .sx-calc-results{grid-template-columns:1fr;text-align:left;}
}

/* Resultados / evolución */
.sx-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;}
.sx-mile{position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:22px 18px;text-align:center;}
.sx-mile .k{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#60a5fa;font-weight:700;margin-bottom:8px;}
.sx-mile .v{font-size:26px;font-weight:800;color:#fff;line-height:1;}
.sx-mile .d{font-size:12px;color:rgba(226,232,240,.55);margin-top:6px;}
.sx-disclaimer{background:rgba(234,179,8,.08);border:1px solid rgba(234,179,8,.3);border-radius:12px;padding:14px 18px;font-size:13px;color:#fde68a;line-height:1.55;}

/* Educación: pasos + FAQ */
.sx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:8px;}
.sx-step{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:26px 22px;}
.sx-step .num{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:800;display:grid;place-items:center;margin-bottom:14px;font-size:16px;}
.sx-step h3{margin:0 0 6px;font-size:17px;color:#fff;}
.sx-step p{margin:0;font-size:14px;color:rgba(226,232,240,.68);line-height:1.6;}
.sx-faq{max-width:760px;margin:0 auto;}
.sx-faq details{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 20px;margin-bottom:12px;background:rgba(255,255,255,.02);transition:border-color .2s;}
.sx-faq details[open]{border-color:rgba(96,165,250,.4);}
.sx-faq summary{cursor:pointer;padding:18px 0;font-weight:600;color:#fff;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.sx-faq summary::-webkit-details-marker{display:none;}
.sx-faq summary::after{content:"+";font-size:22px;color:#60a5fa;font-weight:400;line-height:1;}
.sx-faq details[open] summary::after{content:"\2212";}
.sx-faq details p{color:rgba(226,232,240,.7);padding:0 0 20px;margin:0;font-size:14.5px;line-height:1.65;}

/* Banda CTA */
.sx-cta-band{position:relative;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);text-align:center;padding:70px 20px;overflow:hidden;}
.sx-cta-band::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 0%,rgba(255,255,255,.15),transparent 70%);pointer-events:none;}
.sx-cta-band h2{position:relative;color:#fff;font-size:clamp(26px,3.4vw,38px);font-weight:800;margin:0 0 12px;}
.sx-cta-band p{position:relative;color:rgba(255,255,255,.85);font-size:17px;margin:0 0 28px;}
.sx-cta-band .btn{position:relative;display:inline-flex;align-items:center;gap:10px;background:#fff;color:#1e3a8a;font-weight:800;font-size:16px;text-decoration:none;padding:16px 34px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.3);transition:transform .12s;}
.sx-cta-band .btn:hover{transform:translateY(-2px);}

@media(max-width:900px){
  .sx-live{grid-template-columns:1fr;gap:26px;}
  .sx-timeline{grid-template-columns:repeat(2,1fr);}
  .sx-steps{grid-template-columns:1fr;}
  .sx-section{padding:60px 0;}
}
@media(max-width:520px){
  .sx-container{padding:0 18px;}
  .sx-stats{grid-template-columns:1fr;}
  .sx-timeline{grid-template-columns:1fr;}
}

/* ==========================================================================
   FONDO CONTINUO — las 4 imágenes unidas (bg-space.jpg) como una sola escena
   detrás de TODAS las secciones. cover => sin costuras y sin huecos, a
   cualquier ancho; el haz de luz central queda siempre visible.
   ========================================================================== */
.sx-space{position:relative;background:#04060d;}
/* Imagen continua + UN SOLO velo uniforme sobre toda la escena (sin escalones) */
.sx-space::before{content:"";position:absolute;inset:0;z-index:0;
  background-image:linear-gradient(rgba(5,8,18,.42),rgba(5,8,18,.42)),url(../img/bg-space.jpg);
  background-size:cover,cover;
  background-position:center,center top;
  background-repeat:no-repeat,no-repeat;}
.sx-space > *{position:relative;z-index:1;}

/* El hero usa el fondo continuo; se quitan overlay/glow para no crear cortes */
.sx-hero{background:transparent;}
.sx-hero-bg{display:none;}
.sx-hero-overlay{display:none;}
.sx-hero::after{display:none;}
.sx-headline,.sx-sub{text-shadow:0 2px 22px rgba(0,0,0,.72);}

/* Secciones y banda CTA TRANSPARENTES: el velo único ya está en ::before */
.sx-section{background:transparent;}
.sx-section.alt{background:transparent;}
.sx-section.stars::before{display:none;}
.sx-cta-band{background:transparent;}
.sx-cta-band h2,.sx-cta-band p{text-shadow:0 2px 16px rgba(0,0,0,.6);}