.tochadas-hero-slider {
  --swiper-navigation-color: #fff;
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-inactive-color: #fff;
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #020912;
}

.tochadas-hero-slider__slide {
  position: relative;
  width: 100%;
  min-height: 360px;
  max-height: 680px;
  aspect-ratio: 16 / 6;
}
.tochadas-hero-slider__picture {
  position: absolute;
  inset: 0;
  display: block;
}
.tochadas-hero-slider__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.tochadas-hero-slider__slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 52%;
  background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 35%) 45%, rgb(0 0 0 / 75%));
  pointer-events: none;
}
.tochadas-hero-slider__content {
  position: absolute;
  z-index: 2;
  bottom: 48px;
  left: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: min(800px, calc(100% - 30px));
  max-width: 600px;
  color: #fcfcfc;
  text-align: left;
}
.tochadas-hero-slider__content.is-text-center {
  left: 50%;
  align-items: center;
  text-align: center;
  transform: translateX(-50%);
}
.tochadas-hero-slider__content.is-text-right {
  right: 15px;
  left: auto;
  align-items: flex-end;
  text-align: right;
}
.tochadas-hero-slider__link {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
}
.tochadas-hero-slider__badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 6px 14px;
  border: 1px solid #fcf101;
  border-radius: 9999px;
  background: #000;
  color: #fff;
  font: 600 10px/1.2 Figtree, sans-serif;
}
.tochadas-hero-slider__title {
  margin: 0;
  color: inherit;
  font: 700 clamp(28px, 4vw, 36px)/1.1 Figtree, sans-serif;
  text-wrap: balance;
  text-shadow: 0 2px 12px rgb(0 0 0 / 40%);
}
.tochadas-hero-slider__description {
  max-width: 650px;
  margin: 0;
  color: inherit;
  font: 400 clamp(15px, 1.8vw, 20px)/1.4 Figtree, sans-serif;
  white-space: pre-line;
  text-wrap: balance;
  text-shadow: 0 2px 8px rgb(0 0 0 / 50%);
}
.tochadas-hero-slider__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 24px;
  border: 1px solid #fcfcfc;
  background: #020912;
  color: #fcfcfc;
  font: 600 15px/1.2 Figtree, sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.tochadas-hero-slider__content > .tochadas-hero-slider__button:not(:first-child) { margin-top: 16px; }
.tochadas-hero-slider.is-button-yellow .tochadas-hero-slider__button { border-color: #fcf101; background: #fcf101; color: #020912; }
.tochadas-hero-slider__slide:hover .tochadas-hero-slider__button { filter: brightness(.92); }
.tochadas-hero-slider__link:focus-visible { outline: 3px solid #fcf101; outline-offset: -6px; }

@media (min-width: 750px) {
  .tochadas-hero-slider__title { font-size: clamp(26px, calc(4vw - 8px), 36px); }
  .tochadas-hero-slider__description { font-size: clamp(15px, calc(1.8vw - 2px), 18px); }
}

@media (min-width: 1024px) {
  .tochadas-hero-slider__content {
    left: max(50px, calc((100% - 1400px) / 2 + 50px));
    width: min(800px, calc(100% - 100px));
  }
  .tochadas-hero-slider__content.is-text-center { left: 50%; }
  .tochadas-hero-slider__content.is-text-right {
    right: max(50px, calc((100% - 1400px) / 2 + 50px));
    left: auto;
  }
}

@media (max-width: 749px) {
  .tochadas-hero-slider__slide { min-height: 560px; max-height: 760px; aspect-ratio: 3 / 5; }
  .tochadas-hero-slider__content { bottom: 54px; }
  .tochadas-hero-slider__title { font-size: 20px; }
  .tochadas-hero-slider__description { font-size: 12px; }
  .tochadas-hero-slider__button { max-width: 100%; min-height: 40px; padding: 6px 20px; font-size: 12px; white-space: normal; }

  .tochadas-hero-slider__controls {
    position: absolute;
    z-index: 4;
    bottom: 8px;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 4px;
    transform: translateX(-50%);
  }
  .tochadas-hero-slider__controls .swiper-button-prev,
  .tochadas-hero-slider__controls .swiper-button-next {
    position: static;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin: 0;
  }
  .tochadas-hero-slider__controls .swiper-button-prev svg,
  .tochadas-hero-slider__controls .swiper-button-next svg {
    width: 14px;
    height: 14px;
  }
  .tochadas-hero-slider__controls .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    width: auto;
    margin: 0;
    transform: none;
  }
}