/* Composición vertical para carruseles panorámicos en teléfonos. */
@media (max-width: 520px) {
  .hero {
    height: min(580px, calc(100svh - 72px));
    min-height: 530px;
  }

  .slide {
    background-position: 76% center;
  }

  .slide::before {
    background: linear-gradient(90deg, rgba(19, 13, 56, .84) 0%, rgba(19, 13, 56, .48) 53%, rgba(19, 13, 56, .08) 100%);
  }

  .hero-content {
    max-width: 84%;
    padding-top: 78px;
    padding-bottom: 86px;
  }

  .hero-content h1,
  .hero-content .slide-title {
    font-size: clamp(2.45rem, 11vw, 3rem);
  }
}