@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,200;0,500;0,700;0,800;1,400;1,500&display=swap');

/*primer sectionContact */
.encbzdo {
    width: 100%;
    height: auto;
    margin-top: 63px;
}

.encabezado1-1 {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.sectionContact {
    margin: auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Kanit', sans-serif; 
}

.contacto1 {
    width: 58%; /*65%*/
    text-align: center;
    align-items: center;
}

.horAtencion {
    margin: 0;
    font-size: 28px; 
    text-transform: uppercase;
    font-weight: bolder;
}

/* Segundo sectionContact */
.sectionContact1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto;
}

.divContact1 {
    border-radius: 20px;
    background-color: #021e4c;
    text-align: center;
    color: white;
    width: 40%;
    /* margin: auto; */
    text-transform: uppercase;
    margin: 10px auto;
}

.divContact1:hover {
    filter: drop-shadow(3px  7px 7px #15253E); 
    text-shadow: 0 0 3px #ffffff6e;
}

.titdivContact1{
    font-size: 25px; 
}

.titPhone{
    margin: 5px;
    display: flex;
    justify-content: center;
}
.titPhoneSub{
    /* font-size: 18px; */
    text-align: center;
    align-items: center;
}

.whatPhone{
    margin: 5px;
}

.btnWsp {
    text-decoration: none;
}

/* iconos */
.icon {
    text-decoration: none;
    color: aliceblue;
    font-size: 20px;
}

.num {
    text-decoration: none;
    color: aliceblue;
    font-size: 20px;
    /* font-size: 16px; */
}

.img_btnWht {
    width: 25px;
}

.telephoneSvg{
    width: 25px;
}

/* inicio de ubicación */
/***************************** Inicio de prueba vertical ***********************/
/* Inicio de ubicación*/

.contacto2 {
    width: 38%;
    text-align: center;
}

.titContact {
    font-size: 25px;
    text-transform: uppercase;
    display: none;
}

.ubicacion {
    border-radius: 15px;
    filter: drop-shadow(3px 3px 3px  #15253E);
    width: 80%;
    height: 430px;
}

.ubicacion:hover {
    filter: drop-shadow(10px 10px 10px #15253E);
}


@media only screen and (min-width:300px) and (max-width:780px){

    .encbzdo{
        width: 100%;
        height: auto;
    }
    
    .sectionContact{
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 2px;
    }

    .contacto1{
        width: 95%;
    }

    .horAtencion{
        font-size: 14px;
    }

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

    .divContact1{
        width: 80%;
        margin: 5px auto;
    }

    .titdivContact1{
        font-size: 13px;
        margin: 5px auto;
    }

    .titPhone{
        font-size: 12px;
    }

    .img_btnWht {
        width: 20px;
        height: 20px;
    }
    
    .telephoneSvg{
        width: 20px;
        height: 20px;
    }

    .contacto2{
        width: 95%;
        margin: auto;
    }

    .ubicacion{
        width: 90%;
        height: 300px;
    }

}

@media only screen and (min-width:781px) and (max-width:1300px){
    .divContact1{
        width: 45%;
    }
    .horAtencion{
        font-size: 18px;
    }

    .titdivContact1{
        font-size: 15px;
    }
    
    .titPhone{
        font-size: 15px;
        text-align: center;
    }

    .telephoneSvg{
        width: 20px;
        height: 20px;
    }

    .ubicacion{
        height: 350px;
    }
    
}