/* Portada oficial para la versión integrada. La imagen se muestra completa. */
.hero.hero-banner { display: block; position: relative; min-height: 0; padding: 0; background: #ff7900; overflow: hidden; }
.hero-banner-picture { display: block; width: 100%; }
.hero-banner-image { display: block; width: 100%; height: auto; aspect-ratio: 1800 / 650; object-fit: contain; }
.hero.hero-banner .hero-button { display: inline-flex; position: absolute; z-index: 2; left: clamp(16px, 3vw, 34px); bottom: 20%; margin: 0; padding: 12px 18px; min-height: 44px; font-size: 14px; font-weight: 800; line-height: 1.3; background: white; color: var(--ink); border-radius: 10px; box-shadow: 0 3px 12px #003a6930; }
.hero.hero-banner .hero-button:hover { background: #f3f7fb; }
.banner-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 650px) {
  .hero-banner-image { aspect-ratio: 2 / 1; }
  .hero.hero-banner .hero-button { left: 16px; bottom: 6%; padding: 10px 14px; min-height: 44px; font-size: 13px; gap: 10px; }
}