/* Teléfonos móviles pequeños */
@media (max-width: 575px) {
  /* Estilos para móviles pequeños */
  .main-content {
    margin-left: 0px;
  }

  .info-content .title-content h1 {
    font-size: 1.8rem;
  }

  .benefits .benefits-banner-image {
    height: 380px;
  }

  .benefits .benefits-banner-info {
     width: 100%;
   }

   .benefits-modals .modal-dialog {
    width: 96vw;
   }

   .news-content .news-header-load p {
     font-size: 1.8rem;
   }

   .news-content .news-image {
       height: 130px;
   }

   .news-content a .news-title {
     font-size: 1.0rem;
   }

   .comment-section .comment-title p {
     font-size: 1.4rem;
   }

   .top-banner h1 {
     font-size: 1.8rem;
   }

   .estrategia24 h1 {
     font-size: 1.8rem;
   }

   .registro-top h1 {
     font-size: 1.8rem;
   }

   .benefits .benefits-banner-title p {
     font-size: 1.6rem;
   }

}

/* Teléfonos móviles grandes y tabletas pequeñas */
@media (min-width: 576px) and (max-width: 767px) {
  /* Estilos para móviles grandes y tabletas pequeñas */
  .main-content {
    margin-left: 0px;
  }

  .info-content .title-content h1 {
    font-size: 2.1rem;
  }

  .benefits .benefits-banner-image {
    height: 380px;
  }

  .benefits .benefits-banner-info {
     width: 100%;
   }

   .benefits-modals .modal-dialog {
     width: 96vw;
   }

   .news-content .news-header-load p {
     font-size: 2.0rem;
   }

   .news-content .news-image {
       height: 110px;
   }

   .news-content a .news-title {
     font-size: 0.9rem;
   }

   .comment-section .comment-title p {
     font-size: 1.5rem;
   }

   .top-banner h1 {
     font-size: 2.0rem;
   }

   .estrategia24 h1 {
     font-size: 2.0rem;
   }

   .registro-top h1 {
     font-size: 2.0rem;
   }

   .benefits .benefits-banner-title p {
     font-size: 1.6rem;
   }

}

/* Tabletas */
@media (min-width: 768px) and (max-width: 991px) {
  /* Estilos para tabletas */
  .main-content {
    margin-left: 250px;
  }

  .info-content .title-content h1 {
    font-size: 2.3rem;
  }

  .benefits .benefits-banner-image {
    height: 350px;
  }

  .benefits .benefits-banner-info {
     width: 55%;
   }

   .benefits-modals .modal-dialog {
     width: 85vw;
   }

   .news-content .news-header-load p {
     font-size: 2.1rem;
   }

   .news-content .news-image {
       height: 105px;
   }

   .news-content a .news-title {
     font-size: 0.84rem;
   }

   .comment-section .comment-title p {
     font-size: 1.7rem;
   }

   .top-banner h1 {
     font-size: 2.2rem;
   }

   .estrategia24 h1 {
     font-size: 2.2rem;
   }

   .registro-top h1 {
     font-size: 2.2rem;
   }

   .benefits .benefits-banner-title p {
     font-size: 1.8rem;
   }

}

/* Portátiles y escritorios pequeños */
@media (min-width: 992px) and (max-width: 1199px) {
  /* Estilos para portátiles y escritorios pequeños */
  .main-content {
    margin-left: 250px;
  }

  .info-content .title-content h1 {
    font-size: 2.8rem;
  }

  .benefits .benefits-banner-image {
    height: 350px;
  }

  .benefits .benefits-banner-info {
     width: 50%;
   }

   .benefits-modals .modal-dialog {
     width: 85vw;
   }

   .news-content .news-header-load p {
     font-size: 2.3rem;
   }

   .news-content .news-image {
       height: 100px;
   }

   .news-content a .news-title {
     font-size: 0.84rem;
   }

   .comment-section .comment-title p {
     font-size: 1.8rem;
   }

   .top-banner h1 {
     font-size: 2.2rem;
   }

   .estrategia24 h1 {
     font-size: 2.5rem;
   }

   .registro-top h1 {
     font-size: 2.2rem;
   }

   .benefits .benefits-banner-title p {
     font-size: 1.8rem;
   }

}

