/* =========================================================
   REGISTRO MODAL CENTRAL
   Todo está encapsulado en #modalRegistro para no modificar
   el diseño de ISA, login.php u otros módulos.
   ========================================================= */

#modalRegistro .registro-modal-content{
    border:0;
    border-radius:24px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 18px 55px rgba(15,23,42,.18);
}

#modalRegistro .registro-modal-header{
    padding:24px 28px 14px;
    align-items:flex-start;
    background:linear-gradient(180deg,#fbfbff,#fff);
}

#modalRegistro .registro-modal-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#a18cd1,#fbc2eb);
    color:#fff;
    font-size:25px;
    box-shadow:0 8px 20px rgba(161,140,209,.22);
}

#modalRegistro .modal-title{
    font-weight:700;
    color:#252525;
}

#modalRegistro .registro-modal-subtitle{
    color:#7a7a7a;
    font-size:13px;
}

#modalRegistro .modal-body{
    padding:16px 28px 28px;
}

#modalRegistro .selector-rol{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:5px;
    background:#f3f4f6;
    border-radius:16px;
}

#modalRegistro .btn-rol{
    border:0;
    background:transparent;
    color:#667085;
    border-radius:12px;
    padding:11px 14px;
    font-weight:600;
    transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}

#modalRegistro .btn-rol.activo{
    background:#fff;
    color:#6d5cae;
    box-shadow:0 4px 14px rgba(15,23,42,.08);
}

#modalRegistro .seccion{
    margin:2px 0 14px;
    font-size:12px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#7c6db4;
    font-weight:800;
}

#modalRegistro .form-label{
    font-size:13px;
    color:#5f6368;
}

#modalRegistro .form-control{
    border:1px solid #e5e7eb;
    border-radius:12px;
    min-height:44px;
    font-size:14px;
    box-shadow:none;
    transition:border-color .18s ease,box-shadow .18s ease;
}

#modalRegistro .form-control:focus{
    border-color:#a18cd1;
    box-shadow:0 0 0 3px rgba(161,140,209,.12);
}

#modalRegistro .registro-mensaje{
    display:block;
    min-height:18px;
    margin-top:-4px;
    margin-bottom:7px;
    font-size:12px;
}

#modalRegistro hr{
    border-color:#eceef2;
    opacity:1;
    margin:20px 0;
}

#modalRegistro .registro-submit,
#modalRegistro .btn-outline-secondary{
    min-height:45px;
    border-radius:13px;
    font-weight:600;
}

#modalRegistro .btn-success{
    border:0;
    background:linear-gradient(135deg,#10b981,#34d399);
}

#modalRegistro .btn-primary{
    border:0;
    background:linear-gradient(135deg,#7c6db4,#a18cd1);
}

#modalRegistro .btn-outline-secondary{
    border-color:#d8dce3;
    color:#667085;
}

#modalRegistro .btn-outline-secondary:hover{
    background:#f8fafc;
    color:#344054;
}

@media(max-width:576px){
    #modalRegistro .modal-dialog{margin:.65rem;}
    #modalRegistro .registro-modal-content{border-radius:18px;}
    #modalRegistro .registro-modal-header{padding:20px 20px 12px;}
    #modalRegistro .modal-body{padding:14px 20px 22px;}
}

@media(prefers-reduced-motion:reduce){
    #modalRegistro .btn-rol,
    #modalRegistro .form-control{transition:none;}
}