/* Subpáginas · piezas comunes (se suman a sitio.css, que es el CSS de la home) */

/* Menú: página actual */
.nav a[aria-current="page"]{color:var(--crema)}
.nav a[aria-current="page"]::after{transform:none}
.cab-min .wrap{justify-content:flex-start}

/* Cabecera de página */
.phero{position:relative;padding:200px 0 120px;overflow:hidden}
.phero::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 60% at 80% 30%,rgba(34,197,94,.07),transparent 70%);pointer-events:none}
.phero .etq{margin-bottom:28px}
.phero h1{max-width:1000px}
.phero .lead{margin-top:30px;font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:var(--gris);max-width:680px}
.phero .lead b{color:var(--crema);font-weight:500}
.phero .acciones{margin-top:44px}
.phero .micro{margin-top:20px}
.phero.dos{padding-bottom:100px}
.phero.dos .wrap{display:grid;grid-template-columns:7fr 5fr;gap:72px;align-items:center}
.phero-foto{position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:var(--panel)}
.phero-foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
.phero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,13,12,.7))}

/* Sección con cabecera a la izquierda y contenido a la derecha */
.lado{display:grid;grid-template-columns:4fr 7fr;gap:80px;align-items:start}
.lado .izq{position:sticky;top:120px}
.lado .izq p{color:var(--gris);margin-top:22px;max-width:360px}
.sec + .sec{border-top:1px solid var(--linea)}
.sec h2 + p,.sec .intro{color:var(--gris);margin-top:22px;max-width:640px}

/* Lista numerada en filas (como «Es para ti si…» de la home) */
.lista{list-style:none;border-top:1px solid var(--linea)}
.lista li{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:26px 0;border-bottom:1px solid var(--linea)}
.lista li > b{font:500 12px/2.1 Mono;color:var(--gris-tono);letter-spacing:.08em}
.lista h3{font-size:clamp(20px,1.7vw,24px);margin-bottom:6px}
.lista p{color:var(--gris);font-size:17px;max-width:620px}
.lista.no li > b{color:var(--gris-tono)}

/* Tarjetas */
.tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tarjetas.dos{grid-template-columns:repeat(2,1fr)}
.tarjeta{position:relative;padding:34px 30px;border:1px solid var(--linea);border-radius:6px;background:rgba(245,241,232,.02);transition:border-color .4s,background .4s}
.tarjeta:hover{border-color:var(--linea-f);background:rgba(245,241,232,.035)}
.tarjeta .n{display:block;font:500 12px/1 Mono;letter-spacing:.12em;color:var(--gris-tono);margin-bottom:26px}
.tarjeta h3{margin-bottom:12px}
.tarjeta p{color:var(--gris);font-size:16.5px}
.tarjeta ul{list-style:none;margin-top:16px}
.tarjeta li{position:relative;padding:8px 0 8px 22px;color:var(--crema);font-size:16px;border-top:1px solid var(--linea)}
.tarjeta li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:1px;background:var(--gris-tono)}

/* Texto largo (historia, legales) */
.prosa{max-width:760px}
.prosa h2{font-size:clamp(26px,2.6vw,36px);margin:64px 0 18px}
.prosa h2:first-child{margin-top:0}
.prosa h3{font-size:20px;margin:36px 0 10px}
.prosa p,.prosa li{color:var(--gris);font-size:17.5px;line-height:1.75}
.prosa p + p{margin-top:16px}
.prosa b,.prosa strong{color:var(--crema);font-weight:500}
.prosa ul,.prosa ol{margin:14px 0 14px 22px}
.prosa li{margin:6px 0}
.prosa a{color:var(--crema)}
.prosa table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15.5px}
.prosa th,.prosa td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--linea);color:var(--gris);vertical-align:top}
.prosa th{color:var(--crema);font-weight:600}
.cita-g{font:800 clamp(30px,3.2vw,48px)/1.1 Archivo,sans-serif;letter-spacing:-.025em;color:var(--crema);max-width:900px}
.cita-g + .micro{margin-top:22px}

/* Cifras */
.cifras-g{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linea)}
.cifras-g div{padding:34px 24px 0 0}
.cifras-g strong{display:block;font:800 clamp(44px,5vw,72px)/1 Archivo,sans-serif;font-stretch:115%;letter-spacing:-.03em;color:var(--crema)}
.cifras-g span{display:block;margin-top:12px;color:var(--gris);font-size:15.5px;max-width:220px}

