/* Inducción en video (pre-renderizado, mismo color de fondo que la página) */
.evp{max-width:1180px;margin:0 auto}
.evp-stage{position:relative;background:var(--bg);line-height:0}
.evp video{display:block;width:100%;height:auto;aspect-ratio:2/3;background:var(--bg);cursor:pointer}
@media (min-width:760px){.evp video{aspect-ratio:1280/886}}
.evp-snd{position:absolute;right:12px;bottom:12px;min-width:44px;height:44px;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font:700 13px var(--fb);cursor:pointer;color:var(--ink);background:color-mix(in srgb,var(--card) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--line);box-shadow:0 8px 22px -10px rgba(10,46,35,.5)}
.evp-snd .off{display:block}.evp-snd .on{display:none}
.evp-snd[aria-pressed=true] .off{display:none}.evp-snd[aria-pressed=true] .on{display:block}
.evp-snd[aria-pressed=false]{animation:evpPulse 2.6s ease-out infinite}
@keyframes evpPulse{0%{box-shadow:0 0 0 0 rgba(118,184,42,.55),0 8px 22px -10px rgba(10,46,35,.5)}70%,100%{box-shadow:0 0 0 14px rgba(118,184,42,0),0 8px 22px -10px rgba(10,46,35,.5)}}
.evp-snd:focus-visible,.evp-pp:focus-visible,.evp-sk:focus-visible{outline:2px solid #5BA832;outline-offset:3px}
.evp-bar{display:flex;align-items:center;gap:12px;max-width:760px;margin:12px auto 0;padding:6px 16px 6px 6px;border-radius:99px;background:var(--card);border:1.5px solid var(--line)}
.evp-pp{flex:none;width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;color:#fff;font-size:13px;line-height:1;background:linear-gradient(135deg,#5BA832,#3D7A20)}
.evp-sk{position:relative;flex:1;height:8px;border-radius:9px;background:var(--line);cursor:pointer;touch-action:none}
.evp-skf{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:9px;background:linear-gradient(90deg,#76B82A,#5BA832)}
.evp-tm{flex:none;min-width:84px;text-align:right;font:700 13px var(--fb);color:var(--ink2)}
.evp-cta{text-align:center;margin-top:20px}
@media (prefers-reduced-motion:reduce){.evp-snd[aria-pressed=false]{animation:none}}

/* Asesoría virtual — mitad texto, mitad video integrado al color del tema (multiply en claro, screen en oscuro) */
.prod-ases{grid-template-columns:1fr minmax(220px,300px);grid-template-areas:"body fig" "buy fig";align-items:center;column-gap:36px;row-gap:18px;overflow:hidden;padding:0 clamp(20px,4vw,40px) 0}
.prod-ases .pa-body{grid-area:body;padding-top:34px;align-self:end}
.prod-ases .prod-buy{grid-area:buy;text-align:left;padding-bottom:34px;align-self:start}
.pa-fig{position:relative;grid-area:fig;align-self:end;justify-self:end;width:100%;line-height:0;margin-bottom:-11%}
.pa-fig video{display:block;width:100%;height:auto;aspect-ratio:9/16;pointer-events:none;visibility:hidden}
@media (max-width:760px){.prod-ases{grid-template-columns:1fr;grid-template-areas:"body" "buy" "fig";padding:0 22px}.prod-ases .pa-body{padding-top:28px}.prod-ases .prod-buy{padding-bottom:10px}.pa-fig{width:min(78%,300px);justify-self:center;margin-top:6px}}

.pa-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.pa-img[hidden]{display:none}
/* Móvil: título + video + barra caben completos en una pantalla */
@media (max-width:759px){
.eind-t{margin-bottom:10px}
.eind-t h3{font-size:19px;line-height:1.18;margin:6px 0 6px}
.eind-t p{font-size:12px;line-height:1.35;margin:0}
.evp video{width:auto;max-width:100%;height:calc(100svh - 290px);min-height:380px;max-height:600px;aspect-ratio:2/3;margin:0 auto;object-fit:contain}
.evp-stage{text-align:center}
.evp-bar{margin-top:8px}
.evp-cta{margin-top:12px}
}
/* Móvil: tarjeta de Asesoría virtual completa en una pantalla */
@media (max-width:759px){
.prod-ases .pa-body{padding-top:20px}
.prod-ases h3{font-size:19px;line-height:1.18;margin:0 0 6px}
.prod-ases .pa-body p{font-size:12.5px;line-height:1.4;margin:0}
.prod-ases .prod-buy{padding-bottom:0}
.prod-ases .prod-buy .btn{padding:10px 20px;font-size:14px}
.pa-fig{width:clamp(150px,calc((100svh - 330px) * .5625),300px);margin-top:2px}
}
/* Móvil: sectores completos en una pantalla (título + tarjeta) */
@media (max-width:759px){
#sectores.sec{padding-top:28px;padding-bottom:36px}
#sectores .sec-head{margin-bottom:14px}
#sectores .sec-head .pill{display:none}
#sectores .sec-head h2{font-size:24px;line-height:1.1;margin:6px 0 0}
#sectores .sec-lead{font-size:13px;line-height:1.4;margin-top:8px}
#sectores .scard-img{aspect-ratio:16/7}
#sectores .chip{font-size:11px;padding:5px 10px;left:12px;bottom:10px}
#sectores .scard-body{padding:12px 16px 16px}
#sectores .scard h3{font-size:18px;margin-bottom:6px}
#sectores .scard li{font-size:13px;line-height:1.3;padding:5px 0 5px 26px}
#sectores .scard li:before{top:6px;width:16px;height:16px}
#sectores .hook{font-size:13px;margin:8px 0 10px}
#sectores .scard .btn{padding:9px 18px;font-size:13.5px}
}
.evp-snd[aria-pressed=true]{padding:0;width:44px}
.evp-snd[aria-pressed=true] .evp-snd-t{display:none}
@media (max-width:759px){.evp-snd{left:50%;right:auto;transform:translateX(-50%);bottom:10px}.evp-snd[aria-pressed=true]{left:auto;right:10px;transform:none}}
.evp-snd{white-space:nowrap}