/* Escritorios grandes */
@media (min-width: 1200px) and (max-width: 1599px) {
  /* Estilos para escritorios grandes */
  .main-content {
    margin-left: 250px;
  }

  .info-content .title-content h1 {
    font-size: 3.0rem;
  }

  .benefits .benefits-banner-image {
    height: 350px;
  }

  .benefits .benefits-banner-info {
     width: 50%;
   }

   .benefits-modals .modal-dialog {
     width: 85vw;
   }

   .news-content .news-header-load p {
     font-size: 2.3rem;
   }

   .news-content .news-image {
       height: 100px;
   }

   .news-content a .news-title {
     font-size: 0.84rem;
   }

   .comment-section .comment-title p {
     font-size: 1.8rem;
   }

   .top-banner h1 {
     font-size: 2.2rem;
   }

   .estrategia24 h1 {
     font-size: 2.5rem;
   }

   .registro-top h1 {
     font-size: 2.2rem;
   }

   .benefits .benefits-banner-title p {
     font-size: 1.8rem;
   }

}

/* Escritorios muy grandes */
@media (min-width: 1600px) and (max-width: 2559px) {
    /* estilos para escritorios muy grandes */
    /* Estilos para pantallas 2K */
    .main-content {
      margin-left: 250px;
    }

    .info-content .title-content h1 {
      font-size: 3.0rem;
    }

    .benefits .benefits-banner-image {
      height: 380px;
    }

    .benefits .benefits-banner-info {
       width: 50%;
     }

     .benefits-modals .modal-dialog {
       width: 85vw;
     }

     .news-content .news-header-load p {
       font-size: 2.3rem;
     }

     .news-content .news-image {
         height: 100px;
     }

     .news-content a .news-title {
       font-size: 0.8rem;
     }

     .comment-section .comment-title p {
       font-size: 1.8rem;
     }

     .top-banner h1 {
       font-size: 2.2rem;
     }

     .estrategia24 h1 {
       font-size: 2.5rem;
     }

     .registro-top h1 {
       font-size: 2.2rem;
     }

     .benefits .benefits-banner-title p {
       font-size: 1.8rem;
     }

}

/* Pantallas 2K */
@media (min-width: 2560px) and (max-width: 3839px) {
   /* Estilos para pantallas 2K */
   .main-content {
     margin-left: 250px;
   }

   .info-content .title-content h1 {
     font-size: 3.0rem;
   }

   .benefits .benefits-banner-image {
     height: 400px;
   }

  .benefits .benefits-banner-info {
     width: 50%;
   }

   .benefits-modals .modal-dialog {
     width: 85vw;
   }

   .news-content .news-header-load p {
     font-size: 2.3rem;
   }

   .news-content .news-image {
       height: 100px;
   }

   .news-content a .news-title {
     font-size: 0.84rem;
   }

   .comment-section .comment-title p {
     font-size: 1.8rem;
   }

   .top-banner h1 {
     font-size: 2.2rem;
   }

   .estrategia24 h1 {
     font-size: 2.5rem;
   }

   .registro-top h1 {
     font-size: 2.2rem;
   }

   .benefits .benefits-banner-title p {
     font-size: 1.8rem;
   }

}

/* Pantallas 4K */
@media (min-width: 3840px) {
  /* Estilos para pantallas 4K */
  .main-content {
    margin-left: 250px;
  }

  .info-content .title-content h1 {
    font-size: 3.0rem;
  }

  .benefits .benefits-banner-image {
    height: 400px;
  }

  .benefits .benefits-banner-info {
    width: 50%;
  }

  .benefits-modals .modal-dialog {
    width: 85vw;
  }

  .news-content .news-header-load p {
    font-size: 2.3rem;
  }

  .news-content .news-image {
      height: 100px;
  }

  .news-content a .news-title {
    font-size: 0.84rem;
  }

  .comment-section .comment-title p {
    font-size: 1.8rem;
  }

  .top-banner h1 {
    font-size: 2.2rem;
  }

  .estrategia24 h1 {
    font-size: 2.5rem;
  }

  .registro-top h1 {
    font-size: 2.2rem;
  }

  .benefits .benefits-banner-title p {
    font-size: 1.8rem;
  }

}