.wapu-media-card{
  --wapu-media-surface:var(--pg-style-surface,Canvas);
  --wapu-media-text:var(--pg-style-text,CanvasText);
  --wapu-media-accent:var(--pg-style-primary,currentColor);
  --wapu-media-on-accent:var(--pg-style-primary-text,Canvas);
  --wapu-media-focal-x:50%;
  --wapu-media-focal-y:50%;
  position:relative;
  min-width:0;
}
.wapu-media-card__stage{
  position:relative;
  overflow:hidden;
  aspect-ratio:var(--wapu-media-ratio,9/16);
  border-radius:clamp(18px,2vw,30px);
  background:color-mix(in srgb,var(--wapu-media-text) 92%,var(--wapu-media-surface));
}
.wapu-media-card video,
.wapu-media-card iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.wapu-media-card video{
  object-fit:var(--wapu-media-fit,cover);
  object-position:var(--wapu-media-focal-x) var(--wapu-media-focal-y);
}
.wapu-media-card__sound{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--wapu-media-surface) 58%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--wapu-media-text) 52%,transparent);
  backdrop-filter:blur(10px);
  color:var(--wapu-media-surface);
  cursor:pointer;
}
.wapu-media-card__sound:is(:hover,:focus-visible){
  background:var(--wapu-media-accent);
  color:var(--wapu-media-on-accent);
  border-color:color-mix(in srgb,var(--wapu-media-on-accent) 52%,transparent);
}
.wapu-media-card__sound:focus-visible{outline:2px solid var(--wapu-media-accent);outline-offset:3px}
.wapu-media-card__sound span{display:grid;place-items:center}.wapu-media-card__sound span[hidden]{display:none}.wapu-media-card__sound svg{width:18px;height:18px}
.wapu-media-card__products{position:absolute;right:12px;bottom:12px;left:12px;display:flex;justify-content:center;align-items:center}
.wapu-media-product{position:relative;display:block;width:50px;height:50px;margin-left:-9px;border:4px solid var(--wapu-media-surface);border-radius:999px;overflow:hidden;background:var(--wapu-media-surface);box-shadow:0 6px 20px color-mix(in srgb,var(--wapu-media-text) 18%,transparent)}
.wapu-media-product:first-child{margin-left:0}.wapu-media-product img{display:block;width:100%;height:100%;object-fit:cover}.wapu-media-product span{display:none}
.wapu-media-card.is-wide .wapu-media-card__stage{aspect-ratio:16/9}.wapu-media-card.is-square .wapu-media-card__stage{aspect-ratio:1}

/* Integración del Media Engine con bloques editoriales */
.ws-vsp-video-wrap > .wapu-media-card,.ws-vts-video-wrap > .wapu-media-card,.ws-vhs-bg > .wapu-media-card{width:100%;height:100%;margin:0}
.ws-vsp-video-wrap .wapu-media-card__stage,.ws-vts-video-wrap .wapu-media-card__stage,.ws-vhs-bg .wapu-media-card__stage{height:100%;aspect-ratio:auto}
.ws-vhs-bg .wapu-media-card__products{display:none}
.ws-vsp-video-wrap .wapu-media-card video,.ws-vsp-video-wrap .wapu-media-card iframe,.ws-vts-video-wrap .wapu-media-card video,.ws-vts-video-wrap .wapu-media-card iframe,.ws-vhs-bg .wapu-media-card video,.ws-vhs-bg .wapu-media-card iframe{width:100%;height:100%}
.ws-vsp-video-wrap .wapu-media-card video,.ws-vts-video-wrap .wapu-media-card video,.ws-vhs-bg .wapu-media-card video{object-fit:var(--wapu-media-fit,cover);object-position:var(--wapu-media-focal-x) var(--wapu-media-focal-y)}

@media(prefers-reduced-motion:reduce){.wapu-media-card__sound{scroll-behavior:auto}}