/* <= 1120px */
@media (max-width: 1120px) {
  .hero_area {
    height: auto;
  }

  .hero_btn-box {
    margin-bottom: 150px;
  }
}

/* <= 992px (tablets) */
@media (max-width: 992px) {
  .custom_nav-container {
    flex-direction: row;
  }

  /* Testimonios: apilar y escalar de forma fluida en tablet */
  .client_section .client_container {
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  .client_section .img_box {
    width: 220px;
    height: 220px;
    min-width: 220px;
    margin-bottom: 10px;
  }

  .client_section .detail_box {
    min-height: auto;
    text-align: center;
    padding: 22px;
    flex-direction: column;
  }

  .client_section .detail_box h5 {
    flex-direction: row; /* nombre horizontal en pantallas medias */
    justify-content: center;
    margin: 0 0 12px 0;
    letter-spacing: 4px;
  }

  .client_section .carousel-indicators {
    justify-content: center;
  }
}

/* <= 768px  (tablet y móviles grandes) */
@media (max-width: 768px) {
  /* About */
  .about_section .about_container .container {
    flex-direction: column;
  }

  .about_section .about_container {
    width: 90%;
  }

  .about_section .about_container .container > div {
    width: 95%;
  }

  .about_section .detail a {
    margin: 25px auto 35px auto;
    background-color: #00ff00;
    color: #ffffff;
  }

  .client_section .client_container {
    width: 100%;
  }

  /* FIX móvil: los fondos “fixed” fallan en iOS/Android */
  .hero_area,
  .info_section {
    background-attachment: scroll !important;
    background-position: center;
    background-size: cover;
  }
}

/* <= 576px  (móviles) */
@media (max-width: 576px) {
  .hero_section h1 {
    font-size: 44px;
    letter-spacing: 3px;
    text-transform: uppercase; /* título en MAYÚSCULAS */
  }

  /* Estructura de productos en columna */
  .product_section .container {
    flex-direction: column;
    align-items: center;
  }

  .product_section .img-box.box-1,
  .product_section .img-box.box-3,
  .product_section .img-box.box-2,
  .product_section .img-box.box-4 {
    width: auto;
    margin: 15px 25px;
  }

  /* Testimonios en columna y compactos */
  .client_section .client_container {
    flex-direction: column;
    gap: 16px;
  }

  .client_section .img_box {
    width: 180px;
    height: 180px;
    min-width: 180px;
    margin-bottom: 16px;
  }

  .client_section .detail_box {
    padding: 18px;
    text-align: center;
  }

  .client_section .detail_box h5 {
    flex-direction: row; /* nombre horizontal en móvil */
    margin-bottom: 10px;
  }

  .client_section .carousel-indicators {
    justify-content: center;
  }
}

/* <= 480px  (móviles pequeños) */
@media (max-width: 480px) {
  .hero_section h1 {
    font-size: 36px;
  }
}

/* <= 420px (ajustes finos) */
@media (max-width: 420px) {
}

/* <= 360px */
@media (max-width: 360px) {
}

/* >= 1200px (contenedor desktop) */
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}