/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /* body {
        border: 3px solid orange;
    } */

    .container-custom {
        width: 90%;
    }

    .descripcion-header {
        font-size: 25px;
        line-height: 100%;
    }

    .bajada-header {
        font-size: 20px;
    }

    .contenedor-formulario {
        box-shadow: -5px -5px 0px 2px #0C1476;
    }

    .contenedor-formulario input[type="button"],
    .contenedor-formulario input[type="submit"] {
        font-size: 14px;
        padding: 10px 0px;
    }

    .titulo-verde {
        font-size: 24px;
        text-align: center;
    }

    .beneficios-texto {
        font-size: 18px;
    }

    .testimonio-titulo {
        font-size: 20px;
    }

    .testimonio-descripcion {
        font-size: 16px;
    }

    .catalogo-titulo {
        font-size: 24px;
        text-align: center;
        margin-top: 30px;
    }

    .boton-rojo {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .trabajadores-texto {
        font-size: 24px;
    }

    .logo-ne-header {
        left: 10px;
        top: 10px;
        width: 100px;
    }

    .catalogo-header {
        flex-wrap: wrap;
        gap: 10px;
        padding: 20px 40px;
    }

    .catalogo-contenido {
        padding: 50px 40px;
    }

    .contenedor-hover {
        margin-bottom: 20px;
    }

    .seccion-2 .container {
        width: 80%;
        margin: 0 auto;
    }

    .seccion-3 .container {
        width: 90%;
        margin: 0 auto;
    }

    .seccion-4 .container {
        width: 80%;
        margin: 0 auto;
    }

    .seccion-5 .container {
        width: 80%;
        margin: 0 auto;
    }

    .post-it {
        aspect-ratio: 1/1;
        background-size: 95%;
        height: auto !important;
        width: 100% !important;
    }

    .post-it .post-it-textos {
        width: 60%;
    }

    .post-it .post-it-textos div:first-child {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .post-it .post-it-textos div:last-child {
        font-size: 14px;
    }

    .body-formulario,
    .body-ebook {
        background-image: none;
    }

    .boton-rojo {
        width: 100% !important;
    }

    .boton-rojo .span2,
    .boton-rojo .span4 {
        font-size: 20px;
    }

    .contenedor-empresas-lideres,
    .contenedor-solicita-demo,
    .contenedor-trabajadores {
        width: 100%;
    }

    .body-ebook {
        height: auto;
        width: 98%;
        margin: 0 auto;
    }

    .modal-personalizado-ebook {
        height: auto;
        width: 98%;
    }

    .ebook-contenedor-form {
        margin-left: 0;
        width: 100%;
    }

    .ebook-texto-grande {
        font-size: 22px;
        text-align: center;
    }

    .ebook-texto-pequeno {
        font-size: 18px;
    }

    .modal-personalizado-formulario {
        height: auto;
        margin: 0 auto;
        width: 95%;
        overflow-y: scroll;
    }

    .body-formulario {
        height: auto;
        margin: 0 auto;
        width: 95%;
        overflow-y: scroll;
    }

    .formulario-contenedor-form .texto1 {
        font-size: 25px;
    }

    .formulario-contenedor-form .texto2 {
        font-size: 14px;
    }

    .catalogo-header img {
        width: 50px;
    }

    .catalogo-header div {
        font-size: 20px;
    }

    .boton-rojo.btnvolver {
        height: 30px;
        width: 100px;
    }

    .boton-rojo .spanvolver {
        font-size: 14px;
    }

    .logo-ne-formulario {
        width: 50px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* body {
        border: 3px solid green;
    } */

    .container-custom {
        width: 90%;
    }

    .seccion-fondo-azul.efecto-solo-abajo {
        background-color: #202CBB;
        clip-path: polygon(0 0%, 100% 0%, 100% 98%, 0% 100%);
        padding: 10px 20px;
    }

    .descripcion-header {
        font-size: 25px;
        line-height: 100%;
    }

    .bajada-header {
        font-size: 20px;
    }

    .contenedor-formulario {
        box-shadow: -5px -5px 0px 2px #0C1476;
    }

    .contenedor-formulario input[type="button"],
    .contenedor-formulario input[type="submit"] {
        font-size: 14px;
        padding: 10px 0px;
    }

    .titulo-verde {
        font-size: 24px;
        text-align: center;
    }

    .beneficios-texto {
        font-size: 18px;
    }

    .testimonio-titulo {
        font-size: 25px;
    }

    .testimonio-descripcion {
        font-size: 18px;
    }

    .catalogo-titulo {
        font-size: 24px;
        text-align: center;
        margin-top: 30px;
    }

    .boton-rojo {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .trabajadores-texto {
        font-size: 24px;
    }

    .logo-ne-header {
        left: 10px;
        top: 10px;
        width: 100px;
    }

    .catalogo-header {
        flex-wrap: wrap;
        gap: 10px;
        padding: 20px 40px;
    }

    .catalogo-contenido {
        padding: 50px 40px;
    }

    .contenedor-hover {
        margin-bottom: 20px;
    }

    .capa-hover span {
        font-size: 16px;
    }

    .body-formulario,
    .body-ebook {
        background-image: none;
        overflow-y: scroll;
    }

    .ebook-texto-grande {
        font-size: 22px;
        text-align: center;
    }

    .ebook-texto-pequeno {
        font-size: 16px;
    }

    .body-ebook {
        height: auto;
        width: 98%;
    }

    .modal-personalizado-ebook {
        height: auto;
        width: 98%;
    }

    .ebook-contenedor-form {
        margin-left: 0;
        padding: 30px;
        width: 100%;
    }

    .modal-personalizado-formulario {
        height: auto;
        margin: 0 auto;
        width: 95%;
    }

    .body-formulario {
        height: auto;
        margin: 0 auto;
        width: 80%;
    }

    .formulario-contenedor-form .texto1 {
        font-size: 25px;
    }

    .formulario-contenedor-form .texto2 {
        font-size: 18px;
    }

    .formulario-contenedor-form .texto3 {
        font-size: 10px;
    }

    .boton-rojo.btnsolicitar {
        height: 40px;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* body {
        border: 3px solid purple;
    } */

    .logo-ne-header {
        width: 100px;
    }

    .descripcion-header {
        font-size: 36px;
        line-height: 100%;
    }

    .catalogo-header {
        flex-wrap: wrap;
        gap: 10px;
        padding: 20px 40px;
    }

    .catalogo-contenido {
        padding: 50px 40px;
    }

    .capa-hover span {
        font-size: 20px;
    }

    .post-it {
        aspect-ratio: 1/1;
        background-size: 95%;
        height: auto !important;
        width: 380px !important;
    }

    .post-it .post-it-textos {
        width: 60%;
    }

    .post-it .post-it-textos div:first-child {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .post-it .post-it-textos div:last-child {
        font-size: 14px;
    }

    .body-formulario,
    .body-ebook {
        background-image: none;
    }

    .body-ebook {
        height: auto;
        width: 98%;
    }

    .modal-personalizado-ebook {
        height: auto;
        width: 98%;
    }

    .ebook-contenedor-form {
        margin-left: 0;
        padding: 50px;
        width: 100%;
    }

    .modal-personalizado-formulario {
        height: auto;
        margin: 0 auto;
        width: 80%;
    }

    .body-formulario {
        height: auto;
        margin: 0 auto;
        width: 80%;
    }

    .formulario-contenedor-form .texto1 {
        font-size: 25px;
    }

    .formulario-contenedor-form .texto2 {
        font-size: 18px;
    }

    .formulario-contenedor-form .texto3 {
        font-size: 10px;
    }

    .boton-rojo.btnsolicitar {
        height: 40px;
    }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* body {
        border: 3px solid brown;
    } */

    .descripcion-header {
        font-size: 36px;
        line-height: 100%;
    }

    .contenedor-formulario input[type="button"],
    .contenedor-formulario input[type="submit"] {
        font-size: 14px;
        padding: 10px 0px;
    }

    .logo-ne-header {
        width: 100px;
    }

    .testimonio-titulo {
        font-size: 28px;
    }

    .testimonio-descripcion {
        font-size: 20px;
        font-weight: 500;
    }

    .titulo-verde {
        font-size: 30px;
    }

    .beneficios-texto {
        font-size: 20px;
    }

    .post-it .post-it-textos {
        width: 70%;
    }

    .post-it .post-it-textos div:first-child {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .post-it .post-it-textos div:last-child {
        font-size: 14px;
    }

    .post-it {
        aspect-ratio: 1/1;
        background-size: 95%;
        height: auto !important;
        width: 400px !important;
    }

    .body-ebook {
        background-image: none;
        height: 645px;
        width: 900px;
    }

    .modal-personalizado-ebook {
        height: 645px;
        width: 900px;
    }

    .ebook-contenedor-form {
        margin-left: 0;
        width: 100%;
    }

    .body-formulario {
        background-image: none;
    }

    .modal-personalizado-formulario {
        height: auto;
        width: 900px;
    }

    .body-formulario {
        background-position: right -350px top;
        background-size: 802px;
        height: auto;
        width: 900px;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    /* body {
        border: 3px solid yellow;
    } */

    .logo-ne-header {
        width: 100px;
    }

    .post-it .post-it-textos {
        width: 70%;
    }

    .modal-personalizado-formulario {
        height: 517px;
        width: 1000px;
    }

    .body-formulario {
        background-position: right -350px top;
        background-size: 802px;
        height: 517px;
        width: 1000px;
    }

    .boton-rojo.btnsolicitar {
        height: 40px;
    }


    .formulario-contenedor-form .texto1 {
        font-size: 32px;
    }

    .formulario-contenedor-form .texto2 {
        font-size: 14px;
    }

    .formulario-contenedor-form .texto3 {
        font-size: 10px;
    }

    .logo-ne-formulario {
        width: 60px;
    }

    .body-ebook {
        background-position: left -100px top;
        background-size: 450px;
        height: 501px;
        width: 700px;
    }

    .modal-personalizado-ebook {
        height: 501px;
        width: 700px;
    }

    .ebook-texto-grande {
        font-size: 24px;
    }

    .ebook-texto-pequeno {
        font-size: 16px;
    }

    .contenedor-ebook-input {
        width: 60%;
    }
}


/* estilos personalizados para pantallas XXL */
@media (min-width: 1400px) and (max-width: 1599.98px) {
    /* body {
        border: 3px solid cornflowerblue;
    } */

    .post-it {
        aspect-ratio: 1/1;
        background-size: 95%;
        height: auto !important;
        width: 400px !important;
    }

    .post-it .post-it-textos div:first-child {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .post-it .post-it-textos div:last-child {
        font-size: 14px;
    }

    .catalogo-contenido .capa-hover span {
        font-size: 10px;
    }

    .body-formulario {
        background-position: right -600px top;
    }

    .modal-personalizado-formulario {
        height: 800px;
        width: 1300px;
    }

    .body-formulario {
        background-position: right -100px top;
        background-size: 802px;
        height: 800px;
        width: 1300px;
    }

    .formulario-contenedor-form {
        height: 800px;
    }

}