.nuestro-equipo-banner{
    background: url('/images/banner_nuestro_equipo.webp') no-repeat;
    width: 100%;
    height: 500px;
    background-size: cover;
    display: flex;
    align-items: end;
    justify-content: center;
}

.text-banner{
    color: #004996;
    /*margin-left: 48%;*/
}
#areas_container {
    background-color: #e9f1f7;
    width: 100%;
    padding: 30px 30px 20px;
}
.title_areas{
    color: #004996;
}
.diagrama_areas_container{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    flex-wrap: wrap;
    padding-top: 20px;
}
.diagrama_areas_container img{
    max-width: 350px;
}
.form_contacto{
    max-width: 737px;
    margin: auto;
    background: #004996;
    padding: 50px 60px 20px;
    border-radius: 20px;
}

::placeholder {
    color: #636363;
    opacity: 1;
    font-size: 1.2rem;
    text-align: center;
}
.form_section{
    text-align: center;
    padding-top: 25px;
}
.form_section .home_descriptions{
    padding: 5px 0 15px 0;
}
.form_contacto input[type="text"]{
    height: 40px;
    border-radius: 20px;
    border: none;
    width: 86%;
    z-index: 2;
    position: relative;
    padding: 0 15px;
}
.form_contacto textarea{
    width: 86%;
    z-index: 2;
    position: relative;
    outline: solid 2px white;
    height: 243px;
    border-radius: 20px;
    border: none;
    padding: 5px 15px;
}
.label_contacto{
    background-color: #29235c;
}
.label_email{
    background-color: #b2cf73;
}
.label_telefono{
    background-color: #6799cb;
}
.label_empresa{
    background-color: #f1bb49;
}
.label_comentario{
    background-color: #8fd1d3;
    height: 245px !important;
}
.label_form{
    width: 24%;
    height: 40px;
    position: absolute;
    border-radius: 20px;
    left: 0;
}
.label_enviar{
    background-color: white;
    width: 26%;
    height: 40px;
    position: absolute;
    border-radius: 20px;
    transform: translateX(-47px);
    left: auto;
}
.icon_form{
    max-height: 32px;
    position: relative;
    display: block;
    margin-top: 4px;
    margin-left: 13px;
}
.input_form{
    text-align: right;
    float: right;
}
.form-group{
    position: relative;
    text-align: right;
    padding: 0 0 10px;
}

.group_text_area{
    padding: 0;
}
.btn_submit{
    background-color: #db3210;
    border: none;
    color: white;
    border-radius: 20px;
    height: 40px;
    padding: 0 35px;
    position: relative;
}
.form_group_submit{
    text-align: center;
    padding-top: 20px;
    padding-left: 30px;
}
.btn_submit:hover{
    background-color: orangered;
}
.btn_submit:active{
    background-color: #db3210;
}
.nuestro-equipo-banner .text-banner{
    background-color: white;
    padding: 80px 72px 0 60px;
}
.nuestro-equipo-banner{
    position: relative;
}
.nuestro-equipo-banner .text-banner{
    position: absolute;
    right: 0;
}
.error{
    text-align: center;
}
#fila1_areas{
    transform: translateY(25px);
}
#fila3_areas{
    transform: translateY(-25px);
}
#area1_movil{
    display: none;
}
@media screen and (max-width:1400px){
    .nuestro-equipo-banner .text-banner{
	padding: 50px 231px 0 63px;
    }

}
@media (max-width: 1260px){
    .diagrama_areas_container img{
	max-width: 300px;
    }
}
@media (max-width: 1024px){
    #area1_movil{
	display: block;
    }
    #area1_web{
	display: none;
    }
    #fila1_areas, #fila3_areas{
	transform: none;
    }
    .diagrama_areas_container img {
	margin: auto auto 20px auto;
	max-width: 350px;
    }
    #area1_movil{
	margin-bottom: 0;
    }
}
@media screen and (max-width:700px){
    .nuestro-equipo-banner{
	justify-content: center;
    }
    .nuestro-equipo-banner .text-banner{
	background-color: transparent;
	color: white;
	padding: 0;
	position: relative;
	margin-bottom: 80px;
	margin-left: -23%;
    }
}

@media screen and (max-width:450px){
    .form_contacto{
	padding: 50px 30px 20px;
    }
}
@media screen and (max-width:400px){
    .form_contacto{
	padding: 50px 10px 20px;
    }
}