/* Hero responsive v4: imágenes locales optimizadas. */
.ak-hero {
  height: min(64vw, 860px);
  min-height: 650px;
  background: #315b36;
}
.ak-hero-image {
  background-image:
    linear-gradient(90deg, rgba(5,66,16,.20) 0%, rgba(5,66,16,.03) 48%, rgba(5,66,16,.12) 100%),
    url('../images/hero-desktop.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ak-hero::after {
  background: linear-gradient(180deg, rgba(0,0,0,.12) 0%, transparent 32%, rgba(0,0,0,.08) 100%);
  pointer-events: none;
}
.ak-logo-hero { top: 8%; left: 6%; }
.ak-slogan {
  top: 8%;
  right: 6%;
  text-shadow: 0 3px 14px rgba(0,0,0,.45);
}
.ak-slogan span { text-shadow: none; }

@media (max-width: 760px) {
  .ak-hero {
    height: min(178vw, 780px);
    min-height: 650px;
  }
  .ak-hero-image {
    background-image:
      linear-gradient(180deg, rgba(5,66,16,.18) 0%, transparent 35%, rgba(5,66,16,.08) 100%),
      url('../images/hero-mobile.webp');
    background-position: center 52%;
  }
  .ak-logo-hero { top: 4.5%; left: 5%; width: 122px; }
  .ak-slogan { top: 5%; right: 4%; font-size: 23px; }
  .ak-slogan span { padding: 7px 10px; font-size: 8px; }
}

@media (max-width: 390px) {
  .ak-hero { height: 690px; min-height: 690px; }
  .ak-hero-image { background-position: center center; }
  .ak-logo-hero { width: 110px; }
  .ak-slogan { font-size: 20px; }
}