/* banda de arriba en las paginas internas: la misma foto partida, mas baja */
.cabecera{position:relative;display:flex;align-items:flex-end;justify-content:center;height:320px;padding-bottom:70px;background:var(--color8) url(../imagenes/cabecera-interior.webp) center/cover no-repeat;text-align:center}
.cabecera:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,18,38,.15),rgba(0,18,38,.75))}
.cabecera h1{position:relative;max-width:900px;padding:6px 20px 0;border-top:3px solid var(--color4);color:var(--color1);font-family:var(--font-portada);font-size:46px;line-height:1.1;text-transform:uppercase}
.cabecera p{position:absolute;left:0;right:0;bottom:30px;margin:0;color:rgba(255,255,255,.8);font-size:15px}
.cabecera p a{color:var(--cian-texto)}
.borde-tinta{display:block;width:100%;height:50px;margin-top:-18px;position:relative;z-index:2}
.borde-tinta path{fill:var(--color9)}

.columna-texto{max-width:760px;margin:0 auto}
.columna-texto p{color:var(--color6)}
.columna-texto.centrada{text-align:center}
.lead{font-size:1.2rem;line-height:1.7;color:var(--color7) !important}
.cta-final{text-align:center}
.cta-final p{max-width:600px;margin:14px auto 26px;color:var(--color6)}

/* tabla larga de comparacion */
.comparacion{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.comparacion caption{padding-bottom:14px;text-align:left;color:var(--texto-suave);font-size:14px}
.comparacion th,.comparacion td{padding:15px 18px;border-bottom:1px solid var(--color3);text-align:left;vertical-align:top}
.comparacion thead th{background:var(--color5);color:var(--color1)}
.comparacion tbody th{width:26%;font-weight:700}
.comparacion td{color:var(--color6)}
.comparacion tr:nth-child(even) td,.comparacion tr:nth-child(even) th{background:#f8fafb}
.comparacion .si{color:var(--cian-texto);font-weight:700}
.comparacion .no{color:#9aa3a8}

/* casos en linea de tiempo */
.casos{position:relative;max-width:900px;margin:40px auto 0;padding-left:46px}
.casos:before{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:var(--color3)}
.caso{position:relative;margin-bottom:34px;padding:26px 28px;border-radius:15px 15px 15px 15px;background:var(--color1);box-shadow:var(--sombra)}
.caso:before{content:"";position:absolute;left:-40px;top:30px;width:18px;height:18px;border:4px solid var(--color1);border-radius:50%;background:var(--color4);box-shadow:0 0 0 1px var(--color3)}
.caso h3{font-size:22px;line-height:1.3}
.caso .quien{display:block;margin:4px 0 12px;color:var(--cian-texto);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.caso p{margin-bottom:10px;color:var(--color6)}
.caso .veredicto{display:inline-block;margin-top:4px;padding:6px 14px;border-radius:37px;background:var(--color2);color:var(--color5);font-size:14px;font-weight:700}

/* señales: fichas */
.senales{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.senal{padding:18px 26px;border-left:4px solid var(--color5);border-radius:15px;background:var(--color4);color:var(--color1);font-family:var(--font-etiquetas);font-size:19px;line-height:1.35;font-weight:700}

/* el camino de la plata */
.camino{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:44px;counter-reset:paso}
.camino li{position:relative;padding:0 18px;text-align:center}
.camino li:before{counter-increment:paso;content:counter(paso);display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--color5);color:var(--cian-texto);font-family:var(--font-portada);font-size:26px;font-weight:700;position:relative;z-index:1}
.camino li:after{content:"";position:absolute;top:32px;left:50%;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--color4) 0 8px,transparent 8px 14px)}
.camino li:last-child:after{display:none}
.camino h3{font-size:17px;line-height:1.3;text-transform:uppercase;font-family:"Plus Jakarta Sans",var(--font-texto)}
.camino p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--color6)}
.camino .quien-hace{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:37px;background:var(--color2);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color5)}

.fyt{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.fyt.invertido .fyt-foto{order:2}
.fyt-foto img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:15px}
.fyt-texto p{color:var(--color6);font-size:17px;line-height:1.75}

.errores{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}
.error-tile{padding:26px;border-radius:15px 15px 15px 15px;background:var(--color5);color:rgba(255,255,255,.8)}
.error-tile h3{margin-bottom:10px;color:var(--cian-texto);font-size:20px;line-height:1.3}
.error-tile p{margin:0;font-size:15px;line-height:1.65}
.error-tile b{color:var(--color1)}

