/* Player propio de la home (assets/js/video-player.js). Solo animaciones y controles: el diseno del poster no cambia. */
#seccion-metricas .video{overflow:hidden;background:#000;container-type:size}
#seccion-metricas .video:focus-visible{outline:3px solid #459a4a;outline-offset:3px}
#seccion-metricas .video .thumbnail{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s}
#seccion-metricas .video:hover .thumbnail{transform:scale(1.03);filter:brightness(.92)}
#seccion-metricas .video .play{transition:transform .3s cubic-bezier(.2,.7,.2,1);transform-origin:center}
#seccion-metricas .video:hover .play{transform:translate(-50%,-50%) scale(1.12)!important}
#seccion-metricas .video.vp-loading .play{animation:vp-pulse .9s ease-in-out infinite}
#seccion-metricas .video.vp-loading{cursor:progress!important}
@keyframes vp-pulse{50%{opacity:.45;transform:translate(-50%,-50%) scale(.9)}}
/* object-fit:cover para iframes: el 16:9 se agranda hasta llenar todo el div, sin barras negras. */
#seccion-metricas .video iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(100cqh*16/9));height:max(100%,calc(100cqw*9/16));min-width:100%;min-height:100%;border:0;pointer-events:none;animation:vp-in .4s ease}
@keyframes vp-in{from{opacity:0}}
.vp-close{position:absolute;top:16px;right:16px;z-index:3;opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s,background .2s;pointer-events:none;background:rgba(0,0,0,.55)}
.vp-close::before{width:14px;height:14px;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3.6 3.6 5 10.6 12l-7 7L5 20.4l7-7 7 7 1.4-1.4-7-7 7-7L19 3.6l-7 7z'/%3E%3C/svg%3E")}
.video.vp-show .vp-close,.vp-close:focus-visible,.video:not(.vp-playing) .vp-close{opacity:1;transform:none;pointer-events:auto}
.vp-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:36px 20px 14px;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0));color:#fff;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none;z-index:2}
.video.vp-show .vp-controls,.vp-controls:focus-within{opacity:1;transform:none;pointer-events:auto}
.video:not(.vp-playing) .vp-controls{opacity:1;transform:none;pointer-events:auto}
.video.vp-active:not(.vp-show){cursor:none}
.vp-btn{width:40px;height:40px;flex:none;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font:700 12px gilroy-heavy,sans-serif;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .15s}
.vp-btn:hover{background:#459a4a}.vp-close:hover{background:#459a4a}.vp-btn:active{transform:scale(.92)}
.vp-btn:focus-visible,.vp-seek:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vp-btn[aria-pressed=true]{background:#459a4a}
.vp-btn::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.vp-cc::before{display:none}
.vp-toggle{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4h4v16H6zm8 0h4v16h-4z'/%3E%3C/svg%3E")}
.vp-toggle.is-paused{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4l13 8-13 8z'/%3E%3C/svg%3E")}
.vp-mute{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.5 4.5 0 0 0 2.5-4z'/%3E%3C/svg%3E")}
.vp-mute.is-muted{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9zm13 .4L14.6 8 12 10.6 9.4 8 8 9.4 10.6 12 8 14.6 9.4 16 12 13.4 14.6 16l1.4-1.4L13.4 12z' transform='translate(2)'/%3E%3C/svg%3E")}
.vp-full{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h6v2H6v4H4zm10 0h6v6h-2V6h-4zM4 14h2v4h4v2H4zm14 0h2v6h-6v-2h4z'/%3E%3C/svg%3E")}
.vp-time{font:600 13px gilroy-regular,sans-serif;white-space:nowrap;min-width:84px}
.vp-seek{flex:1;height:22px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;--vp-fill:0%}
.vp-seek::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(90deg,#459a4a var(--vp-fill),rgba(255,255,255,.35) var(--vp-fill))}
.vp-seek::-moz-range-track{height:5px;border-radius:3px;background:rgba(255,255,255,.3)}
.vp-seek::-moz-range-progress{height:5px;border-radius:3px;background:#459a4a}
.vp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:#fff;transition:transform .15s}
.vp-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}
.vp-seek:hover::-webkit-slider-thumb{transform:scale(1.3)}
@media (max-width:575px){.vp-controls{gap:8px;padding:28px 10px 8px}.vp-time{display:none}.vp-btn{width:36px;height:36px}}
@media (prefers-reduced-motion:reduce){#seccion-metricas .video .thumbnail,#seccion-metricas .video .play,.vp-controls,.vp-btn{transition:none}#seccion-metricas .video iframe,#seccion-metricas .video.vp-loading .play{animation:none}}