a{
    font-family: 'Montserrat', sans-serif;
}

body{
    font-family: 'Montserrat', sans-serif;
    line-height: 1.1;
}

a:hover{
    text-decoration: none;
}



/* 
------------------------------------------------------------------------
------------------------------NAV---------------------------------------
------------------------------------------------------------------------
*/
nav{
    width: 100%;
    height: 4.73684vw;
    
}

.nav-container{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 4.73684vw;
    position: fixed;
    background-color: white;
    z-index: 4;
}

.nav-logo{
    height: 4.73684vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-logo img{
    height: 90%;
}

.nav-logo-container{
    width: 30%;
}

.nav-txt-container{
    width: 70%;
    background-color: #253978;
}

.nav-txt{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-item{
    width: 10.52631vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.5s;
    font-size: 1.315789vw;
}

.nav-item:hover{
    background-color: white;
    color: #253978;
}

.checkbtn{
    display: none;
}

/* 
--------------------------------------------------------------------------------
---------------------------------BANNER-----------------------------------------
--------------------------------------------------------------------------------
*/

#banner{
    margin: 1.57894vw 0;
}

.banner-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.banner-txt-container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-img-container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-img img{
    width: 36.842105vw;
}

.banner-txt-img img{
    width: 26.31578vw;
}

.banner-txt{
    width: 35.26315vw;
}

.banner-txt h2{
    font-size: 2.10526vw;
}

/* DISTRIBUIDOR AUTORIZADO */

#distrib{
    height: auto;
    width: 100%;
    background-color: #eeeeee;
    padding: 1.65vw 1.15789vw;
}

.distrib-container{
    display: flex;
    justify-content: space-evenly;
}

.distrib-txt-container{
    width: 55%;
}

.distrib-img-container{
    width: 30%;
}

.distrib-img img{
    height: 5.263157vw;
}

.distrib-img-container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.distrib-txt-container h2{
    font-size: 2.36842vw;
    color: #1d3575;
    font-weight: 700;
}

.distrib-txt-container p{
    font-size: 1.57894vw;
    text-align: justify;
}


/* 
--------------------------------------------------------------------------
---------------------------------Nosotros---------------------------------
--------------------------------------------------------------------------
*/

#nosotros{
    width: 100%;
    height: auto;
    background-image: url('../imgs/FONDO.png');

    background-size: 100% 100%;

    padding: 1.57894vw;
}

.nosotros-title-img img{
    height: 5.263157vw;
}

.nosotros-title-img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.05263vw;
}

.nosotros-title-txt h2{
    text-align: center;
    color: white;
    font-size: 2.36842vw;
}

.nosotros-valores-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row: 1fr 1fr;
    margin-bottom: 1.05263vw;
}

.nosotros-valores{
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.210526vw;
}

.nosotros-valores p{
    margin: 0;
    width: 18.42105vw;
    display: flex;
    justify-content: center;
    border-bottom: 0.2631578vw solid white;
    font-size: 1.57894vw;
}

.nosotros-mv-container{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 1.57894vw;
}

.nosotros-mv{
    width: 40%;
    color: white;
}

.nosotros-mv p{
    font-size: 1.315789vw;
    text-align: justify;
}

.nosotros-mv h2{
    text-align: center;
    font-size: 2.89473vw;
}

.nosotros-redes{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.nosotros-redes h2{
    font-size: 2.36842vw;
    font-weight: 700;
}

.nosotros-redes .fa-brands{
    color: white;
}

.nosotros-redes .fa-brands:hover{
    opacity: 0.7;
}

/* 
-------------------------------------------------------------------------------------
------------------------------------En MCIB------------------------------------------
-------------------------------------------------------------------------------------
*/

#enMcib{
    width: 100%;
    height: auto;
    margin-top: 2.63157vw;
}

.enMcib-button-container{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 70%;
}

.enMcib-container-2{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.10526vw;
}

.enMcib-button-container .pbutton{
    width: 13.15789vw;
    height: 4.73684vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eeeeee;
    color: #253978;
    font-size: 1.315789vw;
    text-align: center;
    font-weight: 400;
    padding: 0.526315vw;
}

.enMcib-button-container .pbutton:hover{
    background-color: #043b7c;
    color: white;
}

.enMcib-container{
    margin-bottom: 3.68421vw;
}

.enMcib-txt{
    text-align: center;
}

