/* Register-specific overrides; base styles live in login.css */
@import url('login.css');

/* Slightly different accents for register */
.register-btn{
    background:linear-gradient(180deg,#1e3a8a 0%,#2563eb 100%);
    color:#fff;
    border-radius:10px;
    padding:.7rem 1rem;
}

/* Make register a bit less wide than before and closer to login dimensions */
#central-login.card-login{max-width:880px}

/* When single-column, tint the right panel a bit */
@media (max-width:900px){
    .card-right{background:linear-gradient(180deg,#e6f0ff 0%,#ffffff 100%)}
}

/* Register-specific sizing: make the register card less tall than login */
body.page-register .card-login{
    /* slightly taller and slightly narrower than default login */
    min-height:520px;
    max-width:880px;
    margin:4vh auto;
}

body.page-register .right-bottom{
    padding:1rem 1.25rem;
}

/* Ensure register content aligns to top so added fields don't hide the header */
body.page-register .right-bottom{
    align-items:flex-start !important;
    justify-content:flex-start !important;
}

body.page-register .right-top{
    /* match login's larger top image area for visual parity */
    flex:0 0 30%;
    height:30%;
}

@media(min-width:768px){
    body.page-register .card-left{min-height:320px}
    body.page-register .card-row{align-items:stretch}
}

/* Prevent the register card from growing when leader fields appear; enable inner scrolling */
body.page-register .card-login{
    max-height:700px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}
body.page-register .card-row{flex:1 1 auto;min-height:0}
body.page-register .card-right{display:flex;flex-direction:column;min-height:0}
body.page-register .right-bottom{overflow:auto;min-height:0}

/* Fancy switch for "¿Quieres ser líder?" */
body.page-register .form-check{display:flex;align-items:center;gap:.75rem}
body.page-register .form-check-input.switch{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:46px;
    height:26px;
    background:#e6e9ef;
    border-radius:999px;
    position:relative;
    outline:none;
    cursor:pointer;
    transition:background .18s ease;
    box-shadow:inset 0 0 0 1px rgba(16,24,40,0.04);
}
body.page-register .form-check-input.switch::after{
    content:'';
    position:absolute;
    top:3px;
    left:3px;
    width:20px;
    height:20px;
    background:#ffffff;
    border-radius:50%;
    transition:transform .18s ease, box-shadow .18s ease;
    box-shadow:0 2px 6px rgba(2,6,23,0.08);
}
body.page-register .form-check-input.switch:checked{
    background:linear-gradient(90deg,#2563eb 0%,#1e40af 100%);
}
body.page-register .form-check-input.switch:checked::after{
    transform:translateX(20px);
}
body.page-register .form-check-label{font-weight:700;color:#0b2446}

/* smaller label spacing */
body.page-register .form-check .form-check-label{margin:0}