/* Portadas editoriales de 80vh; la cabecera conserva su franja independiente. */
.premium-hero,.modern-subhero,.essence-cover,.home-legal-cover,.saved-cover,.product-hero{height:80vh!important;height:80dvh!important;min-height:0!important}
.modern-subhero .hero-bg[src*="hero-"]{object-fit:cover!important;object-position:75% top!important}
.essence-cover-image img{object-position:70% center!important}

/* Fotografías reales del catálogo, en dos movimientos continuos y opuestos. */
.shop-hero{background:#1a3029!important;isolation:isolate}
.shop-hero-motion{position:absolute;z-index:0;inset:0 0 0 auto;width:39%;max-width:760px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 16px;overflow:hidden;transform:none}
.shop-hero-column{min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
.shop-hero-track{display:flex;flex-direction:column;gap:16px;width:100%;animation:shopHeroUp 24s linear infinite;will-change:transform}
.shop-hero-column.reverse .shop-hero-track{animation-name:shopHeroDown;animation-duration:27s}
.shop-hero-card{flex:none;position:relative;height:clamp(250px,35vh,380px);margin:0;padding:8px;background:#f7f3ec;overflow:hidden;box-shadow:0 15px 35px #0a171430}
.shop-hero-card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}
.shop-hero-card figcaption{position:absolute;left:8px;right:8px;bottom:8px;padding:7px 10px;background:#192d27df;color:#fff;font:600 .57rem/1.3 'Open Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;text-align:center}
.shop-hero:hover .shop-hero-track{animation-play-state:paused}
.shop-hero .hero-veil{background:linear-gradient(90deg,#12261ffb 0%,#183027ed 30%,#183027b8 47%,#18302718 72%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.shop-hero .copy{z-index:2;width:min(60%,900px)}
@keyframes shopHeroUp{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 8px))}}
@keyframes shopHeroDown{from{transform:translateY(calc(-50% - 8px))}to{transform:translateY(0)}}

@media(max-width:820px){
  .modern-subhero .hero-bg[src*="hero-"]{object-position:69% center!important}
  .modern-subhero .hero-bg[src*="hero-alta-costura"]{object-position:88% center!important}
  .essence-cover-image{background:#28352c url('images/hero-esencia-2026.webp') 68% center/cover no-repeat!important}
  .essence-cover-image img{object-position:right center!important}
  .shop-hero-motion{inset:0;width:100%;max-width:none;gap:10px;padding:0 10px;opacity:.85;transform:none}
  .shop-hero .copy{width:100%}
  .shop-hero-track{gap:10px}
  .shop-hero-card{height:clamp(195px,29vh,270px);padding:5px}
  .shop-hero-card figcaption{left:5px;right:5px;bottom:5px;font-size:.48rem}
  .shop-hero .hero-veil{background:linear-gradient(180deg,#142a2329 0%,#142a2340 35%,#142a23ed 68%,#142a23fc 100%)!important}
}
@media(max-width:520px){
  .shop-hero-motion{gap:7px;padding:0 7px}
  .shop-hero-track{gap:7px}
  .shop-hero-card{height:clamp(170px,27vh,240px)}
  .shop-hero-card figcaption{font-size:.42rem;letter-spacing:.04em}
  .modern-subhero .hero-bg[src*="hero-colecciones"]{object-position:72% center!important}
}
@media(prefers-reduced-motion:reduce){.shop-hero-track,.shop-hero-column.reverse .shop-hero-track{animation:none!important;transform:none!important}}