.enMcib-txt h2{
    font-size: 3.15789vw;
    font-weight: 700;
    color: #253978;
}

.enMcib-txt p{
    font-size: 1.57894vw;
}

.enMcib-txt{
    width: 55%;
}

.enMcib-txt-container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.enMcib-image img{
    height: 21.05263vw;
}

.enMcib-image{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 
----------------------------------------------------------------------------------
-----------------------------------COMPRESORES------------------------------------
----------------------------------------------------------------------------------
*/

#compresores{
    width: 100%;
    height: auto;
    padding: 0 3.68421vw;
}

.compresores-container{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 2.10526vw;
}
.compresores-txt-container{
    width: 50%;
}

.compresores-img-container{
    width: 40%;
}

.compresores-txt h2{
    font-size: 2.89473vw;
    font-weight: 700;
    color: #253978;
    width: 55%;
}

.compresores-txt p{
    font-size: 1.57894vw;
    width: 90%;
}

.compresores-img{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 23.68421vw;
    height: 16.842105vw;
    background-color: #eeeeee;
    margin-bottom: 1.57894vw;
}

.compresores-img-container{
    width: 40%;
    /* padding-top: 1.05263vw; */
    height: 100%;
    /* display: flex; */
}

.compresores-container-2 .compresores-img-container{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.compresores-img img{
    position: relative;
    /* height: 360px; */
    max-height: 14.736842vw;
    width: 16.842105vw;
    z-index: 1;
}

.img-txt-container{
    position: absolute;
    width: 21.05263vw;
    height: 2.89473vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background-color: white;
    transform: translateY(230%);
    font-size: 1.315789vw;
    color: #253978;
    visibility: hidden;
}

.compresores-img:hover .img-txt-container{
    visibility: visible;
}

.compresores-container-2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

/* 
---------------------------------------------------------------------------------
--------------------------------Refacciones--------------------------------------
---------------------------------------------------------------------------------
*/


#refacciones{
    width: 100%;
    height: auto;
    padding: 1.57894vw 4.73684vw;
}

.refacciones-container{
    display: flex;
    justify-content: space-evenly;
}

.refacciones-txt-container{
    width: 45%;
}

.refacciones-img-container{
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.refacciones-txt h2{
    font-size: 2.36842vw;
    font-weight: 700;
    color: #253978;
    width: 40%;
}

.refacciones-txt p{
    font-size: 1.210526vw;
}

.refacciones-txt ul{
    margin-top: 1.57894vw;
    list-style-type: none;
    padding: 0;
    font-size: 1.210526vw;
    color: #1c3475;
}

.refacciones-img img{
    width: 26.31578vw;
}

/* 
---------------------------------------------------------------------------------------
----------------------------------MANTENIMIENTO----------------------------------------
---------------------------------------------------------------------------------------
*/

#mantenimiento{
    width: 100%;
    height: auto;
    padding: 1.57894vw 4.73684vw;
}

.mantenimiento-img img{
    width: 23.68421vw;
}

.mantenimiento-container{
    display: flex;
    justify-content: space-evenly;
}

.mantenimiento-txt h2{
    font-size: 2.36842vw;
    font-weight: 700;
    color: #253978;
    width: 80%;
    margin-bottom: 1.842105vw;
}

.mantenimiento-txt p{
    font-size: 1.210526vw;
    margin-bottom: 1.842105vw;
}

.mantenimiento-txt span{
    color: #253978;
    font-weight: 700;
}

.mantenimiento-txt-container{
    width: 45%;
}

.mantenimiento-img-container{
    width: 45%;
}

.mantenimiento-txt-container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.mantenimiento-txt{
    width: 80%;
}

.mantenimiento-img-container{
    display: flex;
    justify-content: center;
}

/* 
-----------------------------------------------------------------------------
-------------------------------FILTROS---------------------------------------
-----------------------------------------------------------------------------
*/

#filtros{
    width: 100%;
    height: auto;
    padding: 1.57894vw 3.15789vw;
}

.filtros-title-container h1{
    text-align: center;
    font-size: 2.36842vw;
    font-weight: 700;
    color: #253978;
}

.filtros-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.filtros-img-container{
    display: flex;
    justify-content: center;
    align-content: center;
}

.filtros-img{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 23.68421vw;
    height: 16.315789vw;
    background-color: #eeeeee;
    margin-bottom: 1.57894vw;
}

