:root{
  --fondo:#080A0E;
  --lamina:#131820;
  --realce:#1F242B;
  --tinta:#EEF2F8;
  --sub:#939598;
  --cap:#929598;
  --frio:#AEB12F;
  --ambar:#C69887;
  --malo:#DB705A;
  --frio-10:rgba(174,177,47,.10);
  --frio-28:rgba(174,177,47,.28);
  --frio-50:rgba(174,177,47,.50);
  --frio-0:rgba(174,177,47,0);
  --ambar-16:rgba(198,152,135,.16);
  --ambar-34:rgba(198,152,135,.34);
  --ambar-0:rgba(198,152,135,0);
  --raya:rgba(238,242,248,.10);
  --raya-2:rgba(238,242,248,.18);
  --hundido:0 30px 74px -44px rgba(0,0,0,.95);
  --letra:"League Spartan",system-ui,sans-serif;
  --rotulo:"Funnel Sans",system-ui,sans-serif;
  --peso-rotulo:500;
  --peso-firme:700;
  --peso-titulo:700;
}

/* Ambient Light Design · solardealmx.club --------------------------------
   Клон уника u7: тот же приём (тёмная страница, радиальные пятна света,
   светящаяся кромка панелей, значки в ореолах), но свои приборы — таблица
   пакета, лента доводов, сетка плиток и отзывы стопкой.                  */

*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{background:var(--fondo);color:var(--tinta);font-family:var(--letra);
     -webkit-font-smoothing:antialiased;line-height:1.55}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{letter-spacing:-.015em;line-height:1.16}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 300,
     'GRAD' 0,'opsz' 40;line-height:1}

.rotulo{font-family:var(--rotulo);font-weight:var(--peso-rotulo);
     font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}
.firma{font-family:var(--rotulo);font-weight:var(--peso-firme);
     font-size:1.15rem;letter-spacing:.02em;color:var(--tinta)}
.encendido{color:var(--ambar);text-shadow:0 0 32px var(--ambar-34)}
.liga{color:var(--frio);text-decoration:underline;text-underline-offset:3px}
.liga:hover{text-shadow:0 0 16px var(--frio-50)}

/* радиальные пятна ----------------------------------------------------- */
.halo{position:relative;isolation:isolate;overflow:hidden}
.nube{position:absolute;z-index:-1;pointer-events:none;border-radius:50%}
.nube-azul{background:radial-gradient(closest-side,var(--frio-28),
     var(--frio-0))}
.nube-ambar{background:radial-gradient(closest-side,var(--ambar-16),
     var(--ambar-0))}

