/* AngelBoy V210 — portadas completas, encuadre inteligente y composición consistente */
:root{--ab-cover-surface:#090610;--ab-cover-line:rgba(255,255,255,.11)}

/* Marco universal: la misma portada sirve como fondo ambiental y como imagen completa. */
.ab-cover-frame-v210{position:relative;isolation:isolate;overflow:hidden;background:var(--ab-cover-surface)!important}
.ab-cover-frame-v210.is-image::before{
  content:"";position:absolute;inset:-10%;z-index:0;pointer-events:none;
  background-image:var(--ab-cover-image);background-repeat:no-repeat;background-size:cover;
  background-position:var(--ab-cover-position,center center);
  filter:blur(22px) saturate(1.12) brightness(.5);opacity:.88;transform:scale(1.13)
}
.ab-cover-frame-v210.is-image::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,2,8,.04),rgba(4,2,8,.18)),radial-gradient(circle at center,transparent 40%,rgba(3,2,8,.20) 100%)
}
.ab-cover-frame-v210 .ab-cover-image-v210{
  position:relative;z-index:1;display:block;width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:var(--ab-cover-fit,contain)!important;object-position:var(--ab-cover-position,center center)!important;
  background:transparent!important;filter:none!important;transform:none!important;
  transition:transform .28s ease,opacity .28s ease!important
}
.ab-cover-frame-v210 .ab-cover-video-v210{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}

/* Portadas del home y catálogo: formato editorial 16:9 sin cortes. */
.ab-marketplace-page-v205 .ab-market-media-v200{
  aspect-ratio:16/9!important;min-height:0;background:#090610!important
}
.ab-marketplace-page-v205 .ab-market-media-v200::after{z-index:2!important;background:linear-gradient(180deg,rgba(5,3,9,.02) 56%,rgba(5,3,9,.34))!important}
.ab-marketplace-page-v205 .ab-market-media-v200 .ab-cover-image-v210{object-fit:var(--ab-cover-fit,contain)!important;filter:none!important;transform:none!important}
.ab-marketplace-page-v205 .ab-market-badge-v200,.ab-marketplace-page-v205 .ab-market-category-v200,.ab-marketplace-page-v205 .ab-market-hover-v200{z-index:4}
@media (hover:hover) and (pointer:fine){
  .ab-marketplace-page-v205 .ab-market-card-v200:hover .ab-market-media-v200 .ab-cover-image-v210{transform:scale(1.012)!important;filter:none!important}
}

/* Página individual: portada completa y proporcionada. */
.ab-product-media-v200.ab-cover-frame-v210{
  display:grid;place-items:center;aspect-ratio:16/9!important;min-height:0;border-radius:30px;
  box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.03)
}
.ab-product-media-v200.ab-cover-frame-v210 .ab-cover-image-v210{object-fit:var(--ab-cover-fit,contain)!important}

/* Poster del visor: mantiene la portada entera mientras inicia la experiencia. */
.ab-preview-poster-v209{isolation:isolate;background:#07040b!important}
.ab-preview-poster-v209::before{
  content:"";position:absolute;inset:-9%;z-index:0;background-image:var(--ab-cover-image);background-repeat:no-repeat;
  background-size:cover;background-position:var(--ab-cover-position,center center);filter:blur(24px) saturate(1.08) brightness(.42);transform:scale(1.13)
}
.ab-preview-poster-v209::after{z-index:2!important;background:linear-gradient(180deg,rgba(5,3,8,.14),rgba(5,3,8,.46)),radial-gradient(circle at center,transparent 24%,rgba(3,2,7,.48) 92%)!important}
.ab-preview-poster-v209 .ab-cover-image-v210{position:relative;z-index:1;object-fit:var(--ab-cover-fit,contain)!important;object-position:var(--ab-cover-position,center center)!important;filter:saturate(.92) brightness(.72)!important;transform:none!important}

/* Evita saltos de composición y conserva controles visibles. */
.ab-market-media-v200 img,.ab-product-media-v200 img,.ab-preview-poster-v209 img{color:transparent}
.ab-market-card-v200{content-visibility:auto;contain-intrinsic-size:auto 500px}

@media(max-width:680px){
  .ab-marketplace-page-v205 .ab-market-media-v200{aspect-ratio:16/10!important}
  .ab-product-media-v200.ab-cover-frame-v210{aspect-ratio:16/10!important;border-radius:22px}
}
@media(prefers-reduced-motion:reduce){.ab-cover-frame-v210 .ab-cover-image-v210{transition:none!important}}