/* Controles nuevos, aislados: no cambian los bloques anteriores sin multimedia. */
.ed-media{border:1px solid var(--linea,#e2e8f0);border-radius:12px;padding:12px;margin:12px 0;background:var(--blanco,#fff)}
.ed-media-previa{display:block;width:100%;max-height:180px;object-fit:contain;border-radius:8px;margin:8px 0;background:#f1f5f9}
.ed-media-elegir{position:relative;display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px;border:1px solid #c4b5fd;border-radius:8px;background:#f5f3ff;color:#5b21b6;font-weight:600;cursor:pointer;overflow:hidden}
.ed-media-elegir input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ed-media-elegir:focus-within{outline:2px solid #7c3aed;outline-offset:2px}
.ed-media-check{display:flex!important;align-items:center;gap:8px;font-weight:400!important;min-height:40px;font-size:12px}
.ed-media-check input{width:auto!important;margin:0}
.ed-media-opciones{border-top:1px solid var(--linea,#e2e8f0);padding-top:8px}
.ed-media-opciones summary{min-height:40px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ed-media-opciones summary small{color:#64748b;font-weight:400}
.tienda-body .vy-media{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:inherit;background:#f1f5f9;isolation:isolate}
.tienda-body .vy-media-variante{position:relative;width:100%;height:100%;min-width:0}
.tienda-body .vy-media img,.tienda-body .vy-media video{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;object-position:var(--hero-pos-x,var(--vy-img-x,50%)) var(--hero-pos-y,var(--vy-img-y,50%))}
.tienda-body .vy-media[data-ajuste=contain] img,.tienda-body .vy-media[data-ajuste=contain] video{object-fit:contain}
.tienda-body .vy-media[data-ratio] {aspect-ratio:var(--vy-media-ratio)}
.tienda-body .vy-media[data-ratio] img,.tienda-body .vy-media[data-ratio] video{height:100%}
.tienda-body .vy-media video:not([src]){aspect-ratio:var(--vy-media-ratio,16/9)}
.tienda-body .vy-media-fondo{position:absolute;inset:0;height:100%;border-radius:0;isolation:auto}
.tienda-body .vy-media-fondo img,.tienda-body .vy-media-fondo video{height:100%;aspect-ratio:auto}
.tienda-body .sec-hero.vy-con-media,.tienda-body .sec-bannercta.vy-con-media{position:relative;overflow:hidden}
.tienda-body .vy-con-media .velo{pointer-events:none}
.tienda-body .vy-con-media .contenido,.tienda-body .vy-con-media .bc-contenido{position:relative;z-index:2}
.tienda-body .ti-img.vy-ti-media{display:block;min-height:0;padding:0;background:none;align-self:center;overflow:hidden}
.tienda-body .ti-img.vy-ti-media.vy-img-medida .vy-media{height:var(--vy-img-alto);aspect-ratio:auto}
.tienda-body .ti-img.vy-ti-media.vy-img-medida video,.tienda-body .ti-img.vy-ti-media.vy-img-medida img{height:100%}
.tienda-body .vy-media-ancha{max-width:var(--t-ancho,1200px);margin:24px auto;padding:0 24px}
.tienda-body .vy-media-ancha.vy-media-completa{max-width:none;padding:0;margin:0}
.tienda-body .vy-media-ancha.vy-img-medida .vy-media{height:var(--vy-img-alto);aspect-ratio:auto}
.tienda-body .vy-media-ancha.vy-img-medida img,.tienda-body .vy-media-ancha.vy-img-medida video{height:100%}
.tienda-body .vy-media-control{position:absolute;right:12px;bottom:12px;z-index:4;display:flex;gap:7px;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff80;border-radius:999px;background:#111827bf;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;backdrop-filter:blur(8px)}
.tienda-body .vy-media-control:focus-visible{outline:3px solid #fff;outline-offset:3px}
.tienda-body .vy-media-control[hidden]{display:none}
.tienda-body .vy-media-error{position:absolute;inset:auto 12px 64px;border-radius:8px;background:#fff;color:#334155;padding:10px;font-size:13px}
.tienda-body .vy-ti-boton{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;min-height:44px;padding:12px 24px;max-width:100%;text-align:center;text-decoration:none;border-radius:var(--t-radio-btn,10px);background:var(--acento,#111827);color:var(--t-cta-txt,#fff);font-weight:600}
.tienda-body .ti-img.vy-ti-media{aspect-ratio:auto}
.ed-media-fila{border:1px solid var(--linea,#e2e8f0);border-radius:10px;padding:10px;margin-bottom:10px}
.ed-media-orden{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}
.ed-media-orden button{min-width:44px;min-height:44px;border:1px solid var(--linea,#e2e8f0);border-radius:8px;background:#fff;cursor:pointer}
.tienda-body .vy-carrusel-media .titulo-seccion,.tienda-body .vy-carrusel-subtitulo{text-align:center}
.tienda-body .vy-carrusel-subtitulo{color:var(--gris);max-width:680px;margin:12px auto 24px}
.tienda-body .vy-carrusel-marco{position:relative;min-width:0}
.tienda-body .vy-carrusel-pista{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 18px;overscroll-behavior-x:contain;scrollbar-width:thin}
.tienda-body .vy-carrusel-tarjeta{flex:0 0 clamp(210px,24vw,290px);min-width:0;scroll-snap-align:start;border-radius:14px;background:var(--t-fondo,#fff);overflow:hidden;border:1px solid var(--linea,#e2e8f0)}
.tienda-body .vy-carrusel-tarjeta p{font-size:14px;line-height:1.5;padding:12px 16px;margin:0}
.tienda-body .vy-carrusel-prev,.tienda-body .vy-carrusel-next{position:absolute;top:42%;z-index:5;width:44px;height:44px;border:1px solid #e2e8f0;border-radius:50%;background:#fff;color:#111827;box-shadow:0 3px 12px #0002;font-size:28px;cursor:pointer}
.tienda-body .vy-carrusel-prev{left:-12px}.tienda-body .vy-carrusel-next{right:-12px}
.tienda-body .vy-media-variante[data-pantalla=movil]{display:none}
@media(max-width:680px){
 .tienda-body .vy-media-variante[data-pantalla=pc]{display:none}
 .tienda-body .vy-media-variante[data-pantalla=movil]{display:block}
 .tienda-body .vy-media-ancha{padding:0 16px;margin:16px auto}
 .tienda-body .ti-img.vy-ti-media.vy-img-medida .vy-media,.tienda-body .vy-media-ancha.vy-img-medida .vy-media{height:var(--vy-img-alto-movil)}
 .tienda-body .vy-media-control-texto{display:none}
 .tienda-body .vy-media-control{padding:8px;right:10px;bottom:10px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.tienda-body .vy-media *{scroll-behavior:auto!important}}