@media only screen and (max-device-width: 425px){
    *{
        padding: 0;
        margin: 0;
        scroll-behavior: smooth;
        box-sizing: border-box;
    }

    :root{
        --paddingMovil: 0 0.6em 0 0.6em;
    }

    body{
        font-size: 0.75em;
        background: white;
    }

    button{ 
        background: var(--Rojo);
    }

    button:hover{
        background-color: var(--azulRey);
        color: white;
        transform: none;
        cursor: none;
        box-shadow: none;
    }

    /*MENU*/
    .barraMenus{
        height: auto;
        width: var(--anchoTotal);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logoModular{
        width: var(--anchoTotal);
        height: 70px;
    }

    .menuModular{
        background: white;
        padding: var(--paddingMovil);
        width: var(--anchoTotal);
        height: var(--anchoTotal);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .menu{
        width: var(--anchoTotal);
        display: flex;
        justify-content: space-evenly;
        margin: 5px;
    }

    a.opcionesMenu{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        width: auto;
        font-size: 0.75em;
        height: var(--anchoTotal);
    }

    button.modoOscuro{
        width: 1.1rem;
        height: 1.1rem;
        border-radius: 4px;
        box-shadow: none;
    }

    body.darkMode section.inicioHome{
        background: #2e2e2e;
    }

    /*HOME*/
    .inicioHome{
        padding: 200px 0.6em 0 0.6em;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: white;
        width: var(--anchoTotal);
    }

    .textosInicio{
        padding: var(--paddingMovil);
        height: 18rem;
        font-size: 0.75em;
    }

    .tituloCentral{
        font-size: var(--titulos);
        margin-bottom: 1em;
        font-weight: 700;
        letter-spacing: 2px;
        color: var(--Rojo);
        font-family: var(--tipoPrincipal);
    }

    .subtituloCentral{
        letter-spacing: 1px;
    }

    .ctaCentral{
        height: 70px;
        margin: 15px 0 70px 0;
        padding: var(--paddingMovil);
    }

    /*sección vertical WHATSAPP CHAT*/
    .whatsappChat{
        height: 4.4em;
        width: 4.4em;
        bottom: 9em;
        right: 3.8em;
    }

    .iconWhatsapp{
        height: 4.4em;
        width: 4.4em;
    }

    /*MARQUESINA*/
    .marquesina{
        display: none;
    }

    /*MARQUESINA CEL*/
    .marquesinaCel{
        background: var(--azulRey);
        font-family: var(--tipoSecundaria);
        font-size: 1em;
        letter-spacing: 1.5px;
        width: var(--anchoTotal);
        font-weight: 700;
        height: 80px;
        color: white;
        display: flex;
        align-items: center;
        text-align: center;
        margin: none;
        padding: none;
    }

    .titulos{
        padding: 0.7em 0 0.2em 0;
        margin: 0.5em 0 0.1em 0;
        letter-spacing: 4px;
        font-weight: 700;
        width: var(--anchoTotal);
        height: auto;
        text-align: center;
        color: var(--Rojo);
        font-size: var(--titulos);
        font-family: var(--tipoPrincipal);
    }

    /*SERVICIOS*/
    .servicios{
        display: none;
    }

    /*SERVICIOS CEL*/
    .serviciosCel{
        display: block;
        height: auto;
        width: var(--anchoTotal);
        background: #F0F0F0;
    }

    body.darkMode .serviciosCel{
        background: #3b3b3b;
    }

    .tituloServicioCel{
        border: white solid 2px;
        padding: 0.7em 0 0 0;
        margin-top: 0.9em;
        letter-spacing: 3px;
        font-weight: 700;
        font-size: 0.75em;
        width: var(--anchoTotal);
        height: auto;
        text-align: center;
        color: var(--azulRey);
        font-size: var(--subtitulos);
        font-family: var(--tipoPrincipal);
    }

    .copyServicioCel{
        padding: 0.7em 0.7em 0.7em 0.7em;
        margin-bottom: 0.5em;
        background: white;
        width: var(--anchoTotal);
        height: auto;
        text-align: center;
        letter-spacing: 1px;
        color: var(--azulRey);
        font-weight: 500;
        font-size: 12px;
        font-family: var(--tipoSecundaria);
    }

    body.darkMode .tituloServicioCel{
        border: #202020 solid 2px;
        color: white;
    }

    body.darkMode .copyServicioCel{
        color: #F0F0F0;
        background: #202020;
    }

    .carruselImg{
        background: #202020;
        width: var(--anchoTotal);
        height: 133px;
        display: flex;
        flex-direction: row;
        overflow: hidden;
        mix-blend-mode: normal;
        overflow-x: unset;
        border-radius: 0;
    }

    .servicioImg{
        display: flex;
        object-fit: cover;
        align-items: center;
    }

    .servicioImg img{
        width: 133px;
        height: 133px;
        margin: 3px;
        object-fit: fill;
        overflow: hidden;
    }

    .Portafolio{
        color: var(--Rojo);
        font-size: 1rem;
        margin: 10px 0 40px 0;
        font-weight: 600;
        font-family: var(--tipoSecundaria);
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: underline;
    }

    /*MODO AMPLIADO DE LA IMAGEN*/
    .downloadIcon{
        height: 0.7rem;
        width: auto;
        margin: 0.7rem;
    }

    /*CLIENTES*/
    .clientesyresultados{
        display: flex;
        padding: var(--paddingMovil);
    }

    /*RESULTADOS*/
    .resultados{
        flex-wrap: wrap;
        width: var(--anchoTotal);
    }

    .datos{
        height: 6.3em;
        width: 25em;
    }

    .valor{
        font-size: var(--titulos);
        margin-bottom: 0.1em;
    }

    .copyValor{
        transition: none;
    }

    /*TESTIMONIOS*/
    .testimonios{
        margin: 1em;
        height: auto;
        width: var(--anchoTotal);
        gap: 1.5em;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .persona{
        border-radius: 1.5em;
        padding: 0.6em;
        width: 80%;
        height: auto;
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        justify-content: start;
    }

    .fotoPersona{
        height: 9em;
        width: 9em;
    }

    .nombre{
        font-size: 15px;
        height: var(--anchoTotal);
        color: var(--Rojo);
        font-size: var(--subtitulos);
    }

    .cita{
        color: var(--azulRey);
        font-size: 13px;
        height: auto;
        width: 80%;
    }

    /*MENSAJE FINAL*/
    .mensaje{ 
        width: var(--anchoTotal);
        height: auto;
        margin: 2em;
        text-align: center;
    }

    .incentivo{
        font-size: var(--titulos);
        letter-spacing: 2px;
        width: 85%;
        transition: none;
    }

    .ctaIniciar{
        padding: var(--paddingMovil);
        height: 2em;
        width: auto;
        margin-top: 1em;
        text-align: center;
    }

    /*NOSOTROS*/
    .nosotros{
        padding: 5px;
    }

    .cajaNosotros{
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: var(--anchoTotal);
        height: auto;
        gap: 10px;
    }

    .imgNosotros{
        height: auto;
        width: var(--anchoTotal);
        object-fit: fill;
    }

    .copyNosotros{
        margin: 15px;
        display: flex;
        height: auto;
        align-items: center;
        font-size: var(--subtitulos);
        width: var(--anchoTotal);
    }

    /*FOOTER*/
    .piePagina{
        padding: 5px;
        width: var(--anchoTotal);
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

    .informaciónFotter{
        padding: 10px;
        height: 430px;
        gap: 25px;
        width: var(--anchoTotal);
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
    }

    .logoFotter{
        width: auto;
        height: 12em;
    }

    .datosfooter{
        display: flex;
        align-items: start;
        justify-content: space-around;
    }

    .copysFooter p{
        padding-left: 25px;
        text-align: start;
        margin-top: 7px;
        font-size: 14px;
    }

    .redes{
        display: flex;
        align-items: start;
        justify-content: space-between;
        margin: 25px;
        height: auto;
        width: 63%;
    }

    .btnRedes{
        border-radius: 12px;
        height: 3em;
        width: 3em;
    }

    .imgRS{
        height: 2.6em;
        width: 2.6em;
    }

    .lineaFinal{
        background: white;
        height: 1px;
        width: var(--anchoTotal);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .copyDespedida{
        text-align: center;
        padding: 1rem 2rem 0 2rem;
        width: var(--anchoTotal);
    }
}