.filtros-img img{
    max-height: 14.21052vw;
}

.filtros-title-container{
    margin-bottom: 3.15789vw;
}

.filtro-img-txt-container{
    position: absolute;
    width: 21.05263vw;
    height: 2.10526vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background-color: white;
    transform: translateY(290%);
    font-size: 1.315789vw;
    color: #253978;
    visibility: hidden;
}

.filtros-img:hover .filtro-img-txt-container{
    visibility: visible;
}


/*
--------------------------------------------------------------------
------------------------DISTRIBUIDOR DE EQUIPOS---------------------
--------------------------------------------------------------------
*/

#distEq{
    width: 100%;
    height: auto;
    padding: 1.57894vw 4.73684vw;
}

.distEq-container{
    display: flex;
    justify-content: space-evenly;
}

.distEq-img-container img{
    height: 3.68421vw;
    margin-right: 1.57894vw;
    margin-bottom: 1.05263vw;
}

.distEq-img-2{
    display: flex;
    justify-content: center;
}

.distEq-img{
    display: flex;
    justify-content: center;
}

.distEq-txt h2{
    font-size: 2.63157vw;
    font-weight: 700;
    color: #253978;
}

.distEq-txt-container{
    width: 45%;
}

.distEq-img-container{
    width: 45%;
}


/* 
-------------------------------------------------------------------------
----------------------------------SOCIOS---------------------------------
-------------------------------------------------------------------------
*/

#socios{
    width: 100%;
    height: auto;
    padding: 0 2.63157vw;
    margin-bottom: 2.63157vw;
}

.socios-img-container img{
    height: 3.68421vw;
}

.socios-img-container{
    display: flex;
    justify-content: space-evenly;
}

.socios-title h2{
    font-size: 2.63157vw;
    font-weight: 700;
    color: #253978;
    text-align: center;
}

.socios-title{
    margin-bottom: 1.57894vw;
}

/* 
-------------------------------------------------------------------------------
-------------------------------GOOGLE MAPS-------------------------------------
-------------------------------------------------------------------------------
*/

#google-map{
    display: flex;
}

/* 
--------------------------------------------------------------------------------
-----------------------------------FOOTER---------------------------------------
--------------------------------------------------------------------------------
*/

footer{
    width: 100%;
    height: auto;
    background-color: #253976;
    color: white;
    padding: 2.10526vw 0;
}

.footer-container{
    display: flex;
    justify-content: space-evenly;
}

.footer-mcib img{
    height: 4.73684vw;
    margin-bottom: 0.789473vw;
}

.footer-mcib-container{
    width: 30%;
    display: flex;
    justify-content: center;
}

.footer-contacto-container{
    width: 30%;
    display: flex;
    justify-content: center;
}

.footer-enlaces-container{
    width: 30%;
    display: flex;
    justify-content: center;
}

.footer-mcib{
    width: 60%;
}

.footer-contacto{
    width: 60%;
}

.footer-diseñado{
    text-align: center;
}

.footer-contacto h2{
    font-size: 3.15789vw;
    font-weight: 700;
}

.footer-contacto span{
    text-decoration: underline;
    text-decoration-thickness: 0.3157894vw;
    text-underline-offset: 0.421052vw;
}

.footer-enlaces h2{
    font-size: 3.15789vw;
    font-weight: 700;
}

.footer-enlaces span{
    text-decoration: underline;
    text-decoration-thickness: 0.3157894vw;
    text-underline-offset: 0.421052vw;
}

.footer-enlaces ul{
    list-style: none;
    padding: 0;
}

.footer-enlaces li{
    margin-top: 0.2631578vw;
    font-size: 1.315789vw;
}

.footer-enlaces a:hover{
    opacity: 0.7;
}

.footer-enlaces a{
    color: white;
}

.sucursal2{
    margin-top: 1.05263vw;
}

.footer-contacto a{
    color: white;
}

.footer-contacto a:hover{
    opacity: 0.7;
}

/* 
-------------------------------------------------------------------------------
--------------------------------RESPONSIVE-------------------------------------
-------------------------------------------------------------------------------
*/