/* Banda final con botón */
.banda{padding:120px 0;border-top:1px solid var(--linea);text-align:center;background:radial-gradient(50% 80% at 50% 100%,rgba(34,197,94,.08),transparent 70%)}
.banda h2{max-width:900px;margin:0 auto}
.banda p{color:var(--gris);margin:22px auto 0;max-width:560px}
.banda .acciones{justify-content:center;margin-top:40px}

/* Tabla de comparación */
.compara{width:100%;border-collapse:collapse}
.compara th,.compara td{padding:20px 18px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top;font-size:16px;color:var(--gris)}
.compara thead th{font:500 11px/1.5 Mono;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.compara tbody th{color:var(--crema);font-weight:600;font-size:16px}
.compara td strong{color:var(--crema);font-weight:600}

/* Formularios de lista sobre fondo oscuro */
.caja{padding:40px;border:1px solid var(--linea-f);border-radius:6px;background:rgba(245,241,232,.025)}
.caja h3{margin-bottom:10px}
.caja > p{color:var(--gris);margin-bottom:22px}

/* Vídeo vertical (VSL) */
.video-v{position:relative;aspect-ratio:4/5;max-width:440px;width:100%;border-radius:8px;overflow:hidden;background:var(--panel);border:1px solid var(--linea)}
.video-v img{width:100%;height:100%;object-fit:cover;opacity:.55}
.video-v .play{position:absolute;inset:0;display:grid;place-items:center}
.video-v .play i{width:78px;height:78px;border-radius:50%;background:var(--crema);display:grid;place-items:center}
.video-v .play i::after{content:"";margin-left:5px;border-left:20px solid var(--carbon);border-top:12px solid transparent;border-bottom:12px solid transparent}
.video-v .micro{position:absolute;left:18px;bottom:16px;right:18px}

@media (max-width:900px){
  .phero{padding:140px 0 72px}
  .phero.dos .wrap{grid-template-columns:1fr;gap:44px}
  .phero-foto{max-width:420px}
  .lado{grid-template-columns:1fr;gap:36px}
  .lado .izq{position:static}
  .tarjetas,.tarjetas.dos{grid-template-columns:1fr}
  .cifras-g{grid-template-columns:repeat(2,1fr)}
  .lista li{grid-template-columns:44px 1fr}
  .banda{padding:88px 0}
  .caja{padding:24px}
  .compara{display:block;overflow-x:auto}
  .prosa h2{margin-top:48px}
}

/* Formulario: primera capa legal */
.form .ayuda{display:block;margin-top:6px;font-size:12.5px;color:#6a6a64}
.form .capa1{margin-top:12px;font-size:12px;line-height:1.5;color:#6a6a64}.form .capa1 a{color:inherit}

/* Sello de prototipo: abajo también en el móvil, para no tapar contenido */
@media (max-width:900px){.prov{top:auto;bottom:78px;right:8px;font-size:9px}}

/* Solicitud en 3 pasos con calendario */
.form .p3{display:none}.form[data-paso="2"] .p1{display:none}.form[data-paso="2"] .p2{display:block}.form[data-paso="3"] .p1,.form[data-paso="3"] .p2{display:none}.form[data-paso="3"] .p3{display:block}
.form[data-paso="1"] .barra-paso i{transform:scaleX(.33)}.form[data-paso="2"] .barra-paso i{transform:scaleX(.66)}.form[data-paso="3"] .barra-paso i{transform:scaleX(1)}
.form .p3-no .btn{width:100%;justify-content:center;margin-top:14px}
.form .cal iframe{width:100%;height:700px;border:0;border-radius:4px;background:#fff}
.form .cal-t{font:600 17px/1.3 Inter;margin-bottom:14px}.form .cal-t .pend{display:block;margin-top:6px;width:max-content}
.form .cal-dias{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}
.form .cal-horas{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.form .cal-dia,.form .cal-hora{height:46px;border:1px solid #D6D0C4;border-radius:4px;background:#fff;color:var(--carbon);font:500 14px Inter;cursor:pointer;text-transform:capitalize}
.form .cal-dia.on,.form .cal-hora.on{background:var(--carbon);color:var(--crema);border-color:var(--carbon)}
.form .cal-z{margin:12px 0 4px;font-size:12.5px;color:#6a6a64}
.form .cal-ok{width:100%;justify-content:center;margin-top:10px}.form .cal-ok:disabled{opacity:.45;cursor:not-allowed}