/* панели со светящейся кромкой ----------------------------------------- */
.lamina{position:relative;border-radius:16px;
     background:linear-gradient(165deg,var(--realce),#0D1116);
     box-shadow:var(--hundido)}
.lamina::before{content:"";position:absolute;inset:0;border-radius:inherit;
     padding:1px;pointer-events:none;
     background:linear-gradient(140deg,var(--frio-50),var(--ambar-34) 50%,
       rgba(238,242,248,.05) 82%);
     -webkit-mask:linear-gradient(#000 0 0) content-box,
       linear-gradient(#000 0 0);
     -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,
       linear-gradient(#000 0 0);mask-composite:exclude}
.lamina-viva{box-shadow:var(--hundido),0 0 66px -32px var(--frio-50)}

/* шапка ---------------------------------------------------------------- */
.cinta{position:fixed;top:0;left:0;right:0;z-index:50;
     background:rgba(8,10,14,.74);backdrop-filter:blur(14px);
     border-bottom:1px solid var(--raya);transition:background .3s ease}
.cinta.pegada{background:rgba(8,10,14,.96)}
.cinta::after{content:"";position:absolute;left:0;bottom:-1px;width:38%;
     height:1px;
     background:linear-gradient(90deg,var(--frio-50),transparent)}
.enlace-menu{font-size:.95rem;color:var(--sub);transition:color .25s}
.enlace-menu:hover{color:var(--tinta);text-shadow:0 0 18px var(--frio-50)}

/* кнопки: у клона они прямоугольные со срезанным углом, не круглые ------ */
.tecla{display:inline-flex;align-items:center;gap:.5rem;border-radius:4px;
     padding:.92rem 1.6rem;font-weight:var(--peso-titulo);font-size:.96rem;
     cursor:pointer;transition:box-shadow .3s ease,transform .3s ease,
     border-color .3s ease}
.tecla .material-symbols-outlined{font-size:20px}
.tecla-mini{padding:.58rem 1.05rem;font-size:.87rem}
.tecla-viva{color:var(--fondo);
     background:linear-gradient(105deg,var(--frio),#FFFFFF 230%);
     box-shadow:0 0 30px -12px var(--frio-50)}
.tecla-viva:hover{box-shadow:0 0 44px -10px var(--frio-50);
     transform:translateY(-1px)}
.tecla-linea{color:var(--tinta);border:1px solid var(--raya-2)}
.tecla-linea:hover{border-color:var(--frio-50);
     box-shadow:0 0 30px -18px var(--frio-50)}
.tecla-seca{color:var(--sub)}
.tecla-seca:hover{color:var(--tinta)}

/* первый экран: две колонки, кадр в раме ------------------------------- */
.apertura{padding-bottom:1rem}
.columna-texto{max-width:34rem}
.hilera{display:flex;flex-wrap:wrap;gap:.4rem .5rem;font-size:.86rem;
     color:var(--sub)}
.hilera span{display:inline-flex;align-items:center}
.hilera span+span::before{content:"·";margin:0 .55rem;color:var(--ambar)}
.marco-vivo{position:relative;border-radius:18px;overflow:hidden;
     box-shadow:var(--hundido),0 0 80px -34px var(--frio-50)}
.marco-vivo::after{content:"";position:absolute;inset:0;pointer-events:none;
     border-radius:inherit;box-shadow:inset 0 0 0 1px var(--frio-28),
     inset 0 -90px 80px -60px rgba(8,10,14,.95)}
.marco-vivo img{width:100%;height:100%;max-height:520px;object-fit:cover}
.pie-marco{position:absolute;left:0;right:0;bottom:0;z-index:1;
     padding:1rem 1.2rem;font-size:.82rem;color:var(--tinta);
     background:linear-gradient(180deg,rgba(8,10,14,0),rgba(8,10,14,.92) 55%)}

/* таблица пакета -------------------------------------------------------- */
.tabla-marco{border:1px solid var(--raya);border-radius:14px;
     background:rgba(19,24,32,.7);overflow-x:auto}
.tabla-paquete{width:100%;min-width:640px;border-collapse:collapse;
     font-size:.9rem}
.tabla-paquete th,.tabla-paquete td{text-align:left;vertical-align:top;
     padding:1rem 1.2rem;border-top:1px solid var(--raya)}
.tabla-paquete thead th{border-top:0;font-family:var(--rotulo);
     font-weight:var(--peso-rotulo);font-size:.7rem;letter-spacing:.18em;
     text-transform:uppercase;color:var(--cap);
     background:rgba(238,242,248,.04)}
.tabla-paquete tbody th{color:var(--tinta);font-weight:var(--peso-titulo);
     width:22%}
.tabla-paquete td{color:var(--sub);line-height:1.65}
.tabla-paquete tbody tr:hover{background:var(--frio-10)}
.aviso-tabla{margin-top:1.2rem;font-size:.85rem;color:var(--cap);
     max-width:48rem}

/* лента доводов --------------------------------------------------------- */
.carrusel{display:flex;gap:1rem;padding:.4rem .2rem 1.3rem;
     scroll-behavior:smooth;overscroll-behavior-x:contain}
.carrusel>.ficha{flex:0 0 auto;width:min(82vw,320px);padding:1.5rem}
.carrusel::-webkit-scrollbar{height:6px}
.carrusel::-webkit-scrollbar-track{background:rgba(238,242,248,.06);
     border-radius:99px}
.carrusel::-webkit-scrollbar-thumb{background:var(--frio-28);
     border-radius:99px}
.aureola{display:inline-grid;place-items:center;width:58px;height:58px;
     border-radius:14px;
     background:radial-gradient(circle at 50% 42%,var(--frio-28),
       var(--frio-0) 74%);
     box-shadow:inset 0 0 0 1px var(--raya),0 0 26px -8px var(--frio-50)}
.aureola .material-symbols-outlined{font-size:28px;color:var(--frio)}
.aureola-grande{width:82px;height:82px;border-radius:20px}
.aureola-grande .material-symbols-outlined{font-size:38px}
.pico{display:grid;place-items:center;width:44px;height:44px;border-radius:4px;
     border:1px solid var(--raya-2);color:var(--tinta);
     background:rgba(19,24,32,.65);transition:box-shadow .3s,border-color .3s}
.pico:hover{border-color:var(--frio-50);box-shadow:0 0 28px -12px var(--frio-50)}

/* плитки штатов --------------------------------------------------------- */
.loseta{padding:1.4rem 1.4rem 1.6rem}
.loseta-hueca{border:1px dashed var(--raya-2);border-radius:16px;
     background:transparent;box-shadow:none;padding:1.4rem}
.chincheta{color:var(--ambar);font-size:24px}
.nombre-estado{font-family:var(--rotulo);font-weight:var(--peso-firme);
     font-size:1.05rem;margin-top:.7rem;color:var(--tinta)}

/* отзывы стопкой -------------------------------------------------------- */
.voz{position:relative;padding:1.5rem 0 1.5rem 1.4rem;
     border-top:1px solid var(--raya)}
.voz:first-child{border-top:0}
.voz::before{content:"";position:absolute;left:0;top:1.7rem;bottom:1.7rem;
     width:2px;border-radius:2px;
     background:linear-gradient(180deg,var(--frio),var(--ambar))}
.firma-voz{margin-top:.8rem;font-family:var(--rotulo);
     font-weight:var(--peso-firme);color:var(--tinta)}

/* раскрывашки: у клона они разложены по двум именованным группам -------- */
.grupo-dudas{margin-top:2.6rem}
.grupo-dudas .duda{margin-top:.8rem}
.titulo-grupo{font-family:var(--rotulo);font-weight:var(--peso-firme);
     font-size:1.1rem;color:var(--ambar);padding-bottom:.7rem;
     border-bottom:1px solid var(--raya)}
.duda{position:relative;border-radius:12px;border:1px solid var(--raya);
     background:rgba(19,24,32,.62);transition:box-shadow .3s ease,
     border-color .3s ease,background .3s ease}
.duda summary{display:flex;gap:1rem;align-items:flex-start;
     justify-content:space-between;cursor:pointer;list-style:none;
     padding:1.15rem 1.35rem;font-weight:var(--peso-titulo)}
.duda summary::-webkit-details-marker{display:none}
.duda p{padding:0 1.35rem 1.35rem}
.duda .signo{color:var(--frio);transition:transform .3s ease}
.duda[open]{border-color:var(--frio-28);background:rgba(23,29,39,.85);
     box-shadow:0 0 54px -26px var(--frio-50)}
.duda[open] .signo{transform:rotate(180deg)}

/* форма ----------------------------------------------------------------- */
.rotulo-campo{display:block;font-family:var(--rotulo);
     font-weight:var(--peso-rotulo);font-size:.71rem;letter-spacing:.14em;
     text-transform:uppercase;color:var(--cap);margin-bottom:.5rem}
.casilla{width:100%;border-radius:6px;padding:.85rem 1rem;color:var(--tinta);
     background:rgba(8,10,14,.78);border:1px solid var(--raya-2);
     font-family:var(--letra);font-size:.97rem;transition:border-color .25s,
     box-shadow .25s}
.casilla::placeholder{color:var(--cap)}
.casilla:focus{outline:none;border-color:var(--frio-50);
     box-shadow:0 0 0 3px var(--frio-10)}
.casilla.mal{border-color:var(--malo);box-shadow:0 0 0 3px rgba(216,101,78,.14)}
select.casilla{appearance:none;background-image:linear-gradient(45deg,
     transparent 50%,var(--cap) 50%),linear-gradient(135deg,var(--cap) 50%,
     transparent 50%);background-position:calc(100% - 20px) 55%,
     calc(100% - 14px) 55%;background-size:6px 6px,6px 6px;
     background-repeat:no-repeat;padding-right:2.6rem}
select.casilla option{background:#131820;color:#EEF2F8}
.fallo{display:none;color:var(--malo);font-size:.82rem;margin-top:.45rem}
.fallo.visible{display:block}
.consentimiento{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer}
.consentimiento input{margin-top:.25rem;width:18px;height:18px;flex:0 0 auto}
/* ── полоса заявки: КАРТОЧКА, НАЕЗЖАЮЩАЯ НА КАДР ───────────────────────
   Форма стоит второй секцией, сразу за первым экраном, и собрана не
   «поля слева, столбец справа», как у собратьев, а кадром во всю ширину
   и карточкой, которая на него наезжает. «Как дальше» и «прямой контакт»
   ушли ПОД карточку в два столбца — прилипшего сайдбара здесь нет.
   На узком экране наезд меньше, но кадр всё равно виден над карточкой. */
.zona-oferta{padding:0 0 clamp(3rem,7vw,5.5rem)}
.marco-tira{position:relative;overflow:hidden}
.marco-tira::after{content:"";position:absolute;inset:0;pointer-events:none;
     box-shadow:inset 0 -120px 110px -70px rgba(8,10,14,.98)}
.marco-tira img{width:100%;height:clamp(180px,26vw,320px);object-fit:cover}
.encimada{margin-top:clamp(-140px,-14vw,-90px)}
.escalones{list-style:none;counter-reset:hito;padding:0;margin:0}
.escalones li{counter-increment:hito;position:relative;padding-left:2.5rem;
     margin-bottom:1rem;font-size:.92rem;color:var(--sub);line-height:1.6}
.escalones li::before{content:counter(hito);position:absolute;left:0;top:-1px;
     display:grid;place-items:center;width:26px;height:26px;border-radius:6px;
     font-family:var(--rotulo);font-size:.75rem;
     font-weight:var(--peso-firme);color:var(--frio);
     border:1px solid var(--frio-28)}
.escalones-grandes li{font-size:.98rem;padding-left:2.9rem;
     margin-bottom:1.3rem}
.datos{list-style:none;padding:0;margin:0}
.datos li{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:.9rem;
     font-size:.92rem;color:var(--sub)}
.datos .material-symbols-outlined{color:var(--ambar);font-size:20px;
     margin-top:2px}

/* подвал ---------------------------------------------------------------- */
.pie-sitio{border-top:1px solid var(--raya);background:#06080B}
.enlace-pie{color:var(--sub);transition:color .25s;
     display:inline-block;max-width:100%;overflow-wrap:anywhere}
.enlace-pie:hover{color:var(--tinta);text-shadow:0 0 16px var(--frio-50)}
.raya-pie{margin-top:2.5rem;padding-top:1.5rem;
     border-top:1px solid var(--raya);font-size:.8rem;color:var(--cap)}

/* печенья: у клона плашка справа внизу, не слева ------------------------ */
.bocado{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;
     display:none}
.bocado.visible{display:block}
@media(min-width:900px){.bocado{left:auto;width:400px}}

/* правовые страницы ----------------------------------------------------- */
.prosa h2{font-size:1.3rem;margin:2rem 0 .7rem;color:var(--tinta)}
.prosa h2:first-child{margin-top:0}
.prosa p,.prosa li{color:var(--sub);line-height:1.75;margin-bottom:.95rem;
     font-size:.96rem}
.prosa ul{list-style:disc;padding-left:1.3rem;margin-bottom:1rem}
.prosa li{margin-bottom:.5rem}

@media(min-width:1024px){
  .apertura{padding-bottom:3rem}
  .marco-vivo img{max-height:560px}
}