/* Sección "Contenido que te acompaña" (carrusel de videos) del home.
   Copiado tal cual de index.html. La regla ".rio" también la usa la
   sección de reseñas (home-res.css) — ver la nota ahí. */
.rio{position:relative;z-index:2;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
#s-vid .vid{position:relative;overflow:hidden;padding:60px 32px 74px;}
#s-vid .vid::before{content:"";position:absolute;width:560px;height:560px;border-radius:46% 54% 58% 42% / 50% 46% 54% 50%;background:radial-gradient(circle,rgba(245,148,31,.09),transparent 70%);left:-200px;bottom:-220px;animation:vid_morf 18s ease-in-out infinite alternate;}
@keyframes vid_morf{to{border-radius:56% 44% 40% 60% / 44% 56% 44% 56%;}}
#s-vid .vid-in{position:relative;z-index:2;max-width:1240px;margin:0 auto;}
#s-vid .head{margin-bottom:30px;}
#s-vid .eb{display:inline-flex;align-items:center;gap:7px;background:rgba(0,165,149,.09);border:1.5px solid var(--resalte);color:var(--resalte-hondo);font-family:'Poppins';font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;border-radius:999px;padding:6px 15px;margin-bottom:12px;}
#s-vid h2{font-family:'Poppins';font-weight:800;font-size:clamp(26px,3.2vw,38px);letter-spacing:-1px;line-height:1.1;}
#s-vid h2 .cur{font-family:'Caveat';font-weight:700;color:var(--resalte);font-size:1.1em;}
#s-vid .rio{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
#s-vid .rio::-webkit-scrollbar{display:none;}
#s-vid .clip{flex:0 0 min(240px,68vw);scroll-snap-align:center;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:9/14;cursor:pointer;border:1.5px solid var(--borde);background:#000;transition:transform .25s,box-shadow .25s;}
#s-vid .clip:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(30,43,39,.2);}
#s-vid .clip img{width:100%;height:100%;object-fit:contain;opacity:.92;transition:opacity .25s,transform .4s;}
#s-vid .clip:hover img{opacity:1;transform:scale(1.04);}
#s-vid .clip::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));}
#s-vid .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;z-index:3;color:var(--resalte-hondo);font-size:19px;box-shadow:0 14px 34px rgba(0,0,0,.35);transition:transform .2s;}
#s-vid .clip:hover .play{transform:translate(-50%,-50%) scale(1.12);}
#s-vid .dur{position:absolute;top:12px;right:12px;z-index:3;font-family:'Poppins';font-weight:700;font-size:10.5px;background:rgba(0,0,0,.6);color:#fff;border-radius:999px;padding:4px 10px;}
#s-vid .clip b{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;color:#fff;font-family:'Poppins';font-weight:700;font-size:13.5px;line-height:1.3;}
#s-vid .dots{display:flex;gap:7px;justify-content:center;margin-top:6px;}
#s-vid .dots i{width:8px;height:8px;border-radius:50%;background:var(--borde);transition:.3s;}
#s-vid .dots i.on{background:var(--resalte);width:24px;border-radius:99px;}