@charset "utf-8";

/* Contenidor */
#container{width:516px;height:120px;clear:both;}
img.carousel-image{max-height:100px;}

/* Carrusel vídeos */
.grupyoutube{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;gap:16px;padding:18px 14px;scroll-behavior:smooth;}
.centrat{margin:0 auto;padding:20px 0;}

/* Targeta vídeo */
.video{flex:0 0 auto;max-width:160px;margin:0 6px;position:relative;z-index:1;}
.video:hover{z-index:10;}

/* Radi coherent */
.video,.video a.mfp-iframe,.video img{border-radius:14px;}

/* Link que fa zoom */
.video a.mfp-iframe{display:block;position:relative;overflow:hidden;transform:translateZ(0);transition:transform .2s ease,filter .2s ease;will-change:transform;}
.video:hover a.mfp-iframe{transform:scale(1.14);filter:drop-shadow(0 10px 20px rgba(0,0,0,.25));}

/* Imatge */
.video img{display:block;width:100%;height:auto;}

/* Overlay */
.video span{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;border-radius:inherit;}
.video span::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18);opacity:.08;transition:opacity .2s ease;}

/* Botó PLAY (80% del vídeo) */
.video span::after{content:"";width:80%;height:80%;max-width:96px;max-height:96px;aspect-ratio:1/1;border-radius:999px;background:rgba(0,0,0,.55);box-shadow:0 10px 24px rgba(0,0,0,.35);transition:transform .2s ease,background .2s ease,box-shadow .2s ease;}

/* Triangle PLAY */
.video a.mfp-iframe::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);width:0;height:0;border-left:28px solid rgba(255,255,255,.95);border-top:18px solid transparent;border-bottom:18px solid transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));pointer-events:none;transition:transform .2s ease,opacity .2s ease;opacity:.95;}

/* Hover */
.video:hover span::before{opacity:.32;}
.video:hover span::after{transform:scale(1.04);background:rgba(220,0,0,.85);box-shadow:0 14px 28px rgba(0,0,0,.38);}
.video:hover a.mfp-iframe::after{transform:translate(-35%,-50%) scale(1.04);}

/* Magnific Popup fade */
.mfp-with-fade .mfp-content,.mfp-with-fade .mfp-arrow,.mfp-with-fade.mfp-bg{opacity:0;backface-visibility:hidden;transition:opacity .3s ease-out;}
.mfp-with-fade.mfp-ready .mfp-content,.mfp-with-fade.mfp-ready .mfp-arrow{opacity:1;}
.mfp-with-fade.mfp-ready.mfp-bg{opacity:.8;}
.mfp-with-fade.mfp-removing .mfp-content,.mfp-with-fade.mfp-removing .mfp-arrow,.mfp-with-fade.mfp-removing.mfp-bg{opacity:0;}

/* Popup vídeo */
.mfp-iframe-holder .mfp-content{width:min(980px,92vw);height:min(552px,52vw);}