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

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

    body{
        font-size: 11px;
    }

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

    button:hover{
        transform: none;
        cursor: none;
        box-shadow: none;
    }

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

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

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

    .menu{
        width: 70%;
        margin: 5px;
    }

    a.opcionesMenu{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        width: 27%;
        height: var(--anchoTotal);
    }

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

    /*sección vertical WHATSAPP CHAT*/
    .whatsappChat{
        height: 5em;
        width: 5em;
        bottom: 9.5em;
        right: 3em;
    }

    .iconWhatsapp{
        height: auto;
        width: auto;
    }

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

    .marquesinaCel{
        background: var(--azulRey);
        font-family: var(--tipoSecundaria);
        font-size: 1.2em;
        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);
    }

    /*SECCIÓN FORMULARIO*/
    .homeForm{
        padding: var(--paddingMovil);
        height: auto;
        width: var(--anchoTotal);
        gap: 15px;
        flex-direction: column;
    }

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

    .titulosForm{
        margin: 5px 0 1em 0;
        width: var(--anchoTotal);
        letter-spacing: 2px;
        text-align: center;
        font-size: var(--subtitulos);
    }

    .formulario{
        height: auto;
        gap: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .quienSos{
        flex-direction: column;
        width: var(--anchoTotal);
    }

    .celdaNombre{
        height: 30px;
        width: var(--anchoTotal);
    }

    .celdaServicios{
        height: 30px;
        width: var(--anchoTotal);
    }

    .celdaEmail{
        height: 30px;
        width: var(--anchoTotal);
    }

    .textarea{
        width: var(--anchoTotal);
    }

    .formularioBtn{
        height: 40px;
        margin: 1em;
    }

    /*SECCIÓN MAPA*/
    .imgMapa{
        padding: var(--paddingMovil);
        width: var(--anchoTotal);
        height: auto;
        gap: 1em;
        margin-bottom: 50px;
    }

    .mapa{
        height: 20em;
    }

    .textoMapa{
        display: flex;
        justify-content: center;
        text-align: center;
        height: var(--anchoTotal);
        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;
    }

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

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

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