body.registro-page{
margin:0;
font-family:'Poppins',sans-serif;
background:linear-gradient(135deg,#022c22,#064e3b);
min-height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.registro-wrapper{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
}

.registro-card{
background:#fff;
width:100%;
max-width:850px; /* MÁS ANCHO */
padding:60px;    /* MÁS ALTO */
border-radius:24px;
box-shadow:0 40px 100px rgba(0,0,0,.4);
}

.registro-header{
text-align:center;
margin-bottom:40px;
}

.registro-header img{
width:220px;
margin-bottom:15px;
}

.grid-2{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}

.input-group{
display:flex;
flex-direction:column;
position:relative;
}

.input-group input{
padding:16px;
border-radius:14px;
border:1px solid #ddd;
font-size:15px;
transition:.3s;
}

.input-group input:focus{
border-color:#064e3b;
box-shadow:0 0 0 3px rgba(6,78,59,.15);
outline:none;
}

.input-group small{
height:16px;
font-size:12px;
margin-top:4px;
}

.password-group i{
position:absolute;
right:18px;
top:45px;
cursor:pointer;
color:#888;
}

.checkbox-group{
margin:35px 0;
font-size:14px;
}

.check-item{
display:grid;
grid-template-columns:20px 1fr;
column-gap:12px;
margin-bottom:15px;
}

button{
width:100%;
padding:18px;
background:#064e3b;
color:#fff;
border:none;
border-radius:14px;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:.3s;
}

button:disabled{
background:#999;
}

.registro-footer{
margin-top:30px;
color:#d1fae5;
font-size:13px;
text-align:center;
}

/* MODAL */
.modal-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.65);
display:flex;
justify-content:center;
align-items:center;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:999;
}

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

.modal-box{
background:#fff;
padding:40px;
border-radius:18px;
width:90%;
max-width:550px;
position:relative;
}

.modal-close{
position:absolute;
top:12px;
right:15px;
background:none;
border:none;
font-size:22px;
cursor:pointer;
}

.modal-accept{
margin-top:20px;
padding:12px 20px;
background:#064e3b;
color:#fff;
border:none;
border-radius:8px;
cursor:pointer;
}