.block-contacto h1,
.block-contacto h2{
font-size: 70px;
font-family: var(--fuente-bold);
text-transform: none;
}
.block-contacto .control-first-contact{
display: flex;
gap:100px;
margin-bottom: 120px;
}
.block-contacto .control-first-contact > *{
width: 100%;
}
.block-contacto .control-first-contact .left-contact p.title{
color: var(--color-blue); font-family: var(--fuente-bold);
font-size: 22px;
}
.block-contacto .control-first-contact .left-contact p.name,
.block-contacto .control-first-contact .left-contact p.phone,
.block-contacto .control-first-contact .left-contact p.fax,
.block-contacto .control-first-contact .left-contact p.email{
margin: 0;
}
.block-contacto .control-first-contact .left-contact p.phone a,
.block-contacto .control-first-contact .left-contact p.fax a,
.block-contacto .control-first-contact .left-contact p.email a{
text-decoration: none;
color: #000;
}
.block-contacto .control-first-contact .left-contact .horarios{
margin-top: 80px;
}
.block-contacto .control-first-contact .left-contact .horarios .horario-control p{
margin: 0;
}
.block-contacto .control-first-contact .left-contact .horarios .horario-control p b{
font-family: var(--fuente-bold);
}
.block-contacto .control-first-contact .right-contact .form-control{
padding: 75px 110px 50px 110px;
background-color: #DFDFDF;
}
.block-contacto .control-first-contact .right-contact .form-grid{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 20px;
grid-column-gap: 20px;
}
.block-contacto .control-first-contact .right-contact .form-grid .field-1{
grid-column: 1 / -1;
}
.block-contacto .control-first-contact .right-contact .form-grid input,
.block-contacto .control-first-contact .right-contact .form-grid textarea,
.block-contacto .control-first-contact .right-contact .form-grid select{
font-size: 16px;
}
.block-contacto .control-first-contact .right-contact .form-grid ::placeholder{
font-size: 16px;
}
.block-contacto .control-first-contact .right-contact .form-grid p{
margin: 0;
}
.wpcf7-not-valid-tip{
display: block;
font-size: 14px;
margin-top: 3px;
}
.wpcf7-list-item{
margin: 0;
}
.wpcf7-list-item-label{
font-size: 15px;
}
.wpcf7-list-item-label a{
color: #000;
}
.block-contacto .control-first-contact .right-contact .form-grid input[type="submit"]{
display: block;
background-color: var(--color-orange);
color: white; width: 100%;
font-family: var(--fuente-bold);
}
.block-contacto .control-second-contact .control-type-list{
display: flex;
gap:40px;
margin-bottom: 120px;
}
.block-contacto .control-second-contact .control-type-list > *{
padding-top: 70px;
}
.block-contacto .control-second-contact .control-type-list .control-list{
width: 100%;
}
.block-contacto .control-second-contact .control-type-list .control-type{
border-right: 1px solid black;
width:370px;
flex-shrink: 0;
padding-right: 40px;
}
.block-contacto .control-second-contact .control-type-list .control-type li{
border-top:1px solid #D8D8D8;
}
.block-contacto .control-second-contact .control-type-list .control-type li:last-child{
border-bottom:1px solid #D8D8D8;
}
.block-contacto .control-second-contact .control-type-list .control-type label{
padding: 5px 0;
font-size: 17px;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--color-blue);
}
.block-contacto .control-second-contact .control-type-list .control-type label:after{
content: '\f105';
font: var(--fa-font-solid);
}
.block-contacto .control-second-contact .control-type-list .control-type label:hover{
cursor: pointer;
}
.block-contacto .control-second-contact .general-contact-info h3{
color: var(--color-blue);
font-size: 52px;
margin-bottom: 30px;
}
.block-contacto .control-second-contact .general-contact-info .mapa{
max-width: 650px;
margin-bottom: 50px;
}
.block-contacto .control-second-contact .general-contact-info .list-zonas{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.block-contacto .general-contact-info .list-zonas .zona-single{
background-color: #EFEFEF;
}
.block-contacto .general-contact-info .list-zonas .zona-single .zona-lugar{
border-bottom: 1px solid #D8D8D8;
padding: 25px;
}
.block-contacto .general-contact-info .list-zonas .zona-single .zona-lugar .zona p{
margin: 0;
padding: 7px 13px; font-size: 15px;
display: inline-block;
font-family: var(--fuente-bold);
}
.block-contacto .general-contact-info .list-zonas .zona-single .zona-lugar .lugar p{
font-size: 13px;
margin-bottom: 0;
margin-top: 10px;
}
.block-contacto .general-contact-info .list-zonas .zona-single .person-data{
padding: 25px;
}
.block-contacto .general-contact-info .list-zonas .zona-single .person-data .name-surname{
font-size: 26px;
font-family: var(--fuente-bold);
}
.block-contacto .general-contact-info .list-zonas .zona-single .data-contact a{
font-size: 16px;
color: #000;
text-decoration: none;
display: flex;
gap:10px;
align-items: center;
}
.block-contacto .general-contact-info .list-zonas .zona-single .data-contact a.phone:before{
font: var(--fa-font-solid);
content: '\f095';
color: #AAAAAA;
}
.block-contacto .general-contact-info .list-zonas .zona-single .data-contact a.email:before{
font: var(--fa-font-solid);
content: '\f0e0';
color: #AAAAAA;
}
.block-contacto .general-contact-info{
display: none;
}
@media only screen and (max-width:1500px) {
.block-contacto .control-second-contact .general-contact-info .list-zonas{
grid-template-columns: repeat(2, 1fr);
}
.block-contacto .control-second-contact .general-contact-info .mapa{
max-width: 550px;
}
.block-contacto h1, .block-contacto h2{
font-size: 50px;
}
.block-contacto .control-second-contact .general-contact-info h3{
font-size: 40px;
}
.block-contacto .control-first-contact .right-contact .form-control{
padding: 50px;
}
}
@media only screen and (max-width:1200px) {
.block-contacto .control-second-contact .control-type-list .control-type{
width: 270px;
}
}
@media only screen and (max-width:991px) {
.block-contacto .control-second-contact .control-type-list{
flex-direction: column;
}
.block-contacto .control-second-contact .control-type-list > *{
padding-top: 0;
}
.block-contacto .control-second-contact .control-type-list .control-type{
width: 100%;
border-right: 0;
}
.block-contacto .control-first-contact{
gap:10px;
}
}
@media only screen and (max-width:767px) {
.block-contacto .control-first-contact{
flex-direction: column;
gap:40px;
}
.block-contacto h1, .block-contacto h2{
font-size: 40px;
}
.block-contacto .control-second-contact .general-contact-info h3{
font-size: 30px;
}
.block-contacto .general-contact-info .list-zonas .zona-single .person-data .name-surname{
font-size: 22px;
}
}
@media only screen and (max-width:575px) {
.block-contacto .control-second-contact .general-contact-info .list-zonas{
grid-template-columns: repeat(1, 1fr);
}
} .zona-single {
margin: 0;
padding: 0;
overflow: hidden; background-color: #f1f1f1; }
.zona-lugar {
margin: 0;
padding: 0;
text-align: center;
background-color: #f1f1f1; }
.zona {
margin: 0;
padding: 0;
position: relative;
}
.zona-color {
height: 15px;
width: 100%;
margin: 0;
padding: 0;
background-color: #000; }
.zona-nombre {
font-size: 14px;
margin: 5px 0 0 0;
padding: 5px 0 0 0;
background: none;
position: relative;
}