/* AgroQuipu360® — Pulido responsive (sin alterar diseño desktop aprobado) */

html {
  overflow-x: clip;
}

.agro-landing main,
.agro-landing .hero,
.agro-landing .hero__content,
.agro-landing .site-footer {
  max-width: 100%;
}

.agro-landing .hero__eyebrow,
.agro-landing .hero__lead,
.agro-landing .hero__title,
.agro-landing h1,
.agro-landing h2,
.agro-landing h3,
.agro-landing .section-title,
.agro-landing .agriculture-screen__title,
.agro-landing .livestock-screen__title,
.agro-landing .costos-screen__title,
.agro-landing .benefits-screen__title,
.agro-landing .implement-screen__title,
.agro-landing .cta-screen__title,
.agro-landing .why-screen__title {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

@media (max-width: 640px) {
  .agro-landing .hero__content {
    min-width: 0;
    box-sizing: border-box;
  }

  .agro-landing .hero__eyebrow {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
  }

  .agro-landing .hero__lead {
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  .why-hub,
  .why-screen__stage,
  .agriculture-screen__stage,
  .livestock-screen__stage,
  .costos-screen__stage {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  .benefits-screen__grid,
  .implement-screen__timeline,
  .agriculture-carousel,
  .livestock-carousel,
  .costos-carousel,
  .agriculture-carousel__viewport,
  .livestock-carousel__viewport,
  .costos-carousel__viewport {
    max-width: 100%;
  }

  .demo-modal__panel {
    width: min(calc(100% - 1rem), 60rem);
    max-height: min(calc(100dvh - 0.75rem), 92vh);
  }
}

@media (max-width: 480px) {
  .cta-screen__actions .btn {
    width: 100%;
  }
}