/* ================================
MODAL SUSCRIPCIÓN
================================ */

.subscribe-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.6);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:9999;
}

.subscribe-overlay.active{
opacity:1;
visibility:visible;
}



/* CONTENEDOR */

.subscribe-form-container{
background:#5f88a6;
border-radius:24px;
padding:40px;
width:90%;
max-width:520px;
color:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.25);
}



/* LOGO */

.subscribe-form-container img{
display:block;
margin:0 auto 10px;
}



/* TITULO */

.subscribe-form-container h3{
text-align:center;
margin-bottom:30px;
font-size:28px;
color:#fff;
}



/* CAMPOS */

.form-group{
margin-bottom:20px;
}

.form-group label{
display:block;
margin-bottom:8px;
font-weight:500;
}

.form-group input,
.form-group select{
width:100%;
padding:12px 14px;
border-radius:10px;
border:none;
background:#e8eef2;
font-size:16px;
}



/* ERRORES */

.form-error{
font-size:13px;
color:#ffdada;
margin-top:6px;
display:none;
}



/* BOTONES */

.form-buttons{
display:flex;
justify-content:flex-end;
gap:15px;
margin-top:25px;
}

.btn-submit{
background:#ff7f41;
border:none;
padding:12px 24px;
border-radius:25px;
color:#fff;
font-weight:600;
cursor:pointer;
}

.btn-submit:hover{
background:#e36c32;
}

.btn-cancel{
background:#6f8fa8;
border:none;
padding:12px 24px;
border-radius:25px;
color:#fff;
cursor:pointer;
}

.btn-cancel:hover{
background:#5f7d94;
}



/* LOADER */

.form-loading{
display:none;
text-align:center;
}

.loader{
width:40px;
height:40px;
border:4px solid rgba(255,255,255,.3);
border-top:4px solid #fff;
border-radius:50%;
animation:spin 1s linear infinite;
margin:0 auto 15px;
}

@keyframes spin{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}



/* MENSAJE SUCCESS */

.form-success{
display:none;
text-align:center;
}