/* FASE NUEVE · Hero de la Home con fotografía (Merchandising → Home → Campañas principales).
   Se apoya en campaign-hero--v04/v05: mismo negro, naranja F9, numeración, controles y selector.
   La fotografía ocupa el panel y su mitad izquierda (espacio negativo) queda para el texto HTML. */
.campaign-hero--v06 .campaign-switcher{grid-template-columns:repeat(var(--campaign-count,3),minmax(0,1fr))}
.campaign-hero--v06 .campaign-progress span{width:calc(100% / var(--campaign-count,3))}
.campaign-hero--v06:has(.campaign-panel--photo.is-active)::after{opacity:.05}
.campaign-hero--v06 .campaign-panel--photo{background:#05070a;overflow:hidden;isolation:isolate}
.campaign-hero--v06 .campaign-photo{position:absolute;inset:0;z-index:0;display:block;margin:0;pointer-events:none}
.campaign-hero--v06 .campaign-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:64% 50%}
.campaign-hero--v06 .campaign-panel--photo::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,10,.94) 0%,rgba(5,7,10,.84) 24%,rgba(5,7,10,.42) 46%,rgba(5,7,10,0) 62%),linear-gradient(0deg,rgba(5,7,10,.7) 0%,rgba(5,7,10,0) 24%)}
.campaign-hero--v06 .campaign-panel--photo .campaign-panel__inner{position:relative;z-index:2;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"copy ."}
.campaign-hero--v06 .campaign-panel--photo .campaign-copy{grid-area:copy;max-width:min(640px,46vw)}
.campaign-hero--v06 .campaign-panel--photo .campaign-copy h1,.campaign-hero--v06 .campaign-panel--photo .campaign-copy h2{font-size:clamp(46px,4.9vw,84px);text-shadow:0 2px 24px rgba(0,0,0,.45)}
.campaign-hero--v06 .campaign-panel--photo .campaign-copy>p{color:rgba(255,255,255,.78);text-shadow:0 1px 18px rgba(0,0,0,.6)}
.campaign-hero--v06 .campaign-actions a:focus-visible,.campaign-hero--v06 .campaign-carousel-controls button:focus-visible,.campaign-hero--v06 .campaign-tab:focus-visible{outline:2px solid var(--f9-orange);outline-offset:3px}

/* Tablet vertical y pantallas medianas: foto arriba (sin texto encima del producto) y copy debajo. */
@media(max-width:900px){
  .campaign-hero--v06 .campaign-panel--photo::before{display:none}
  .campaign-hero--v06 .campaign-photo{position:relative;inset:auto;height:auto;aspect-ratio:16/9}
  .campaign-hero--v06 .campaign-photo::after{content:'';position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(0deg,#05070a,rgba(5,7,10,0))}
  .campaign-hero--v06 .campaign-panel--photo .campaign-panel__inner{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"copy";min-height:0;padding:18px 0 28px}
  .campaign-hero--v06 .campaign-panel--photo .campaign-copy{max-width:720px}
  .campaign-hero--v06 .campaign-panel--photo .campaign-copy h1,.campaign-hero--v06 .campaign-panel--photo .campaign-copy h2{font-size:clamp(38px,7vw,60px)}
}
/* Móvil: imagen móvil propia (o recorte automático de la mitad derecha). Sin autoplay; swipe y controles táctiles. */
@media(max-width:760px){
  .campaign-hero--v06 .campaign-photo{aspect-ratio:auto;max-height:52svh}
  .campaign-hero--v06 .campaign-photo img{height:auto;max-height:52svh;aspect-ratio:8/7;object-position:50% 50%}
  .campaign-hero--v06 .campaign-panel--photo .campaign-panel__inner{padding:12px 0 18px}
  .campaign-hero--v06 .campaign-panel--photo .campaign-copy h1,.campaign-hero--v06 .campaign-panel--photo .campaign-copy h2{font-size:clamp(32px,9.6vw,44px)}
  .campaign-hero--v06 .campaign-carousel-controls button{min-width:44px;height:44px}
  .campaign-hero--v06 .campaign-tab{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .campaign-hero--v06 .campaign-panel{transition:none!important}
}