.caja-contacto{
    width: 100%;
    background: #cecece;
    display: flex;
    flex-direction: row;
    justify-content: center;
    
    margin-top: 0px;
}

.margen-caja-contacto{
    width: 94%;
    display: flex;
    flex-direction: row;
    margin-top: 25px;
}

/*=== Formulario ===*/
.caja-formulario{
    width: 50%;
}

.caja-formulario form{
    width: 97%;
    display: flex;
    flex-direction: column;
}

.contacto-texto{
    display: flex;
    height: 40px;
    font-size: 40px;
    font-weight: bolder;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 15px;
}

.form-gral{
    height: 30px;
    margin-bottom: 15px;
    font-size: 14px;
}

.formulario-mensaje{
    height: 170px;
    margin-bottom: 15px;
    font-size: 14px;
}

.formulario-boton-susc{
    display: flex;
    justify-content: flex-end;
    height: 30px;
}

.boton-formulario{
    font-size: 16px;
    width: 120px;
    
}
    
/*================
Termina Formulario
================*/

/*=== Mapa ===*/
.caja-mapa{
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.margen-caja-mapa{
    width: 97%;
    margin-bottom: 30px;
}

/**/

.texto-datos-contacto{
    width: 100%;
    height: 20px;
    
    display: flex;
    align-items: center;
    
    font-size: 14px;
    font-weight: bolder;
    
    margin-bottom: 8px;
}

.mapa{
    width: 100%;
    height: 350px;
}

.mapa iframe{
    width: 100%;
    height: 100%;
}