/* =========================================================
   FENIX - Registro de empresa (alta de tenant)
   Reutiliza login.css (login-card, form-control, btn-login, alert) --
   esto solo agrega lo que el formulario de registro necesita de mas:
   card mas ancha, secciones tituladas, grid de 2 columnas.
========================================================= */

.registro-container{
    max-width:640px;
}

.registro-card{
    padding:48px 44px;
}

.registro-section{
    margin-top:8px;
    margin-bottom:28px;
}

.registro-section:last-of-type{
    margin-bottom:8px;
}

.registro-section-title{
    display:block;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--fenix-blue-2);
    border-bottom:1px solid var(--fenix-line);
    padding-bottom:10px;
    margin-bottom:20px;
}

.registro-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
}

.registro-grid .form-group{
    margin-bottom:18px;
}

.registro-nota{
    margin-top:6px;
    color:#ddd;
    font-size:.82rem;
    line-height:1.5;
}

.registro-hint{
    display:inline-block;
    margin-top:22px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(96,165,250,.12);
    border:1px solid rgba(96,165,250,.28);
    color:#e7f1ff;
    font-size:.85rem;
    line-height:1.5;
}

@media (max-width:640px){
    .registro-card{
        padding:32px 24px;
    }

    .registro-grid{
        grid-template-columns:1fr;
    }
}