/* MH-PGI "vivo": colores llamativos, protección, género e inclusión. Se carga al final. */
body.tema-principios{--ac:#C2185B;--ac2:#FF6FA5;--ac-osc:#2A0B4D;--ac-suave:#FDE7F1;
 --fu:#C2185B;--vi:#6A2BB8;--tu:#00A99D;--so:#FFB400;--ro:#E30613;--na:#FF7A00;--az:#2B7BE4;
 --arco:linear-gradient(90deg,#E30613,#FF7A00,#FFB400,#2DB84B,#00A99D,#2B7BE4,#6A2BB8,#C2185B)}
body.tema-principios h1,body.tema-principios .ln-titulo,body.tema-principios .pgi-card h3,body.tema-principios .pv-h{font-family:'Bricolage Grotesque','Poppins',sans-serif}
/* HERO */
.ln-hero{background:linear-gradient(115deg,rgba(42,11,77,.94),rgba(106,43,184,.82) 50%,rgba(194,24,91,.78)),var(--foto) center/cover no-repeat,#2A0B4D!important}
.ln-hero::before{background:radial-gradient(circle,rgba(255,180,0,.35),transparent 70%)!important;animation:pvDeriva 9s ease-in-out infinite alternate}
.ln-hero::after{background:radial-gradient(circle,rgba(0,169,157,.4),transparent 70%)!important;animation:pvDeriva 11s ease-in-out infinite alternate-reverse}
.ln-hero h1{font-family:'Bricolage Grotesque','Poppins',sans-serif}
.ln-etiqueta{background:linear-gradient(90deg,var(--so),var(--na))!important;color:#2A0B4D!important}
.ln-chips li{font-weight:800;border:0!important;color:#fff!important}
.ln-chips li:nth-child(1){background:var(--az)!important}.ln-chips li:nth-child(2){background:var(--tu)!important}
.ln-chips li:nth-child(3){background:var(--fu)!important}.ln-chips li:nth-child(4){background:var(--vi)!important}
.ln-medalla{border-radius:50% 50% 50% 50%/34% 34% 66% 66%!important;box-shadow:0 0 0 12px rgba(255,180,0,.55),0 0 0 26px rgba(0,169,157,.35),0 0 0 40px rgba(255,255,255,.12),0 30px 60px rgba(0,0,0,.45)!important}
.pv-flota{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.pv-flota i{position:absolute;font-style:normal;font-size:2rem;opacity:.5;animation:pvSube 14s linear infinite}
.pv-flota i:nth-child(1){left:6%;animation-delay:0s}.pv-flota i:nth-child(2){left:24%;animation-delay:-4s;font-size:1.4rem}
.pv-flota i:nth-child(3){left:52%;animation-delay:-8s}.pv-flota i:nth-child(4){left:70%;animation-delay:-2s;font-size:1.6rem}
.pv-flota i:nth-child(5){left:90%;animation-delay:-6s}
/* secciones */
.ln-seccion.gris{background:linear-gradient(180deg,#FFF6FA,#F3ECFF)!important}
.ln-titulo::after{content:"";display:block;width:90px;height:6px;margin:.6rem 0 0;border-radius:6px;background:var(--arco)}
.ln-centro .ln-titulo::after{margin-left:auto;margin-right:auto}
.ln-kicker{color:var(--fu)!important}
.dx-stat:nth-child(1){--ac:#6A2BB8}.dx-stat:nth-child(2){--ac:#00A99D}.dx-stat:nth-child(3){--ac:#FF7A00}
.ln-destacado{background:linear-gradient(145deg,#6A2BB8,#C2185B)!important;color:#fff!important}
.ln-destacado h3,.ln-destacado p{color:#fff!important}
/* tarjetas */
.pgi-card{--c:var(--fu);border-top-color:var(--c)!important}
.pgi-card:nth-child(2){--c:var(--vi)}.pgi-card:nth-child(3){--c:var(--tu)}.pgi-card:nth-child(4){--c:var(--na)}
.pgi-card .letra{background:var(--c)!important;border-radius:16px 16px 16px 4px!important;transition:transform .3s}
.pgi-card:hover .letra{transform:rotate(-8deg) scale(1.12)}
.ln-linea-icono{background:linear-gradient(135deg,var(--vi),var(--fu))!important}
/* ENFOQUE DE GÉNERO */
.pv-sec{position:relative;padding:5rem 0 4.5rem}
.pv-sec::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--arco)}
.pv-genero{background:radial-gradient(circle at 12% 10%,rgba(194,24,91,.55),transparent 45%),radial-gradient(circle at 90% 90%,rgba(0,169,157,.4),transparent 45%),#2A0B4D;color:#fff}
.pv-genero .ln-titulo,.pv-genero .ln-sub,.pv-genero .ln-kicker{color:#fff!important}
.pv-genero .ln-kicker{color:var(--so)!important}
.pv-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch;max-width:900px;margin:2rem auto}
.pv-vs>div{padding:1.3rem;border-radius:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}
.pv-vs h3{margin:0 0 .3rem;font:800 1.3rem 'Bricolage Grotesque',sans-serif;color:var(--so)}
.pv-vs p{margin:0;font-size:.95rem;line-height:1.5}
.pv-vs .ne{align-self:center;font-size:2rem;font-weight:800;background:none;border:0;padding:0;color:var(--so)}
.pv-tabs{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:2rem 0 1.4rem}
.pv-tab{cursor:pointer;padding:.75rem 1.2rem;font:800 .95rem Inter,sans-serif;color:#fff;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.35);border-radius:999px;transition:all .25s}
.pv-tab:hover{transform:translateY(-3px)}
.pv-tab[aria-selected=true]{background:var(--c);border-color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.35);transform:scale(1.05)}
.pv-panel[hidden]{display:none}
.pv-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;animation:pvEntra .45s ease}
.pv-caja{padding:1.5rem;border-radius:22px;color:#1A2530;background:#fff;border-left:8px solid var(--c)}
.pv-caja.si{border-left-color:var(--tu)}
.pv-caja h3{margin:0 0 .7rem;font:800 1.2rem 'Bricolage Grotesque',sans-serif}
.pv-caja ul{margin:0;padding-left:1.1rem}.pv-caja li{margin:.35rem 0;line-height:1.45;font-size:.96rem}
.pv-pregunta{max-width:760px;margin:2rem auto 0;padding:1.2rem 1.6rem;text-align:center;font:800 1.25rem/1.35 'Bricolage Grotesque',sans-serif;border-radius:20px;background:linear-gradient(90deg,var(--so),var(--na));color:#2A0B4D}
/* INCLUSIÓN */
.pv-inc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;margin-top:2.2rem}
.pv-inc{--c:var(--fu);cursor:pointer;text-align:left;padding:1.4rem;color:#fff;border:0;border-radius:24px 24px 24px 6px;background:var(--c);box-shadow:0 10px 26px color-mix(in srgb,var(--c) 45%,transparent);transition:transform .3s,border-radius .3s;font-family:Inter,sans-serif}
.pv-inc:hover,.pv-inc.on{transform:translateY(-6px) rotate(-1deg);border-radius:6px 24px 24px 24px}
.pv-inc .e{display:block;font-size:2.2rem}.pv-inc b{display:block;margin:.4rem 0;font:800 1.15rem 'Bricolage Grotesque',sans-serif}
.pv-inc span.t{display:block;font-size:.92rem;line-height:1.45;max-height:0;overflow:hidden;opacity:0;transition:all .4s}
.pv-inc.on span.t{max-height:220px;opacity:1}.pv-inc small{opacity:.85;font-weight:700}
.pv-leng{margin-top:3rem}.pv-leng h3{text-align:center;margin:0 0 1rem;font:800 1.5rem 'Bricolage Grotesque',sans-serif;color:#2A0B4D}
.pv-flips{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.pv-flip{perspective:900px;height:150px;border:0;background:none;cursor:pointer;padding:0}
.pv-flip>span{position:relative;display:block;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}
.pv-flip.on>span{transform:rotateY(180deg)}
.pv-flip em{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;font:800 1.15rem/1.3 'Bricolage Grotesque',sans-serif;font-style:normal;border-radius:20px;backface-visibility:hidden;color:#fff}
.pv-flip em:first-child{background:linear-gradient(135deg,#E30613,#C2185B)}
.pv-flip em:last-child{background:linear-gradient(135deg,#00A99D,#2B7BE4);transform:rotateY(180deg)}
/* violentómetro/rutas: más color */
.vio-barra{height:28px!important;box-shadow:0 6px 16px rgba(198,40,40,.35)}
.ruta li.urgente{border-color:var(--ro)!important;background:#FFF0F0!important}
.pgi-tab[aria-selected=true]{background:linear-gradient(90deg,var(--vi),var(--fu))!important;border-color:transparent!important}
.ln-cta{background:linear-gradient(120deg,#2A0B4D,#6A2BB8 50%,#C2185B)!important}
.pgi-salir{background:#E30613!important;color:#fff!important}
@keyframes pvDeriva{to{transform:translate(-60px,50px) scale(1.2)}}
@keyframes pvSube{from{transform:translateY(110vh) rotate(0)}to{transform:translateY(-20vh) rotate(40deg)}}
@keyframes pvEntra{from{opacity:0;transform:translateY(14px)}}
@media(max-width:760px){.pv-vs{grid-template-columns:1fr}.pv-panel{grid-template-columns:1fr}.pv-vs .ne{text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}