/* Portada editorial de Pedidos al por mayor: recepción fotográfica y copy real del CMS. */
.contact-hero.contact-hero-v2 {
  position:relative;
  isolation:isolate;
  min-height:clamp(38rem,41.92vw,50.75rem);
  padding:0 !important;
  overflow:hidden;
  color:#082e48;
  background:#f1ece5;
}
.contact-hero.contact-hero-v2::before,
.contact-hero.contact-hero-v2::after { content:none !important; }
.contact-hero-scene,
.contact-hero-veil {
  position:absolute;
  inset:0;
}
.contact-hero-scene {
  z-index:-3;
  background-color:#f1ece5;
  background-image:url("../contact-hero/contacto-recepcion-claro.png");
  background-image:-webkit-image-set(url("../contact-hero/contacto-recepcion-claro.avif") type("image/avif"),url("../contact-hero/contacto-recepcion-claro.png") type("image/png"));
  background-image:image-set(url("../contact-hero/contacto-recepcion-claro.avif") type("image/avif"),url("../contact-hero/contacto-recepcion-claro.png") type("image/png"));
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.contact-hero-veil {
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(248,245,240,.12) 0%,
    rgba(248,245,240,.04) 38%,
    transparent 47%);
}
.contact-hero-shell.container {
  position:relative;
  z-index:1;
  width:100%;
  max-width:none;
  min-height:inherit;
  padding:clamp(1.4rem,2.6vw,2.55rem) clamp(1.5rem,4.25vw,5.15rem) clamp(2.2rem,3.7vw,3.9rem);
  display:grid;
  grid-template-rows:auto 1fr;
}
.contact-hero .contact-hero-breadcrumb {
  margin:0;
  padding:0;
  color:#31556b;
  font-size:clamp(.94rem,1vw,1.08rem);
  line-height:1.5;
  opacity:1;
}
.contact-hero .contact-hero-breadcrumb a { color:inherit; }
.contact-hero .contact-hero-breadcrumb [aria-current] { color:#082e48; }
.contact-hero .contact-hero-copy {
  align-self:center;
  width:min(46rem,42.5vw);
  max-width:none;
  margin:0;
  padding:clamp(1.2rem,2.2vh,2rem) 0 1.25rem;
  position:relative;
  z-index:1;
  text-align:left;
  transform:translateY(-.2rem);
}
.contact-hero .contact-hero-copy .eyebrow {
  display:block;
  margin:0 0 clamp(1.25rem,2.35vh,1.9rem);
  color:#285b6d;
  font-size:clamp(.75rem,.86vw,.92rem);
  font-weight:760;
  letter-spacing:.22em;
  line-height:1.45;
  text-transform:uppercase;
}
.contact-hero.contact-hero-v2 h1 {
  max-width:9.2em;
  margin:0 0 clamp(1.55rem,2.6vh,2.2rem);
  color:#082e48;
  font-size:clamp(3.1rem,4.62vw,5.2rem);
  font-weight:780;
  letter-spacing:-.058em;
  line-height:.99;
  white-space:pre-line;
  text-wrap:balance;
}
.contact-hero .contact-hero-copy > p {
  max-width:42rem;
  margin:0;
  color:#213f54;
  font-size:clamp(1.02rem,1.26vw,1.3rem);
  line-height:1.58;
}

html[data-theme="dark"] .contact-hero.contact-hero-v2 {
  color:#f7f3ed;
  background:#102b34;
}
html[data-theme="dark"] .contact-hero-scene {
  background-color:#102b34;
  background-image:url("../contact-hero/contacto-recepcion-oscuro.png");
  background-image:-webkit-image-set(url("../contact-hero/contacto-recepcion-oscuro.avif") type("image/avif"),url("../contact-hero/contacto-recepcion-oscuro.png") type("image/png"));
  background-image:image-set(url("../contact-hero/contacto-recepcion-oscuro.avif") type("image/avif"),url("../contact-hero/contacto-recepcion-oscuro.png") type("image/png"));
}
html[data-theme="dark"] .contact-hero-veil {
  background:linear-gradient(90deg,
    rgba(6,24,31,.18) 0%,
    rgba(6,24,31,.06) 38%,
    transparent 47%);
}
html[data-theme="dark"] .contact-hero .contact-hero-breadcrumb,
html[data-theme="dark"] .contact-hero .contact-hero-breadcrumb [aria-current] { color:#d7e2e2; }
html[data-theme="dark"] .contact-hero .contact-hero-copy .eyebrow { color:#9dccd1; }
html[data-theme="dark"] .contact-hero.contact-hero-v2 h1 { color:#f8f3eb; }
html[data-theme="dark"] .contact-hero .contact-hero-copy > p { color:#d7e2e2; }

@media (max-width:1100px) and (min-width:721px) {
  .contact-hero.contact-hero-v2 { min-height:37rem; }
  .contact-hero-scene { background-position:right center; }
  .contact-hero-veil {
    background:linear-gradient(90deg,
      rgba(248,245,240,.96) 0%,
      rgba(248,245,240,.92) 43%,
      rgba(248,245,240,.58) 51%,
      transparent 61%);
  }
  .contact-hero .contact-hero-copy { width:43%; padding-top:1rem; }
  .contact-hero.contact-hero-v2 h1 { font-size:clamp(2.7rem,5.1vw,3.65rem); }
  .contact-hero .contact-hero-copy > p { font-size:clamp(.97rem,1.68vw,1.12rem); line-height:1.5; }
  html[data-theme="dark"] .contact-hero .contact-hero-veil {
    background:linear-gradient(90deg,
      rgba(6,24,31,.97) 0%,
      rgba(6,24,31,.94) 43%,
      rgba(6,24,31,.62) 51%,
      transparent 61%);
  }
}

@media (max-width:720px) {
  .contact-hero.contact-hero-v2 {
    min-height:clamp(54rem,177.7vw,70rem);
  }
  .contact-hero-scene {
    background-color:#f1ece5;
    background-image:url("../contact-hero/contacto-recepcion-movil-claro.png");
    background-image:-webkit-image-set(url("../contact-hero/contacto-recepcion-movil-claro.avif") type("image/avif"),url("../contact-hero/contacto-recepcion-movil-claro.png") type("image/png"));
    background-image:image-set(url("../contact-hero/contacto-recepcion-movil-claro.avif") type("image/avif"),url("../contact-hero/contacto-recepcion-movil-claro.png") type("image/png"));
    background-position:center bottom;
    background-size:100% auto;
  }
  .contact-hero-veil {
    background:linear-gradient(180deg,
      rgba(248,245,240,.12) 0%,
      rgba(248,245,240,.03) 43%,
      transparent 53%);
  }
  .contact-hero-shell.container {
    padding:1.15rem clamp(1.2rem,5.6vw,1.65rem) 1.6rem;
    grid-template-rows:auto auto 1fr;
  }
  .contact-hero .contact-hero-breadcrumb { font-size:.9rem; }
  .contact-hero .contact-hero-copy {
    align-self:start;
    width:100%;
    padding:clamp(1.35rem,3.5vh,1.95rem) 0 0;
    transform:none;
  }
  .contact-hero .contact-hero-copy .eyebrow {
    margin-bottom:.92rem;
    font-size:.68rem;
    letter-spacing:.2em;
  }
  .contact-hero.contact-hero-v2 h1 {
    max-width:8.6em;
    margin-bottom:1rem;
    font-size:clamp(2.42rem,10.8vw,3.08rem);
    line-height:.99;
  }
  .contact-hero .contact-hero-copy > p {
    max-width:32rem;
    font-size:clamp(.92rem,4.05vw,1.02rem);
    line-height:1.48;
  }
  html[data-theme="dark"] .contact-hero-scene {
    background-color:#102b34;
    background-image:url("../contact-hero/contacto-recepcion-movil-oscuro.png");
    background-image:-webkit-image-set(url("../contact-hero/contacto-recepcion-movil-oscuro.avif") type("image/avif"),url("../contact-hero/contacto-recepcion-movil-oscuro.png") type("image/png"));
    background-image:image-set(url("../contact-hero/contacto-recepcion-movil-oscuro.avif") type("image/avif"),url("../contact-hero/contacto-recepcion-movil-oscuro.png") type("image/png"));
  }
  html[data-theme="dark"] .contact-hero-veil {
    background:linear-gradient(180deg,
      rgba(6,24,31,.20) 0%,
      rgba(6,24,31,.05) 43%,
      transparent 54%);
  }
}

@media (max-width:390px) {
  .contact-hero.contact-hero-v2 { min-height:55rem; }
  .contact-hero.contact-hero-v2 h1 { font-size:clamp(2.3rem,10.5vw,2.72rem); }
  .contact-hero .contact-hero-copy > p { font-size:.92rem; }
}

/* Una foto elegida en el Admin reemplaza solo la escena; el copy sigue vivo. */
.contact-hero-scene.has-uploaded-image,
html[data-theme="dark"] .contact-hero-scene.has-uploaded-image {
  overflow:hidden;
  background:none !important;
}
.contact-hero-scene.has-uploaded-image .interior-uploaded-image {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:0;
}