/* Portada a sangre completa — Comunidad Agrícola Cuesta El Manzano
   Carga al final: anula la disposición en dos columnas de la portada. */
.hero.hero-immersive{
  position:relative;display:grid;grid-template-columns:1fr;align-items:end;
  min-height:clamp(560px,88vh,860px);padding:0;gap:0;background:#26351e;overflow:hidden;isolation:isolate
}
.hero.hero-immersive .hero-visual picture{display:contents}
.hero.hero-immersive .hero-visual{
  position:absolute;inset:0;z-index:0;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;
  border:0;box-shadow:none;align-self:auto
}
.hero.hero-immersive .hero-photo{
  position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;
  object-fit:cover;object-position:55% 62%;transform:none;filter:saturate(1.05) contrast(1.02);border-radius:0
}
/* Veladura para legibilidad: oscurece abajo-izquierda, deja respirar el cielo */
.hero.hero-immersive .hero-visual::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(20,30,16,.18) 0%,rgba(20,30,16,0) 30%,rgba(20,30,16,.55) 72%,rgba(20,30,16,.86) 100%),
    linear-gradient(90deg,rgba(20,30,16,.62) 0%,rgba(20,30,16,.28) 42%,rgba(20,30,16,0) 70%)
}
.hero.hero-immersive .hero-visual figcaption{
  position:absolute;right:max(24px,calc((100vw - 1240px)/2));bottom:18px;z-index:1;
  font-size:10px;letter-spacing:.3px;color:#e9e4d6;opacity:.8;background:none;padding:0;margin:0;border:0;box-shadow:none
}
.hero.hero-immersive .hero-copy{
  position:relative;z-index:2;width:100%;max-width:none;margin:0;
  padding:clamp(96px,16vh,150px) max(24px,calc((100vw - 1240px)/2)) clamp(70px,9vh,96px)
}
.hero.hero-immersive .hero-copy .eyebrow{color:#d7c6a9}
.hero.hero-immersive h1{color:#fffdf9;font-size:clamp(52px,7vw,96px);line-height:.98;max-width:12ch;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero.hero-immersive h1 em{color:#e6c9a5}
.hero.hero-immersive .hero-description{color:#f6eee1;font-size:clamp(20px,2vw,26px);max-width:520px;margin-top:22px}
.hero.hero-immersive .hero-introduction{color:#e4e7db;font-size:15px;max-width:460px;margin-top:14px}
.hero.hero-immersive .hero-actions{margin-top:30px}
.hero.hero-immersive .text-link{color:#fffdf9}
.hero.hero-immersive .hero-footnote{color:#d7c6a9;margin-top:30px}
.hero.hero-immersive .hero-gallery-link{display:none}
@media (max-width:860px){
  .hero.hero-immersive{min-height:clamp(520px,82vh,720px)}
  .hero.hero-immersive .hero-photo{object-position:50% 60%}
  .hero.hero-immersive .hero-copy{padding:88px 20px 60px}
  .hero.hero-immersive h1{font-size:clamp(44px,12vw,64px)}
  .hero.hero-immersive .hero-visual::after{
    background:linear-gradient(180deg,rgba(20,30,16,.22) 0%,rgba(20,30,16,.1) 28%,rgba(20,30,16,.7) 62%,rgba(20,30,16,.9) 100%)
  }
  .hero.hero-immersive .hero-visual figcaption{right:20px;bottom:12px;font-size:9px}
}
@media (prefers-reduced-motion:no-preference){
  .hero.hero-immersive .hero-copy>*{animation:heroRise .7s ease-out both}
  .hero.hero-immersive .hero-copy>:nth-child(2){animation-delay:.08s}
  .hero.hero-immersive .hero-copy>:nth-child(3){animation-delay:.16s}
  .hero.hero-immersive .hero-copy>:nth-child(4){animation-delay:.24s}
  .hero.hero-immersive .hero-copy>:nth-child(5){animation-delay:.32s}
  @keyframes heroRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}