/* Centro Integral UPA - estilos versión 2 (componentes nuevos) */
.portada2{position:relative;min-height:min(88vh,760px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--tinta)}
.portada2 .diapos{position:absolute;inset:0}
.portada2 .diapos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.6s ease,transform 7s ease}
.portada2 .diapos img.activa{opacity:1;transform:scale(1)}
.portada2::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,45,.10) 0%,rgba(20,18,45,.30) 45%,rgba(20,18,45,.80) 100%)}
.portada2 .envoltura{position:relative;z-index:2;padding:140px 0 64px}
.portada2 .antetitulo{color:var(--amarillo)}
.portada2 h1{max-width:16ch;font-size:clamp(2.5rem,6vw,4.8rem);text-wrap:balance}
.portada2 h1 em{font-style:italic;color:#F6D58C}
.portada2 .bajada{font-size:clamp(1.1rem,1.8vw,1.3rem);max-width:46ch;margin:20px 0 30px;color:rgba(255,255,255,.9)}
.portada2 .acciones{display:flex;flex-wrap:wrap;gap:12px}
.portada2 .boton-claro{color:#fff;border-color:rgba(255,255,255,.7)}
.portada2 .boton-claro:hover{background:#fff;color:var(--tinta)}
.puntos{display:flex;gap:8px;margin-top:34px}
.puntos button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0;transition:width .3s}
.puntos button.activa{background:#fff;width:28px;border-radius:6px}

.cifras{background:#fff;border-bottom:1px solid var(--borde)}
.cifras .envoltura{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 0}
.cifra b{display:block;font-family:var(--titulo);font-size:clamp(2rem,3.4vw,2.8rem);font-weight:600;color:var(--morado);line-height:1}
.cifra span{display:block;margin-top:8px;color:var(--tinta-suave);font-weight:700;font-size:.95rem;line-height:1.35}
@media (max-width:760px){.cifras .envoltura{grid-template-columns:repeat(2,1fr)}}

.beneficios{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.beneficio{background:#fff;border-radius:var(--radio);padding:28px;box-shadow:var(--sombra)}
.beneficio .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px}
.beneficio .ico svg{width:24px;height:24px}
.beneficio h3{margin-bottom:6px}
.beneficio small{display:block;color:var(--tinta-suave);margin:-2px 0 0 20px;font-weight:700}
@media (max-width:760px){.beneficios{grid-template-columns:1fr}}
.lema-grande{font-family:var(--titulo);font-style:italic;font-size:clamp(1.6rem,3vw,2.3rem);color:var(--morado);text-align:center;margin-top:40px}

.programas3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.prog{position:relative;border-radius:26px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;color:#fff;text-decoration:none;box-shadow:var(--sombra)}
.prog img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.prog:hover img{transform:scale(1.05)}
.prog::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(20,18,45,.85))}
.prog .txt{position:relative;z-index:2;padding:26px}
.prog .edad{display:inline-block;background:rgba(255,255,255,.92);color:var(--tinta);font-weight:800;font-size:.82rem;padding:6px 12px;border-radius:999px;margin-bottom:12px}
.prog h3{font-size:1.7rem}
.prog p{color:rgba(255,255,255,.88);margin-top:6px;font-size:.98rem}
.prog.bajo{min-height:300px}
@media (max-width:920px){.programas3{grid-template-columns:1fr}.prog{min-height:340px}}
.extras2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
@media (max-width:760px){.extras2{grid-template-columns:1fr}}

.heroe{background:var(--morado-claro)}
.fases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.fase{background:#fff;border-radius:var(--radio);padding:28px}
.fase .n{font-family:var(--titulo);font-size:3rem;line-height:1;color:var(--morado)}
.fase h3{margin:10px 0 8px}
.fase p{color:var(--tinta-suave)}
.fase ul{margin:12px 0 0 18px;color:var(--tinta-suave)}
.fase .nota-fase{margin-top:14px;font-family:var(--titulo);font-style:italic;color:var(--tinta)}
@media (max-width:920px){.fases{grid-template-columns:1fr}}

.ventanillas{display:grid;grid-template-columns:290px 1fr;gap:26px;align-items:start}
.pestanas{display:flex;flex-direction:column;gap:8px;position:sticky;top:96px}
.pestanas button{text-align:left;padding:14px 18px;border-radius:14px;border:1px solid var(--borde);background:#fff;font:inherit;font-weight:800;color:var(--tinta);cursor:pointer;line-height:1.3}
.pestanas button small{display:block;font-weight:600;color:var(--tinta-suave);font-size:.85rem}
.pestanas button[aria-selected="true"]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.pestanas button[aria-selected="true"] small{color:rgba(255,255,255,.75)}
.panel{background:#fff;border-radius:var(--radio);padding:clamp(22px,4vw,40px);box-shadow:var(--sombra)}
.panel h3{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:12px}
.panel>p{color:var(--tinta-suave)}
.panel .datos{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.panel .datos span{background:var(--crema);border-radius:999px;padding:8px 14px;font-weight:800;font-size:.9rem}
.senales{margin-top:22px;background:var(--crema);border-radius:18px;padding:22px}
.senales h4{font-family:var(--texto);font-weight:800;margin-bottom:10px}
.senales label{display:flex;gap:12px;align-items:flex-start;padding:7px 0;cursor:pointer;color:var(--tinta)}
.senales input{width:20px;height:20px;margin-top:3px;accent-color:var(--morado);flex:none}
.contador{margin-top:16px;padding:16px 18px;border-radius:14px;background:var(--amarillo-claro);font-weight:800}
.contador.alerta{background:var(--coral-claro)}
@media (max-width:860px){.ventanillas{grid-template-columns:1fr}.pestanas{position:static;flex-direction:row;overflow-x:auto;padding-bottom:6px}.pestanas button{flex:none;max-width:240px}}

.combos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.combo{border-radius:var(--radio);padding:26px;display:flex;flex-direction:column}
.combo h3{font-size:1.7rem}
.combo .para{color:var(--tinta-suave);margin:6px 0 18px}
.combo .frec{display:flex;gap:6px;align-items:center;font-weight:800}
.combo .frec i{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;display:block}
.combo .frec i.on{background:currentColor}
.combo .frec em{font-style:normal;margin-left:8px;color:var(--tinta)}
.combo .dur{margin-top:8px;color:var(--tinta-suave);font-weight:700}
.combo.estrella{grid-column:1/-1;background:var(--morado);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.combo.estrella .para,.combo.estrella .dur{color:rgba(255,255,255,.88)}
.combo.estrella .frec em{color:#fff}
.combo.estrella .chip{display:inline-block;background:var(--amarillo);color:var(--tinta);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:12px;align-self:flex-start}
.combo.estrella ul{list-style:none;display:grid;gap:8px;margin-top:6px}
.combo.estrella li{display:flex;gap:10px;align-items:center;font-weight:700}
.combo.estrella li svg{width:20px;height:20px;color:var(--amarillo);flex:none}
.combo.c1{background:var(--celeste-claro);color:#1f6f9a}.combo.c2{background:var(--verde-claro);color:#22785a}.combo.c3{background:var(--coral-claro);color:#b2453b}
.combo.blanco{background:#fff;color:var(--tinta);box-shadow:var(--sombra)}
.combo.casa{grid-column:span 2}
@media (max-width:920px){.combos{grid-template-columns:1fr}.combo.estrella{grid-template-columns:1fr}.combo.casa{grid-column:auto}}
.aviso-areas{margin-top:26px;background:var(--tinta);color:#fff;border-radius:var(--radio);padding:24px 28px;font-size:1.1rem}
.aviso-areas strong{color:var(--amarillo)}

.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.area{background:#fff;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}
.area img{width:100%;aspect-ratio:4/3.2;object-fit:cover}
.area .cuerpo{padding:18px 20px 22px}
.area h3{font-size:1.2rem;margin-bottom:6px}
.area p{color:var(--tinta-suave);font-size:.95rem}
@media (max-width:1000px){.areas{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.areas{grid-template-columns:1fr}}

.linea{list-style:none;margin-top:20px}
.linea li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--borde)}
.linea b{font-family:var(--titulo);font-size:1.5rem;color:var(--morado);font-weight:600}
.linea span{color:var(--tinta-suave)}
.linea strong{color:var(--tinta);display:block}
.marcas{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.marcas span{background:#fff;border:1px solid var(--borde);border-radius:999px;padding:10px 18px;font-weight:800}
.video-feria{border-radius:26px;overflow:hidden;box-shadow:var(--sombra);background:#000;max-width:400px;margin-inline:auto}
.video-feria video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover}

.credenciales{list-style:none;display:grid;gap:12px;margin-top:22px}
.credenciales li{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--sombra)}
.credenciales li svg{width:24px;height:24px;color:var(--morado);flex:none;margin-top:2px}
.credenciales strong{display:block}
.credenciales span{color:var(--tinta-suave);font-size:.95rem}
.firma-grande{font-family:var(--titulo);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.25;margin:10px 0 26px}

.podcast{background:var(--tinta);color:#fff}
.podcast .envoltura{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.podcast img{border-radius:26px}
.podcast .antetitulo{color:var(--amarillo)}
.podcast p{color:rgba(255,255,255,.82)}
.plataformas{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.plataformas span{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:10px 18px;font-weight:800}
@media (max-width:860px){.podcast .envoltura{grid-template-columns:1fr}}

.preguntas details{background:#fff;border-radius:16px;padding:18px 22px;box-shadow:var(--sombra);margin-bottom:12px}
.preguntas summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.preguntas summary::-webkit-details-marker{display:none}
.preguntas summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--morado)}
.preguntas details[open] summary::after{content:"-"}
.preguntas p{margin-top:10px;color:var(--tinta-suave)}
.grad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grad-grid img{border-radius:18px;aspect-ratio:3/4;object-fit:cover;width:100%}
@media (max-width:760px){.grad-grid{grid-template-columns:repeat(2,1fr)}}
.ninos-casa{background:var(--coral-claro);border-radius:var(--radio);padding:22px 26px;margin-top:20px;font-size:1.08rem}
.ninos-casa strong{color:#b2453b}
.pronto-chip{display:inline-block;background:var(--amarillo);color:var(--tinta);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.marca span{white-space:nowrap}

/* v5: tipografía firme, sin cursivas decorativas */
:root{--titulo:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em}
h3{font-weight:700}
.portada2 h1 em{font-style:normal}
.lema,.lema-grande,.nota-fase,.firma,.firma-grande,.combo .lema,.plan .lema,blockquote,.cita blockquote{font-style:normal}
.firma-grande,.cita blockquote{font-weight:700}
.cifra b,.fase .n,.modulo .num{font-weight:800}
.testimonios{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonio{margin:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--sombra)}
.testimonio video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#000}
.testimonio figcaption{padding:14px 18px;font-weight:800}
.historia .media video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.foto-blanca{background:#fff}
.foto-blanca img{object-position:center 20%}
@media (max-width:860px){.testimonios{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.testimonios{grid-template-columns:1fr}}

.como-llegar{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.como-llegar a{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--tinta);color:#fff!important;font-weight:800;font-size:.85rem;text-decoration:none}
.como-llegar a+a{background:#33CCFF;color:var(--tinta)!important}