/*==========================================

CONTACTO

==========================================*/

.contacto-premium{

padding:140px 0;

background:#f7f8fb;

}

.contacto-box{

background:white;

border-radius:28px;

overflow:hidden;

box-shadow:0 30px 70px rgba(0,0,0,.08);

}

.contacto-info{

background:linear-gradient(135deg,#10224d,#1b3167);

height:100%;

padding:70px 50px;

color:white;

}

.contacto-info h2{

font-size:56px;

color:white;

margin:30px 0;

}

.contacto-info p{

color:rgba(255,255,255,.85);

line-height:1.9;

margin-bottom:45px;

}

.info-item{

display:flex;

gap:18px;

margin-bottom:35px;

align-items:flex-start;

}

.info-icon{

width:60px;

height:60px;

border-radius:50%;

background:rgba(255,255,255,.12);

display:flex;

justify-content:center;

align-items:center;

font-size:24px;

color:#f4d48e;

}

.info-item h4{

color:white;

font-size:24px;

margin-bottom:5px;

}

.info-item span{

color:rgba(255,255,255,.80);

}

.formulario-premium{

padding:70px;

}

.formulario-premium label{

display:block;

margin-bottom:12px;

font-weight:600;

color:var(--azul);

}

.form-control,

.form-select{

height:58px;

border-radius:14px;

border:1px solid #ddd;

padding:0 18px;

box-shadow:none;

}

textarea.form-control{

height:auto;

padding:18px;

}

.form-control:focus,

.form-select:focus{

border-color:var(--dorado);

box-shadow:none;

}

.formulario-premium .btn-premium{

padding:18px 40px;

}

@media(max-width:991px){

.contacto-premium{

padding:90px 0;

}

.contacto-info{

padding:45px;

}

.formulario-premium{

padding:45px;

}

}

@media(max-width:576px){

.contacto-premium{

padding:70px 0;

}

.contacto-info{

padding:30px;

}

.formulario-premium{

padding:30px;

}

.contacto-info h2{

font-size:38px;

}

}