/* Portadas Berenice 6.5.24: fotografía clara, capa negra uniforme del 10% y encuadres por dispositivo. */
.hero-slide{
  background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),var(--slide-image);
  background-position:center center;
}
.page-hero--shop{
  background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),var(--shop-hero-image);
  background-position:center 3%;
  background-size:cover;
  background-repeat:no-repeat;
}
.about-hero{
  background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),var(--about-hero-image);
  background-position:center 4%;
  background-size:cover;
  background-repeat:no-repeat;
}
.page-image-hero{
  min-height:430px;
  display:flex;
  align-items:flex-end;
  border:0;
  color:#fff;
  background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),var(--page-image-hero);
  background-size:cover;
  background-repeat:no-repeat;
}
.page-image-hero--checkout{background-position:center 4%}
.page-image-hero--legal{background-position:center 8%}
.page-image-hero__inner{width:100%;padding-block:clamp(3rem,7vw,5.5rem)}
.page-image-hero__copy{max-width:720px}
.page-image-hero--checkout .page-image-hero__copy{margin-left:auto;max-width:650px}
.page-image-hero--legal .page-image-hero__copy{margin-inline:auto;max-width:760px;text-align:center}
.page-image-hero h1{
  margin:.45rem 0 .8rem;
  color:#fff;
  font-size:clamp(2.5rem,5vw,4.8rem);
  line-height:1;
}
.page-image-hero p{max-width:760px;color:#fff;font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.6}
.page-image-hero .eyebrow{color:#ffe0a8;font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.page-image-hero .breadcrumbs,.page-image-hero .breadcrumbs a,.page-image-hero .breadcrumbs span{color:#fff}
.hero-slide__content h1,.hero-slide__content h2,.hero-slide__content .lead,
.page-hero--shop h1,.page-hero--shop p,.page-hero--shop .eyebrow,
.about-hero h1,.about-hero p,.about-hero .eyebrow,
.page-image-hero h1,.page-image-hero p,.page-image-hero .eyebrow,.page-image-hero .breadcrumbs{
  text-shadow:0 2px 5px rgba(0,0,0,.95),0 8px 26px rgba(0,0,0,.58);
}
.page-hero--shop h1,.page-hero--shop p,.about-hero h1,.about-hero p{color:#fff}

@media(max-width:760px){
  .hero-slide{
    background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),var(--slide-image-mobile,var(--slide-image));
    background-position:center center;
  }
  .page-hero--shop{
    min-height:500px;
    background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),var(--shop-hero-image-mobile,var(--shop-hero-image));
    background-position:center center;
  }
  .about-hero{
    min-height:600px;
    background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),var(--about-hero-image-mobile,var(--about-hero-image));
    background-position:center center;
  }
  .page-image-hero{
    min-height:540px;
    background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),var(--page-image-hero-mobile,var(--page-image-hero));
    background-position:center center;
  }
  .page-image-hero__inner{padding-block:4.5rem 2.5rem}
  .page-image-hero--checkout .page-image-hero__copy,.page-image-hero--legal .page-image-hero__copy{margin:0;text-align:left}
  .page-image-hero h1{font-size:clamp(2.25rem,11vw,3.35rem)}
}

@media(max-width:420px){
  .hero-slider,.hero-slide,.hero-slide__content{min-height:620px}
  .page-hero--shop{min-height:470px}
  .about-hero,.page-image-hero{min-height:560px}
}