/* Moviles pequenos (575px y menos) */
@media (max-width: 600px) {
    * {
        overflow-x: clip;
        padding: 0;
        margin: 0;
    }
    .background-image {
        position: static;
        height: auto;
    }
    .contenedor-texto-como {
        margin-left: 0;
        border-radius: 0px;
    }
    .banner-background{
        height: 100%;
        overflow-x: clip;
    }
    .banner-home{
        margin-top: 0px !important;
    }
    .navbar {
        background: #fff;
    }
    button.navbar-toggler.collapsed {
        border-style: none;
    }
    .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .contenedor-contenido {
        overflow-x: clip;
        padding-bottom: 50px;
    }
    .text-end {
        text-align: right !important;
        overflow: hidden;
    }
    .card-body {
        margin-bottom: 20px;
    }
    section.somos {
        padding: 50px 30px;
    }
    a.btn-quienes-somos {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        width: fit-content;
        border-radius: 999px;
    }
    .card-destacado-imagen {
        margin-bottom: 30px;
    }
    .titulo-como{
        text-align: left;
    }
    .descripcion-como{
        text-align: left;
    }
    .btn-como {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 25px auto;
        width: auto;
        border-radius: 999px;
    }
    .imagen-fondo img {
        height: 900px;
    }
    .imagen-contenedor {
        width: 100%;
    }
    .comentario-dos {
        bottom: 45%;
        left: 3%;
    }
    .comentario-uno {
        top: 10%;
        right: 2%;
    }
    .texto_imagen_1 {
        text-align: justify;
        padding: 0px 30px;
        margin-left: 55px;
        overflow: hidden;
        font-size: small;
    }
    .texto_imagen_2 {
        text-align: justify;
        padding: 0px 30px;
        /*margin-left: 70px;*/
        overflow: hidden;
        font-size: small;
    }
    .mobil{
        display: block;
    }
    .desktop{
        display: none;
    }
    .imagen-fondo-contenedor.mobil {
        height: 800px;
    }
   .imagen-contenedor > div {
        width: 400px;
        overflow: hidden;
    }
    .imagen-interna {
        left: 30%;
        top: 65%;
    }
    .texto-newsletter {
        text-align: center;
        margin-top: 70px;
    }
    .servicio-item {
        height: 500px;
    }
    .servicio-item:hover .servicio-contenido {
        height: 500px;
    }
    .links-ultimos-estudios.align-items-center div {
        width: 185px;
    }
    .ultimo-titulo{
        padding: 0;
        margin: 0;
    }
    header{
        padding: 0;
        margin: 0;
    }
    .icon-flecha.img-fluid {
        position: absolute;
        right: 0;
        top: 75%;
        right: 15px;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .menu-responsive {
        position: absolute;
        left: -10%;
        right: 0;
        bottom: 30%;
    }
    .menu-responsive li a {
        color: #fff;
        font-size: 25px;
        text-decoration: none;
    }
    button.close-menu {
        width: 50px;
        border-radius: 50%;
        color: #fff;
        background: #56D8C4;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contenedor-newsletter {
        height: 400px;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    div#field_submit {
        padding: 30px;
    }
    
    .contenedor-newsletter {
        position: static;
       
        margin-top: 0px !important;
    }
    .siguenos{

        padding-bottom: 20px !important;
    }
    .texto-interno {
        text-align: left;
        margin-top: 20px;
    }
    .titulo-pagina {
        font-size: 1.3rem;
        line-height: 31px;
        margin: 0px;
        margin-bottom: 30px;
    }
    #banner-home-slider .banner-caption-inner{
        margin-left: 0px;
    }
    #panel-digital-steps .btn-primary, #banner-home-slider .btn-primary{
        width: 50%;
    }

    #banner-home-slider .owl-nav {
      padding: 0 20px;
    }

    #banner-home-slider .banner-slide-caption.align-left {
      justify-content: start;
    }

    .navbar-toggler {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #474bf0;
    }

    .navbar-toggler-icon {
      width: 1.0em;
      height: 1.4em;
    }

    input#gform_submit_button_1 {
      display: flex;
      align-items: center;
      padding: 0px 20px;
      border-radius: 999px;
    }

    .col-md-4.text-end.aos-init.aos-animate {
      display: flex;
      justify-content: center;
      margin-top: 10%;
    }

    .texto-newsletter {
        line-height: normal;
    }

    #uso-info .uso-info__subtitle p {
      margin-bottom: 0px;
    }

    #uso-info .uso-info__body {
      padding: 0px 0 40px;
    }

    #uso-info * {
        line-height: normal;
    }

    .uso-info__title p {
        letter-spacing: normal;
    }

    p.p1 {
      text-align: left;
      margin-bottom: 0;
    }

    #banner-interno-slider .banner-caption-inner{
      margin-left: 0px;
    }

    .banner-slide-caption.align-left.valign-middle.theme-dark {
      margin-left: 0px;
      margin-top: 0px;
    }

    .imagen-contenedor > div {
      width: 370px;
    }

    h2.vc-title {
      padding-bottom: 5%;
    }

    #banner-interno-slider * {
      overflow-x: clip;
    }

    /* Ajustes especificos para la plantilla de inicio */
    body.page-inicio-template .banner-slide-caption.align-left.valign-middle.theme-dark.inicio {
        margin: 0;
        padding: 30px 15px;
    }
    body.page-inicio-template .imagen-fondo img {
        width: 100%;
        height: auto;
    }
    body.page-inicio-template .imagen-fondo-contenedor.mobil {
        height: auto;
        min-height: 0;
    }
    body.page-inicio-template .imagen-contenedor > div {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    body.page-inicio-template .texto_imagen_1,
    body.page-inicio-template .texto_imagen_2 {
        text-align: left;
        padding: 0 20px;
        margin-left: 0;
    }
    body.page-inicio-template .links-ultimos-estudios.align-items-center div {
        width: 100%;
        max-width: 185px;
        margin: 0 auto;
    }
    a.ver-estudio {
      justify-content: start;
    }

    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
      justify-content: center;
    }

    .eapps-instagram-feed-posts-slider-inner.eapps-instagram-feed-posts-inner.eui-slider-inner.es-layout-carousel-content {
      overflow: visible;
    }

    .navbar-nav li a {
      font-size: 1.3rem;
      color: #0A1A2F;
      text-decoration: none;
    }

    body.menu-open {
      overflow: hidden;  /* bloquea el scroll de la página completa */
    }

    a.navbar-brand img.img-fluid {
      width: 80%;
    }

    ul.navbar-nav li.menu-item {
      margin: 5px 0;
      width: fit-content;
    }

    header {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }

    div#banner-owl * {
      color: #FFF !important;
      text-transform: uppercase;
    }

    section#banner-interno-slider {
      pointer-events: none;
    }

    #banner-home-slider .banner-slide {
      min-height: 600px;
    }

    .contenedor-imagenes-comentarios {
      max-height: none;
    }

    div#field_1_1 {
      width: 100%;
    }

    a.contacto-link {
      font-size: 0.9rem;
    }

    .contacto-item a {
      margin: 0px 5px;
    }

    h2.rewards-title.pt-5 {
      text-align: left;
    }

    ul.navbar-nav {
      align-items: center;
    }

    .current-menu-item a {
      color: #fff !important;
    }

    .btn-panel a {
      color: #fff;
    }
} 

/* Reglas para pantallas grandes y medianas */
@media (min-width: 1601px) {
    .contenedor-newsletter {
        max-width: 98%;
    }
}

@media (min-width: 1371px) and (max-width: 1600px) {
    .contenedor-newsletter {
        max-width: 98%;
    }
}

@media (max-width: 1370px) {
    .contenedor-newsletter {
        max-width: 98%;
    }
}