/*==================================================
FORMULARIO
==================================================*/

.form-banner{

    position:relative;

    width:100%;

}

.form-banner img{

    width:100%;

    display:block;

}

.form-banner-text{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-10%,-50%);

    color:#fff;

}

.form-banner-text h1{

    font-size:62px;

    font-weight:800;

    line-height:1.05;

    margin-bottom:15px;

    color:#fff;

}

.form-banner-text p{

    font-size:28px;

    color:#fff;

}



/*==========================
PASOS
==========================*/

.form-pasos{

    padding:55px 0 30px;

}

.form-pasos h2{

    text-align:center;

    margin-bottom:35px;

    font-size:52px;

    font-weight:800;

}

.pasos-grid{

    width:760px;

    margin:auto;

    display:flex;

    gap:18px;

}

.paso{

    flex:1;

    border-radius:18px;

    padding:28px;

    position:relative;

}

.paso-activo{

    background:#003A70;

    color:#fff;

}

.paso:not(.paso-activo){

    background:#45C2D6;

    color:#003A70;

}

.numero{

    position:absolute;

    top:18px;

    left:20px;

    font-size:62px;

    font-weight:800;

    opacity:.35;

}

.paso img{

    width:70px;

    margin-top:45px;

    margin-bottom:18px;

}

.paso span{

    display:block;

    font-size:21px;

    font-weight:700;

    line-height:1.3;

}

.nota{

    text-align:center;

    font-size:16px;

    margin-top:30px;

}



/*==========================
CAJA GRIS
==========================*/

.form-box{

    padding-bottom:70px;

}

.box-gris{

    background:#EFEFEF;

    border-radius:24px;

    padding:70px;

    min-height:900px;

}

.titulo-paso{

    width:260px;

    height:62px;

    margin:0 auto 45px;

    background:#45C2D6;

    border-radius:40px;

    color:#fff;

    font-size:36px;

    font-weight:800;

    display:flex;

    justify-content:center;

    align-items:center;

}

.check-label{

    display:flex;

    align-items:flex-start;

    gap:12px;

    font-size:16px;

    line-height:26px;

}

.check-label input{

    margin-top:6px;

}

.datos-personales{

    margin-top:45px;

}

.datos-personales h3{

    font-size:34px;

    font-weight:800;

    color:#003A70;

    margin-bottom:35px;

}

.correo-notificacion{

    margin-top:40px;

}

.boton-formulario{

    text-align:center;

    margin-top:50px;

}

.btn-continuar{

    width:340px;

    height:58px;

    border:none;

    border-radius:40px;

    background:#45C2D6;

    color:#fff;

    font-size:22px;

    font-weight:800;

    transition:.30s;

}

.btn-continuar:hover{

    background:#2054A5;

}

.facturacion{

    margin-top:45px;

    padding-top:35px;

    border-top:1px solid #D9D9D9;

}

.facturacion h3{

    font-size:30px;

    font-weight:800;

    color:#003A70;

    margin-bottom:25px;

}

.facturacion-opciones{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-bottom:25px;

}

.facturacion-opciones label{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    cursor:pointer;

}

.banner-desktop{

    display:block;

    width:100%;

}

.banner-mobile{

    display:none;

}