/* Las mismas cuatro fotografías de Inicio, con estilos exclusivos de Aceites. */
html body.aceites-page > section.hero.aceites-collage-hero {
  position:relative!important;display:block!important;isolation:isolate;
  height:clamp(560px,44vw,860px)!important;min-height:0!important;max-height:none!important;
  padding:0!important;background:#07100c!important;overflow:hidden;
}
html body.aceites-page > section.aceites-collage-hero::before,
html body.aceites-page > section.aceites-collage-hero::after {content:none!important;}
.aceites-collage-hero .aceites-collage-media {
  position:absolute;inset:0;z-index:0;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;gap:4px;
}
.aceites-collage-hero .aceites-collage-panel {position:relative;min-width:0;min-height:0;overflow:hidden;}
.aceites-collage-hero .aceites-collage-panel img {
  display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;
}
.aceites-collage-hero .aceites-collage-media::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(3,10,6,.78) 0%,rgba(3,10,6,.60) 30%,rgba(3,10,6,.12) 65%,transparent 100%);
}
html body.aceites-page > section.aceites-collage-hero .hero-inner {
  position:relative!important;inset:auto!important;transform:none!important;z-index:1;
  display:flex!important;align-items:center!important;width:91%!important;max-width:none!important;
  height:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important;
}
html body.aceites-page > section.aceites-collage-hero .hero-copy {
  position:relative!important;inset:auto!important;transform:none!important;
  width:49%!important;max-width:790px!important;margin:0!important;padding:36px 0!important;
  color:#fff;text-align:left;
}
html body.aceites-page > section.aceites-collage-hero h1 {
  font-size:clamp(40px,4.3vw,82px)!important;line-height:1.04!important;
  margin:20px 0 24px;overflow-wrap:normal;
}
html body.aceites-page > section.aceites-collage-hero .lead {
  max-width:500px;font-size:clamp(18px,1.5vw,25px)!important;line-height:1.5!important;
}
html body.aceites-page > section.aceites-collage-hero .btn {max-width:100%;white-space:normal;}
@media(max-width:900px) {
  html body.aceites-page > section.hero.aceites-collage-hero {
    display:flex!important;flex-direction:column;height:auto!important;
  }
  .aceites-collage-hero .aceites-collage-media {
    position:relative;inset:auto;width:100%;height:calc(100vw / 1.15);
    grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;
  }
  .aceites-collage-hero .aceites-collage-media::after {display:none;}
  html body.aceites-page > section.aceites-collage-hero .hero-inner {
    width:100%!important;height:auto!important;padding:28px 24px 40px!important;box-sizing:border-box;
  }
  html body.aceites-page > section.aceites-collage-hero .hero-copy {
    width:100%!important;max-width:680px!important;margin:0 auto!important;padding:0!important;
  }
  html body.aceites-page > section.aceites-collage-hero h1 {font-size:clamp(34px,6.7vw,60px)!important;}
  html body.aceites-page > section.aceites-collage-hero .lead {max-width:100%;}
}

/* Reveal the entire collage in one paint, never panel by panel. */
html.aceites-collage-js .aceites-collage-hero .aceites-collage-media:not(.is-ready) {
  opacity:0!important;
}
.aceites-collage-hero .aceites-collage-media,
.aceites-collage-hero .aceites-collage-panel,
.aceites-collage-hero .aceites-collage-panel img {
  animation:none!important;transition:none!important;
}
.aceites-collage-hero .aceites-collage-media.is-ready,
.aceites-collage-hero .aceites-collage-panel,
.aceites-collage-hero .aceites-collage-panel img {opacity:1!important;}
.aceites-collage-hero .aceites-collage-panel img {transform:none!important;}