/* CONTENEDOR FORMULARIO */

.container1{

max-width:600px;
margin:auto;

background:rgba(255,255,255,0.95);

padding:35px;

border-radius:15px;

box-shadow:0 20px 40px rgba(0,0,0,0.35);

backdrop-filter: blur(10px);

}

/* TITULO */

h3{

text-align:center;
color:white;

margin-bottom:30px;

font-weight:600;

}

/* INPUTS */

input[type=text],
select,
textarea{

width:100%;

padding:12px 15px;

border:1px solid #d0d0d0;

border-radius:8px;

background:#f9fafc;

transition:all 0.3s;

font-size:15px;

}

/* EFECTO FOCUS */

input[type=text]:focus,
select:focus,
textarea:focus{

border-color:#0d6efd;

box-shadow:0 0 8px rgba(13,110,253,0.4);

outline:none;

background:white;

}

/* LABELS */

label{

font-weight:500;

color:#1c2541;

}

/* BOTON */

.container1 button{

width:100%;

padding:12px;

border:none;

border-radius:30px;

background:linear-gradient(45deg,#0d6efd,#00c6ff);

color:white;

font-weight:600;

font-size:16px;

transition:all 0.3s;

box-shadow:0 10px 25px rgba(0,150,255,0.5);

}

/* HOVER BOTON */

.container1 button:hover{

transform:translateY(-2px);

box-shadow:0 15px 35px rgba(0,150,255,0.7);

}

/* MOVIL */

@media (max-width:768px){

.container1{

padding:25px;

}

}


.input-group-text{

background:#0d6efd;
color:white;

border:none;

}

.btn-contacto{

border-radius:30px;

font-weight:600;

padding:12px;

}



.btn-whatsapp{

background:#25D366;

border:none;

border-radius:30px;

font-weight:600;

padding:12px;

box-shadow:0 10px 25px rgba(0,0,0,0.3);

}

.btn-whatsapp:hover{

background:#1ebe5d;

transform:translateY(-2px);

}