/* Home hero: horizontal desktop and landscape tablet; portrait art direction. */
.morroni-hero.tf-slider-3 {
  height: auto !important;
  min-height: 0;
  max-height: none;
}
.morroni-hero.tf-slider-3 .swiper,
.morroni-hero.tf-slider-3 .swiper-wrapper,
.morroni-hero.tf-slider-3 .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
.morroni-hero.tf-slider-3 .hero-banner-10 {
  height: clamp(520px, calc(100svh - 100px), 780px) !important;
  min-height: 0 !important;
  max-height: none !important;
}
.morroni-hero .thumbs { position: absolute; inset: 0; }
.morroni-hero picture { display: block; width: 100%; height: 100%; }
.morroni-hero.tf-slider-3 .hero-banner-10 .thumbs img {
  display: block;
  height: 100% !important;
  width: 100%;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover;
  object-position: 65% 45%;
  transform: none !important;
  transition: none;
}
.morroni-hero .hero-banner-10::after {
  background: linear-gradient(90deg, rgba(6, 17, 30, .82), rgba(6, 17, 30, .62) 38%, rgba(6, 17, 30, .12) 64%, transparent);
  opacity: 1;
  pointer-events: none;
}
.morroni-hero .hero-banner-10 .content {
  inset: 0 auto 0 max(28px, calc((100% - 1280px) / 2));
  width: min(42%, 540px);
  max-width: none;
  margin: 0;
  padding: 30px 0;
  text-align: left;
  z-index: 2;
}
.morroni-hero .content .tf-container { width: 100%; padding: 0; }
.morroni-hero .content .title {
  font-size: clamp(36px, 3.6vw, 58px);
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 20px;
  text-wrap: balance;
}
.morroni-hero .content p {
  font-size: 18px;
  line-height: 1.5;
  max-width: 440px;
  margin-bottom: 28px;
}
.morroni-hero .content .tf-btn { min-height: 48px; }
.morroni-hero .wrap-sw-button { display: none; }
.morroni-hero.tf-slider-3 .sw-dots {
  display: block;
  width: 100%;
  bottom: 20px;
  z-index: 3;
}
.morroni-hero .wrap-marquee { position: relative; background: #fff; }
@media (max-width: 1199px) and (min-width: 768px) and (orientation: landscape) {
  .morroni-hero.tf-slider-3 .hero-banner-10 { height: clamp(460px, calc(100svh - 80px), 650px) !important; }
  .morroni-hero .content .title { font-size: 36px; }
  .morroni-hero .content p { font-size: 16px; }
}
@media (max-width: 767px), (max-width: 991px) and (orientation: portrait) {
  .morroni-hero.tf-slider-3 .hero-banner-10 {
    height: clamp(600px, calc(100svh - 90px), 920px) !important;
  }
  .morroni-hero.tf-slider-3 .hero-banner-10 .thumbs img { object-position: 60% 50%; }
  .morroni-hero .hero-banner-10::after {
    background: radial-gradient(ellipse at center, rgba(6, 17, 30, .65), rgba(6, 17, 30, .4) 55%, rgba(6, 17, 30, .25));
  }
  .morroni-hero .hero-banner-10 .content {
    inset: 0;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 0 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .morroni-hero .content .title { font-size: 34px; margin-bottom: 12px; }
  .morroni-hero .content p { font-size: 16px; line-height: 1.4; margin: 0 auto 18px; }
  .morroni-hero .content .tf-btn { margin: 0 auto; }
}
@media (max-width: 767px) {
  .morroni-hero.tf-slider-3 .hero-banner-10 { height: clamp(560px, 75svh, 680px) !important; }
  .morroni-hero .hero-banner-10 .content { padding: 0 22px; }
  .morroni-hero .content .title { font-size: clamp(25px, 6.5vw, 32px); line-height: 1.12; margin-bottom: 10px; }
  .morroni-hero .content p { font-size: 14px; line-height: 1.4; margin-bottom: 14px; }
  .morroni-hero .content .tf-btn { padding: 11px 22px; min-height: 44px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .morroni-hero .swiper-wrapper { transition-duration: 0ms !important; }
}


/* Corrección del slider principal Morroni Agro (noviembre 2026). */
/* Evita que el contenido de diapositivas inactivas quede visible durante el fundido. */
.morroni-hero .swiper-slide:not(.swiper-slide-active) .hero-banner-10 .content {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.morroni-hero .swiper-slide.swiper-slide-active .hero-banner-10 .content {
  opacity: 1 !important;
  visibility: visible !important;
}
/* El fondo se desvanece con Swiper; los textos no se mezclan entre slides. */
.morroni-hero .swiper-slide .hero-banner-10 .content {
  transition: none !important;
}
.morroni-hero .swiper-slide:not(.swiper-slide-active) .hero-banner-10 .content * {
  animation: none !important;
}
.morroni-hero .content .title {
  max-width: 620px;
}