@media (max-width: 768px){
    /* NAV */
    nav{
        height: 12.36979vw;
    }

    .checkbtn{
        display: block;
        height: 100%;
        margin: 0;
    }

    .nav-logo-container{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 2.604166vw 5.208333vw;
    }

    .nav-container{
        display: block;
        height: 12.36979vw;
    }

    .nav-txt-container{
        width: 100%;
        height: 100vh;
        position: absolute;
        left: -100%;
        transition: all 0.5s;
    }

    .nav-txt{
        display: flex;
        flex-direction: column;
        justify-content: initial;
    }

    .nav-item{
        height: 9.1145833vw;
    }

    #check:checked ~ .nav-txt-container{
        left: 0;
    }

    .nav-logo{
        height: fit-content;
    }

    .nav-logo img{
        height: 7.1614583vw;
    }

    nav .fa-bars{
        font-size: 4.5572916vw;
    }

    .nav-item{
        width: 100%;
        font-size: 5.208333vw;
        height: 14.322916vw;
    }

    .nav-item:active{
        background-color: white;
        color: #043b7c;
    }

    /* banner */

    .banner-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .banner-txt{
        width: fit-content;
    }

    .banner-txt-img img{
        width: 39.0625vw;
    }

    .banner-txt h2{
        font-size: 5.208333vw;
    }

    .banner-img img{
        width: 49.479166vw;
    }


    /* distrib */

    .distrib-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .distrib-txt-container h2{
        font-size: 5.208333vw;
    }

    .distrib-txt-container p{
        font-size: 3.2552083vw;
    }

    .distrib-txt-container{
        width: 70%;
    }

    .distrib-img img{
        height: 9.1145833vw;
    }


    /* NOSOTROS */

    .nosotros-valores-container{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    .nosotros-valores{
        height: 7.1614583vw;
    }

    .nosotros-valores p{
        font-size: 3.2552083vw;
        width: auto;
    }

    .nosotros-mv-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .nosotros-mv{
        width: 80%;
    }

    .nosotros-mv h2{
        font-size: 3.90625vw;
    }

    .nosotros-mv p{
        font-size: 2.604166vw;
    }

    .nosotros-title-txt h2{
        font-size: 4.5572916vw;
    }

    .nosotros-title-txt{
        margin-bottom: 2.604166vw;
    }

    .nosotros-title-img img{
        height: 7.8125vw;
    }

    .nosotros-redes h2{
        font-size: 3.90625vw;
    }

    /* EN MCIB */

    .enMcib-button-container .pbutton{
        width: 20.83333vw;
        height: 6.510416vw;
        font-size: 2.604166vw;
    }

    .enMcib-button-container{
        width: 95%;
    }

    .enMcib-txt h2{
        font-size: 5.859375vw;
    }

    .enMcib-txt p{
        font-size: 2.604166vw;
    }

    .enMcib-image img{
        height: 26.04166vw;
    }

    /* COMPRESORES */

    .compresores-txt-container{
        width: 60%;
    }

    .img-txt-container{
        visibility: visible;
    }

    .compresores-img{
        width: 31.25vw;
        height: 26.04166vw;
    }

    .compresores-img img{
        max-height: 24.73958vw;
        width: 22.1354166vw;
    }

    .img-txt-container{
        height: 4.5572916vw;
        width: 24.73958vw;
        font-size: 1.953125vw;
        transform: translateY(200%);
    }

    .compresores-txt h2{
        font-size: 3.90625vw;
    }

    .compresores-txt p{
        font-size: 2.083333vw;
    }

    .compresores-container-2{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    #compresores{
        padding: 0 4.5572916vw;
    }

    /* refacciones */

    .refacciones-container{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .refacciones-txt-container{
        width: 80%;
    }

    .refacciones-img-container{
        width: 80%;
    }

    .refacciones-txt h2{
        width: 100%;
        text-align: center;
        font-size: 3.2552083vw;
    }

    .refacciones-txt p, .refacciones-txt ul{
        font-size: 1.953125vw;
    }

    .refacciones-txt p{
        text-align: justify;
    }

    .refacciones-img img{
        width: 52.08333vw;
    }
    /* mantenimiento */

    .mantenimiento-container{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .mantenimiento-txt-container{
        width: 80%;
    }

    .mantenimiento-txt{
        width: 100%;
    }

    .mantenimiento-txt h2{
        width: 100%;
        font-size: 3.2552083vw;
        text-align: center;
    }

    .mantenimiento-txt p{
        font-size: 1.953125vw;
    }

    .mantenimiento-img img{
        width: 32.55208vw;
    }

    /* FILTROS */

    .filtros-title-container h1{
        font-size: 3.2552083vw;
    }

    .filtros-container{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    .filtros-img{
        width: 31.25vw;
        height: 26.04166vw;
    }

    .filtros-img img{
        max-height: 24.73958vw;
        width: 22.1354166vw;
    }

    .filtro-img-txt-container{
        visibility: visible;

        height: 4.5572916vw;
        width: 24.73958vw;
        font-size: 1.953125vw;
        transform: translateY(200%);
    }


    /* DISTRIBUIDORES DE EQUIPOS */

    .distEq-txt h2{
        font-size: 3.90625vw;
    }

    .distEq-img img, .distEq-img-2 img{
        height: 5.208333vw;
    }


    /* SOCIOS COMERCIALES */

    .socios-title h2{
        font-size: 4.5572916vw;
    }

    .socios-img-container img{
        height: 5.859375vw;
    }

    .socios-img-container{
        flex-wrap: wrap;
    }

    .socios-img-container > img{
        flex: 1 1 1;
    }



    /* FOOTER */

    .footer-enlaces li{
        font-size: 2.604166vw;
        margin-bottom: 1.953125vw;
    }
}

@media (max-width: 425px){
    .enMcib-button-container{
        flex-wrap: wrap;
    }

    .enMcib-button-container .pbutton{
        width: 40%;
        height: 16.47058vw;
        margin-bottom: 4.705882vw;
        font-size: 3.529411vw;
    }

    .enMcib-button-container > span{
        flex: 1 1 1 1;
    }

    .enMcib-txt{
        width: 80%;
    }

    .enMcib-txt p{
        font-size: 2.823529vw;
    }

    .compresores-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0;
    }

    .compresores-container h2, .compresores-container p{
        width: 100%;
    }

    .compresores-img-container{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .compresores-container h2{
        font-size: 5.88235vw;
    }

    .compresores-container p{
        font-size: 2.823529vw;
    }

    .compresores-txt-container{
        width: 80%;
    }

    .compresores-img{
        width: 40vw;
        height: 31.7647058vw;
        margin-bottom: 4.705882vw;
    }

    .compresores-img img{
        width: 28.235294vw;
    }

    .img-txt-container{
        width: 30.58823vw;
        height: 5.88235vw;
        font-size: 2.823529vw;
        text-align: center;
    }

    .refacciones-txt h2{
        font-size: 5.88235vw;
    }

    .refacciones-txt p, .refacciones-txt ul{
        font-size: 2.823529vw;
    }

    .mantenimiento-txt h2{
        font-size: 4.2352941vw;
    }

    .mantenimiento-txt p{
        font-size: 2.823529vw;
        text-align: justify;
    }

    .filtros-title-container h1{
        font-size: 4.2352941vw;
    }

    .filtros-img{
        width: 40vw;
        height: 31.7647058vw;
        margin-bottom: 4.705882vw;
    }

    .filtro-img-txt-container{
        width: 30.58823vw;
        height: 5.88235vw;
        font-size: 2.823529vw;
        text-align: center;
    }

    .distEq-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .distEq-txt-container{
        width: 100%;
    }

    .distEq-img-container{
        width: 100%;
    }

    .distEq-txt h2{
        font-size: 5.88235vw;
        text-align: center;
    }

    .distEq-img img, .distEq-img-2 img{
        height: 10.58823vw;
    }

    .socios-title h2{
        font-size: 5.88235vw;
    }

    .socios-img-container img{
        height: 8.23529vw;
    }

    .footer-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footer-mcib-container{
        width: 100%;
    }

    .footer-contacto-container{
        width: 100%;
    }

    .footer-enlaces-container{
        width: 100%;
    }

    .footer-mcib{
        width: 80%;
    }

    .footer-mcib img{
        height: 9.411764vw;
    }

    .footer-mcib p{
        text-align: justify;
    }

    .footer-enlaces{
        width: 80%;
    }

    .footer-contacto{
        width: 80%;
    }

    .footer-contacto h2{
        font-size: 5.88235vw;
    }

    .footer-enlaces h2{
        font-size: 5.88235vw;
    }

    .footer-enlaces li{
        font-size: 4.705882vw;
    }

    .footer-diseñado h2{
        font-size: 5.88235vw;
    }
}