/* abonos: matriz */
.matriz-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0 0}
.plan{padding:28px;border-radius:15px;background:var(--color5);color:rgba(255,255,255,.8);text-align:center}
.plan h2{color:var(--cian-texto);font-size:30px;text-transform:uppercase;letter-spacing:-.48px}
.plan .monto{display:block;margin:10px 0 6px;color:var(--color1);font-family:var(--font-portada);font-size:38px;font-weight:700}
.plan p{margin:0;font-size:15px}
.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.extra{padding:22px 24px;border:1px solid var(--color3);border-radius:15px}
.extra b{display:block;font-size:17px}
.extra span{display:block;margin:6px 0 8px;color:var(--cian-texto);font-size:22px;font-weight:700}
.extra p{margin:0;font-size:15px;line-height:1.6;color:var(--color6)}
.pasos-baja{list-style:none;padding:0;max-width:760px;margin:30px auto 0;counter-reset:baja}
.pasos-baja li{position:relative;padding:14px 0 14px 54px;border-bottom:1px solid var(--color3);color:var(--color6)}
.pasos-baja li:before{counter-increment:baja;content:counter(baja);position:absolute;left:0;top:12px;width:34px;height:34px;border-radius:50%;background:var(--color2);color:var(--color5);font-weight:700;line-height:34px;text-align:center}

/* preguntas con filtro */
.filtro{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:30px 0 36px}
.filtro button{min-height:44px;padding:9px 20px;border:1px solid var(--color3);border-radius:37px;background:var(--color1);color:var(--color5);font-family:var(--font-texto);font-size:15px;font-weight:600;cursor:pointer}
.filtro button[aria-pressed=true]{border-color:var(--cian-texto);background:var(--color4);color:var(--color1)}
.faq-lista{max-width:860px;margin:0 auto}
.faq-lista details{border-bottom:1px solid var(--color3)}
.faq-lista details[hidden]{display:none}
.faq-lista summary{position:relative;padding:20px 50px 20px 0;font-size:18px;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista summary:after{content:"+";position:absolute;right:6px;top:16px;color:var(--cian-texto);font-size:28px;font-weight:400;line-height:1}
.faq-lista details[open] summary:after{content:"\2212"}
.faq-lista .tema{display:inline-block;margin-right:10px;padding:2px 9px;border-radius:37px;background:var(--color2);color:var(--color5);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;vertical-align:3px}
.faq-lista details p{margin:0 0 20px;color:var(--color6);font-size:16px;line-height:1.8}

/* paginas legales */
.texto-legal{max-width:1200px;margin:0 auto}
.texto-legal h1{margin-bottom:26px;font-size:40px;line-height:48px;letter-spacing:-1px}
.texto-legal h3{margin:34px 0 10px;font-family:"Plus Jakarta Sans",var(--font-texto);font-size:17px;text-transform:uppercase}
.texto-legal p,.texto-legal li{color:var(--color6);font-size:16px;line-height:1.9}
.texto-legal ul{margin:0 0 1em;padding-left:22px;list-style:disc}

/* .comparacion thead th{top:0} */
.comparacion thead th:first-child{border-radius:15px 0 0 0}
.comparacion thead th:last-child{border-radius:0 15px 0 0}

@media only screen and (max-width:1024px){
	.camino{grid-template-columns:1fr;gap:28px;max-width:520px;margin-left:auto;margin-right:auto}
	.camino li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:0;text-align:left}
	.camino li:before{grid-row:span 3;margin:0}
	.camino li:after{top:64px;left:31px;width:2px;height:calc(100% - 36px);background:repeating-linear-gradient(180deg,var(--color4) 0 8px,transparent 8px 14px)}
	.senales,.extras{grid-template-columns:1fr 1fr}
	.fyt{gap:40px}
}
@media only screen and (max-width:640px){
	.cabecera{height:260px;padding-bottom:64px}
	.cabecera h1{font-size:28px}
	.cabecera p{bottom:24px;padding:0 16px;font-size:13px}
	.borde-tinta{height:34px}
	.senales,.extras,.errores,.matriz-head,.fyt{grid-template-columns:1fr}
	.fyt.invertido .fyt-foto{order:0}
	.comparacion{font-size:14px}
	.casos{padding-left:34px}
	.caso{padding:20px}
	.caso:before{left:-30px}
	.casos:before{left:8px}
	.texto-legal h1{font-size:30px;line-height:38px}
	.faq-lista summary{font-size:16px}
}