/* _content/CentroCADOnline/Components/Home/AdminCertificateConfiguration.razor.rz.scp.css */
.certificate-config[b-ugpcloy918]{box-sizing:border-box;margin-top:28px;padding-top:24px;border-top:1px solid #dbe7f6;color:#193b68}
summary[b-ugpcloy918]{font-size:20px;font-weight:700;cursor:pointer;padding:10px 0;color:#173f79}
p[b-ugpcloy918]{font-size:14px;line-height:1.6;color:#61758f;overflow-wrap:anywhere}
form[b-ugpcloy918]{background:#f7faff;border:1px solid #e1eaf5;border-radius:14px;padding:22px;margin-top:18px;box-sizing:border-box}
.certificate-config-grid[b-ugpcloy918]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
label[b-ugpcloy918]{display:flex;flex-direction:column;gap:9px;min-width:0;color:#254975;font-size:14px;font-weight:600;margin-bottom:18px}
input[b-ugpcloy918],select[b-ugpcloy918],textarea[b-ugpcloy918]{box-sizing:border-box;width:100%;min-width:0;padding:11px 14px;border:1px solid #c9daf0;border-radius:9px;background:#fff;color:#193b68;font:inherit;font-weight:400}
input[b-ugpcloy918],select[b-ugpcloy918]{min-height:46px}textarea[b-ugpcloy918]{min-height:100px;resize:vertical}small[b-ugpcloy918]{font-weight:400;line-height:1.5;color:#61758f}
input:focus[b-ugpcloy918],select:focus[b-ugpcloy918],textarea:focus[b-ugpcloy918]{outline:2px solid #8cbded;outline-offset:1px}
.certificate-config-preview[b-ugpcloy918]{border:1px solid #c9daf0;background:#fff;padding:16px;border-radius:10px;margin:20px 0}
.certificate-config-preview p[b-ugpcloy918]{white-space:pre-wrap;margin:8px 0 0}
.certificate-config-actions[b-ugpcloy918]{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px}
button[b-ugpcloy918]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border:1px solid #1764b8;border-radius:10px;background:linear-gradient(135deg,#247cdb,#1256ae);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
button:disabled[b-ugpcloy918]{opacity:.6;cursor:wait}button:focus-visible[b-ugpcloy918]{outline:3px solid #8cbded;outline-offset:3px}
.certificate-config-progress[b-ugpcloy918]{min-height:24px;margin:12px 0 0}
.certificate-config-spinner[b-ugpcloy918]{width:20px;height:20px;border:3px solid #c9daf0;border-top-color:#1764b8;border-radius:50%;animation:certificate-config-spin-b-ugpcloy918 .8s linear infinite}
.certificate-config-spinner[hidden][b-ugpcloy918]{display:none}
@keyframes certificate-config-spin-b-ugpcloy918{to{transform:rotate(360deg)}}
#certificate-configuration-result[b-ugpcloy918]{border:1px solid #b2ccea;border-radius:16px;padding:24px;box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}
#certificate-configuration-result[open][b-ugpcloy918]{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}
#certificate-configuration-result[b-ugpcloy918]::backdrop{background:rgba(10,32,56,.45)}
#certificate-configuration-result h3[b-ugpcloy918]{margin:0 0 14px;font-size:20px;color:#173f79}
@media(max-width:900px){.certificate-config-grid[b-ugpcloy918]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.certificate-config-grid[b-ugpcloy918]{grid-template-columns:minmax(0,1fr);gap:0}form[b-ugpcloy918]{padding:18px 14px}summary[b-ugpcloy918]{font-size:18px}.certificate-config-actions button[b-ugpcloy918]{flex:1 1 180px}}
@media(prefers-reduced-motion:reduce){.certificate-config-spinner[b-ugpcloy918]{animation:none}}
/* _content/CentroCADOnline/Components/Home/AdminCertificates.razor.rz.scp.css */
.cert-section[b-algv0pu7ux]{max-width:1260px;width:100%;box-sizing:border-box;margin:34px auto;scroll-margin-top:24px;color:#18344e}
h2[b-algv0pu7ux]{font-size:22px;font-weight:700;margin:0 0 10px}h3[b-algv0pu7ux]{font-size:20px;margin:0 0 14px}p[b-algv0pu7ux]{color:#657c8b;line-height:1.6;overflow-wrap:anywhere}
.cert-card[b-algv0pu7ux]{background:white;border:1px solid #d7e3ee;border-radius:18px;padding:24px;box-sizing:border-box}
label[b-algv0pu7ux]{display:block;font-weight:700;font-size:14px;margin:16px 0 8px}input[b-algv0pu7ux],textarea[b-algv0pu7ux]{width:100%;box-sizing:border-box;background:#f7faff;border:1px solid #b2ccea;border-radius:9px;padding:13px;color:#18344e;font:inherit}textarea[b-algv0pu7ux]{min-height:90px;resize:vertical}
.cert-actions[b-algv0pu7ux]{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}button[b-algv0pu7ux]{background:#1765bf;color:white;border:1px solid #1765bf;border-radius:9px;padding:13px 17px;font:inherit;font-weight:700;cursor:pointer}button:disabled[b-algv0pu7ux]{opacity:.6;cursor:wait}.cert-secondary[b-algv0pu7ux]{background:#edf5ff;color:#1765bf;border-color:#b2ccea}
.cert-row[b-algv0pu7ux]{border-top:1px solid #dfe8f1;margin-top:24px;padding-top:24px}summary[b-algv0pu7ux]{font-weight:700;cursor:pointer;padding:12px 0}.cert-check[b-algv0pu7ux]{display:flex;gap:10px;align-items:flex-start;font-weight:400}.cert-check input[b-algv0pu7ux]{width:18px;flex-shrink:0;margin-top:3px}.cert-progress[b-algv0pu7ux]{min-height:24px}
#certificate-result[b-algv0pu7ux],#certificate-annul-confirm[b-algv0pu7ux],#certificate-rehabilitate-confirm[b-algv0pu7ux]{border:1px solid #b2ccea;border-radius:16px;padding:24px;box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}
#certificate-result[open][b-algv0pu7ux],#certificate-annul-confirm[open][b-algv0pu7ux],#certificate-rehabilitate-confirm[open][b-algv0pu7ux]{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}
#certificate-result[b-algv0pu7ux]::backdrop,#certificate-annul-confirm[b-algv0pu7ux]::backdrop,#certificate-rehabilitate-confirm[b-algv0pu7ux]::backdrop{background:rgba(10,32,56,.45)}
@media(max-width:700px){.cert-card[b-algv0pu7ux]{padding:16px}.cert-actions button[b-algv0pu7ux]{flex:1 1 180px}.cert-section[b-algv0pu7ux]{margin:24px auto}h3[b-algv0pu7ux]{font-size:18px}}

.cert-danger[b-algv0pu7ux]{background:#b23535;border-color:#b23535}.cert-history-entry[b-algv0pu7ux]{padding:12px 0;border-bottom:1px solid #dfe8f1}.cert-history-entry p[b-algv0pu7ux]{margin:6px 0}.cert-annulled[b-algv0pu7ux]{color:#a12b2b;font-weight:700}
/* _content/CentroCADOnline/Components/Home/AdminClassroomNotificationConfiguration.razor.rz.scp.css */
.classroom-alert-grid[b-dvoml4zfiw]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.classroom-alert-grid label[b-dvoml4zfiw]{display:flex;flex-direction:column;gap:7px;font-weight:600;min-width:0}.classroom-alert-grid input[b-dvoml4zfiw],.classroom-alert-grid select[b-dvoml4zfiw]{width:100%;min-width:0;padding:11px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.classroom-alert-grid small[b-dvoml4zfiw]{font-weight:400;color:#526174}.classroom-alert-actions[b-dvoml4zfiw]{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}.classroom-alert-actions button[b-dvoml4zfiw],dialog button[b-dvoml4zfiw]{background:#164b85;color:white;border:0;border-radius:8px;padding:11px 18px;font:inherit;cursor:pointer}.classroom-alert-actions button:disabled[b-dvoml4zfiw]{opacity:.6;cursor:wait}.classroom-alert-spinner[b-dvoml4zfiw]{width:22px;height:22px;border:3px solid #cbd5e1;border-top-color:#164b85;border-radius:50%;animation:classroom-spin-b-dvoml4zfiw .8s linear infinite}.classroom-alert-spinner[hidden][b-dvoml4zfiw]{display:none}dialog[b-dvoml4zfiw]{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:14px;padding:24px;box-shadow:0 20px 60px #0004}dialog[b-dvoml4zfiw]::backdrop{background:#0007}dialog p[b-dvoml4zfiw]{overflow-wrap:anywhere}@keyframes classroom-spin-b-dvoml4zfiw{to{transform:rotate(360deg)}}@media(max-width:700px){.classroom-alert-grid[b-dvoml4zfiw]{grid-template-columns:1fr}.classroom-alert-actions button[b-dvoml4zfiw]{width:100%}}
/* _content/CentroCADOnline/Components/Home/AdminContactConfiguration.razor.rz.scp.css */
/* ADMIN-05C: estilos propios del componente de configuración. */
.centro-contact-config[b-kvwj5w0jmr] {
    box-sizing: border-box;
    max-width: 1260px;
    width: 100%;
    margin: 28px auto;
    padding: 28px;
    border: 1px solid #dbe7f6;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(27, 65, 115, .04);
    color: #193b68;
    scroll-margin-top: 24px;
}
.centro-admin-section-kicker[b-kvwj5w0jmr] { display: block; color: #527499; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.centro-admin-section-head h2[b-kvwj5w0jmr] { margin: 6px 0 12px; color: #173f79; font-size: 26px; font-weight: 700; line-height: 1.25; }
.centro-contact-config > p[b-kvwj5w0jmr] { margin: 0 0 22px; color: #61758f; font-size: 14px; line-height: 1.6; }
.centro-admin-course-edit[b-kvwj5w0jmr] { margin: 0; padding: 22px; border: 1px solid #e1eaf5; border-radius: 14px; background: #f7faff; }
.centro-admin-course-edit-grid[b-kvwj5w0jmr] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
.centro-admin-course-edit-grid label[b-kvwj5w0jmr] { display: flex; flex-direction: column; gap: 9px; min-width: 0; color: #254975; font-size: 14px; font-weight: 600; }
.centro-admin-course-edit-grid input[b-kvwj5w0jmr] { box-sizing: border-box; width: 100%; min-width: 0; height: 46px; padding: 11px 14px; border: 1px solid #c9daf0; border-radius: 9px; background: #fff; color: #193b68; font: inherit; font-weight: 400; outline: none; transition: border-color .15s, box-shadow .15s; }
.centro-admin-course-edit-grid input:focus[b-kvwj5w0jmr] { border-color: #2874ca; box-shadow: 0 0 0 3px rgba(40, 116, 202, .12); }
.centro-contact-note[b-kvwj5w0jmr] { margin: 16px 0 22px; color: #6b7f97; font-size: 13px; line-height: 1.6; }
.centro-admin-site-button-primary[b-kvwj5w0jmr] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 22px; border: 1px solid #1764b8; border-radius: 10px; background: linear-gradient(135deg, #247cdb, #1256ae); color: #fff; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: 0 4px 10px rgba(22, 94, 184, .14); }
.centro-admin-site-button-primary:hover[b-kvwj5w0jmr] { background: #104c9a; }
.centro-admin-site-button-primary:focus-visible[b-kvwj5w0jmr] { outline: 3px solid #8cbded; outline-offset: 3px; }
.centro-contact-config > .centro-contact-message[b-kvwj5w0jmr] { padding: 13px 16px; border: 1px solid; border-radius: 10px; margin-bottom: 18px; }
.centro-contact-config > .is-success[b-kvwj5w0jmr] { color: #176846; background: #eefaf3; border-color: #c5e8d4; }
.centro-contact-config > .is-error[b-kvwj5w0jmr] { color: #a52b24; background: #fff3f2; border-color: #f1cfcb; }
@media (max-width: 700px) {
    .centro-contact-config[b-kvwj5w0jmr] { padding: 22px 18px; }
    .centro-admin-course-edit[b-kvwj5w0jmr] { padding: 18px 14px; }
    .centro-admin-course-edit-grid[b-kvwj5w0jmr] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .centro-admin-section-head h2[b-kvwj5w0jmr] { font-size: 23px; }
}
@media (max-width: 480px) { .centro-admin-site-button-primary[b-kvwj5w0jmr] { width: 100%; } }
/* _content/CentroCADOnline/Components/Home/AdminEnrollments.razor.rz.scp.css */
.enrollments[b-crteou9a9s]{scroll-margin-top:24px;color:#19324e;max-width:1260px;margin:34px auto}.enrollments h2[b-crteou9a9s]{font-size:22px;line-height:1.2;margin:0 0 8px}.card[b-crteou9a9s]{background:white;border:1px solid #dce5ef;border-radius:16px;padding:24px;margin:18px 0;box-shadow:0 5px 18px #16385608}summary[b-crteou9a9s]{cursor:pointer;font-weight:700;padding:8px 0}form[b-crteou9a9s]{border-top:1px solid #e5ebf2;padding:18px 0}.grid[b-crteou9a9s]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label[b-crteou9a9s]{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:600;margin-bottom:14px}input[b-crteou9a9s],select[b-crteou9a9s],textarea[b-crteou9a9s]{box-sizing:border-box;width:100%;min-width:0;border:1px solid #b6c9de;border-radius:9px;background:#f8fbff;padding:11px;color:#19324e;font:inherit}textarea[b-crteou9a9s]{min-height:80px}button[b-crteou9a9s]{background:#1766be;color:white;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}button:focus-visible[b-crteou9a9s],input:focus-visible[b-crteou9a9s],select:focus-visible[b-crteou9a9s],textarea:focus-visible[b-crteou9a9s],summary:focus-visible[b-crteou9a9s]{outline:3px solid #82baff;outline-offset:2px}article[b-crteou9a9s]{border-top:1px solid #e5ebf2;padding:18px 0;overflow-wrap:anywhere}h3[b-crteou9a9s]{margin:8px 0}p[b-crteou9a9s]{line-height:1.6}.message[b-crteou9a9s]{border-left:4px solid #1766be;background:#edf5ff;padding:14px;border-radius:8px}[hidden][b-crteou9a9s]{display:none!important}@media(max-width:700px){.grid[b-crteou9a9s]{grid-template-columns:1fr}.card[b-crteou9a9s]{padding:16px}button[b-crteou9a9s]{width:100%}}

dialog[b-crteou9a9s]{width:min(440px,calc(100vw - 40px));box-sizing:border-box;border:1px solid #dce5ef;border-radius:18px;padding:26px;background:white;color:#19324e;box-shadow:0 20px 70px #132b5040}dialog[b-crteou9a9s]::backdrop{background:#102e5266}dialog h3[b-crteou9a9s]{font-size:21px;margin:0 0 12px}dialog p[b-crteou9a9s]{margin:0 0 22px}dialog button[b-crteou9a9s]{display:block;margin-left:auto}dialog:not([open])[b-crteou9a9s]{display:none}

.enrollment-actions[b-crteou9a9s]{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.enrollment-actions button+button[b-crteou9a9s]{background:#edf5ff;color:#1766be;border:1px solid #b6c9de}button:disabled[b-crteou9a9s]{opacity:.6;cursor:wait}@media(max-width:700px){.enrollment-actions[b-crteou9a9s]{flex-direction:column;align-items:stretch}}

/* Centrado explícito frente a los estilos globales del sitio. */
#enrollment-result-dialog[open][b-crteou9a9s]{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}
@media(max-width:480px){#enrollment-result-dialog[open][b-crteou9a9s]{padding:20px}#enrollment-result-dialog button[b-crteou9a9s]{width:100%;margin:0}}

[data-enrollment-query-message][b-crteou9a9s]{min-height:24px;overflow-wrap:anywhere}.is-loading[b-crteou9a9s]{display:flex;align-items:center;gap:10px}.is-loading[b-crteou9a9s]::before{content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;border:3px solid #d4e5f8;border-top-color:#1766be;border-radius:50%;animation:enrollment-spin-b-crteou9a9s .8s linear infinite}@keyframes enrollment-spin-b-crteou9a9s{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.is-loading[b-crteou9a9s]::before{animation:none}}

.enrollment-history-entry[b-crteou9a9s]{padding:14px;margin:12px 0;border:1px solid #dce5ef;border-radius:10px;background:#f8fbff;overflow-wrap:anywhere}.enrollment-history-entry p[b-crteou9a9s]{margin:8px 0}.enrollment-history-entry small[b-crteou9a9s]{display:block}h4[b-crteou9a9s]{font-size:16px;margin:18px 0 10px}
/* _content/CentroCADOnline/Components/Home/AdminOwnerConfiguration.razor.rz.scp.css */

.centro-owner-panel[b-sx0yw37u1r] { margin-top:28px; padding-top:28px; border-top:1px solid #dbe7f6; color:#193b68; }
.centro-owner-kicker[b-sx0yw37u1r] { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#527499; }
.centro-owner-panel h3[b-sx0yw37u1r] { margin:6px 0 16px; font-size:23px; color:#173f79; font-weight:700; }
.centro-owner-current[b-sx0yw37u1r] { padding:16px; border:1px solid #cfe1f7; background:#edf5ff; border-radius:12px; display:flex; flex-direction:column; gap:5px; overflow-wrap:anywhere; }
.centro-owner-current small[b-sx0yw37u1r] { color:#1764b8; font-weight:600; }
.centro-owner-panel form[b-sx0yw37u1r] { padding:22px; margin-top:18px; border:1px solid #e1eaf5; border-radius:14px; background:#f7faff; }
.centro-owner-panel h4[b-sx0yw37u1r] { margin:0 0 18px; font-size:17px; font-weight:600; }
.centro-owner-panel label[b-sx0yw37u1r] { display:flex; flex-direction:column; gap:9px; font-size:14px; font-weight:600; }
.centro-owner-panel input:not([type=hidden])[b-sx0yw37u1r],.centro-owner-panel select[b-sx0yw37u1r] { box-sizing:border-box; width:100%; height:46px; padding:10px 14px; border:1px solid #c9daf0; border-radius:9px; background:white; color:#193b68; font:inherit; font-weight:400; }
.centro-owner-panel input:focus[b-sx0yw37u1r],.centro-owner-panel select:focus[b-sx0yw37u1r] { outline:2px solid #8cbded; }
.centro-owner-panel p[b-sx0yw37u1r] { font-size:13px; line-height:1.65; color:#61758f; margin:16px 0; }
.centro-owner-panel button[b-sx0yw37u1r] { min-height:44px; padding:11px 20px; border:1px solid #1764b8; border-radius:10px; background:linear-gradient(135deg,#247cdb,#1256ae); color:white; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.centro-owner-panel button:hover[b-sx0yw37u1r] { background:#104c9a; }
.centro-owner-panel button:focus-visible[b-sx0yw37u1r] { outline:3px solid #8cbded; outline-offset:3px; }
.centro-owner-panel button:disabled[b-sx0yw37u1r] { opacity:.6; cursor:not-allowed; }
.centro-owner-panel .secondary[b-sx0yw37u1r] { background:white; color:#1764b8; }
.centro-owner-panel .centro-owner-message[b-sx0yw37u1r] { border:1px solid #cfe1f7; background:#edf5ff; border-radius:10px; padding:14px; }
.centro-owner-panel dialog[b-sx0yw37u1r] { width:min(520px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:28px; border:1px solid #dbe7f6; border-radius:18px; margin:auto; background:white; box-shadow:0 24px 80px rgba(9,40,83,.24); overflow-y:auto; }
.centro-owner-panel dialog[b-sx0yw37u1r]::backdrop { background:rgba(8,30,65,.5); }
.centro-owner-actions[b-sx0yw37u1r] { display:flex; justify-content:flex-end; gap:12px; }
@media(max-width:600px) { .centro-owner-panel form[b-sx0yw37u1r] { padding:18px 14px; } .centro-owner-actions[b-sx0yw37u1r] { flex-direction:column; } .centro-owner-panel button[b-sx0yw37u1r] { width:100%; } }
/* _content/CentroCADOnline/Components/Home/AdminSmtpConfiguration.razor.rz.scp.css */

.centro-smtp-panel[b-v04k8yawx1] { margin-top:28px; padding-top:28px; border-top:1px solid #dbe7f6; color:#193b68; }
.centro-smtp-heading span[b-v04k8yawx1] { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#527499; }
.centro-smtp-heading h3[b-v04k8yawx1] { margin:6px 0 12px; font-size:23px; color:#173f79; font-weight:700; }
.centro-smtp-panel p[b-v04k8yawx1] { font-size:14px; line-height:1.6; color:#61758f; }
.centro-smtp-panel form[b-v04k8yawx1] { padding:22px; border:1px solid #e1eaf5; border-radius:14px; background:#f7faff; }
.centro-smtp-grid[b-v04k8yawx1] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
.centro-smtp-grid label[b-v04k8yawx1] { display:flex; flex-direction:column; gap:9px; font-size:14px; font-weight:600; min-width:0; }
.centro-smtp-grid input[b-v04k8yawx1] { box-sizing:border-box; width:100%; min-width:0; height:46px; padding:11px 14px; border:1px solid #c9daf0; border-radius:9px; background:white; color:#193b68; font:inherit; font-weight:400; outline:none; }
.centro-smtp-grid input:focus[b-v04k8yawx1] { border-color:#2874ca; box-shadow:0 0 0 3px rgba(40,116,202,.12); }
.centro-smtp-panel .centro-smtp-help[b-v04k8yawx1] { font-size:13px; margin:16px 0; }
.centro-smtp-ssl[b-v04k8yawx1] { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600; }
.centro-smtp-ssl input[b-v04k8yawx1] { width:18px; height:18px; accent-color:#1764b8; }
.centro-smtp-panel button[b-v04k8yawx1] { min-height:44px; padding:11px 22px; border:1px solid #1764b8; border-radius:10px; background:linear-gradient(135deg,#247cdb,#1256ae); color:white; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.centro-smtp-panel button:hover[b-v04k8yawx1] { background:#104c9a; }
.centro-smtp-panel button:focus-visible[b-v04k8yawx1] { outline:3px solid #8cbded; outline-offset:3px; }
.centro-smtp-panel button:disabled[b-v04k8yawx1] { opacity:.6; cursor:not-allowed; }
.centro-smtp-panel .centro-smtp-message[b-v04k8yawx1] { padding:13px 16px; border:1px solid #f1cfcb; border-radius:10px; color:#a52b24; background:#fff3f2; }
.centro-smtp-panel .is-success[b-v04k8yawx1] { color:#176846; background:#eefaf3; border-color:#c5e8d4; }
@media(max-width:700px) { .centro-smtp-grid[b-v04k8yawx1] { grid-template-columns:minmax(0,1fr); } .centro-smtp-panel form[b-v04k8yawx1] { padding:18px 14px; } }
@media(max-width:480px) { .centro-smtp-panel button[b-v04k8yawx1] { width:100%; } }
/* _content/CentroCADOnline/Components/Home/LegalFooterLinks.razor.rz.scp.css */
.centro-legal-links[b-jyf1ta30lz] {
    background: #061a3b;
    border-top: 1px solid rgba(255,255,255,.10);
    color: rgba(255,255,255,.72);
    font-family: 'Rubik', sans-serif;
}

.centro-legal-links__inner[b-jyf1ta30lz] {
    width: min(1180px, calc(100% - 40px));
    min-height: 58px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 0;
}

.centro-legal-links__inner > span[b-jyf1ta30lz] {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .03em;
}

.centro-legal-links nav[b-jyf1ta30lz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
}

.centro-legal-links a[b-jyf1ta30lz] {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.centro-legal-links a:hover[b-jyf1ta30lz],
.centro-legal-links a:focus-visible[b-jyf1ta30lz] {
    color: #75b5ff;
    text-decoration: underline;
}

@media (max-width: 640px) {
    .centro-legal-links__inner[b-jyf1ta30lz] {
        width: min(100% - 24px, 1180px);
        min-height: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 9px;
        padding: 16px 0 18px;
    }

    .centro-legal-links nav[b-jyf1ta30lz] {
        gap: 10px 18px;
    }
}
/* _content/CentroCADOnline/Components/Pages/Admin.razor.rz.scp.css */
.centro-admin-page[b-hsb8p7khuz] {
    --admin-navy: #08265c;
    --admin-blue: #0b63f6;
    --admin-blue-soft: #eaf3ff;
    --admin-text: #16294b;
    --admin-muted: #667895;
    --admin-border: #dfe8f4;
    --admin-bg: #f4f8fd;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 286px minmax(0, 1fr);
    background: var(--admin-bg);
    color: var(--admin-text);
    font-family: 'Rubik', sans-serif;
    transition: grid-template-columns .28s ease;
}

.centro-admin-sidebar[b-hsb8p7khuz] {
    position: sticky;
    top: 0;
    z-index: 30;
    height: 100vh;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 22px 18px 20px;
    background:
        radial-gradient(circle at 18% 8%, rgba(92, 190, 255, .30), transparent 30%),
        linear-gradient(155deg, #0e73e7 0%, #0a5bc9 35%, #0a469f 68%, #082d76 100%);
    color: #fff;
    box-shadow: 12px 0 34px rgba(7, 29, 71, .11);
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(0);
    opacity: 1;
    transition: transform .28s ease, opacity .22s ease, box-shadow .28s ease;
}

.centro-admin-sidebar[b-hsb8p7khuz]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 34%),
        radial-gradient(circle at 86% 82%, rgba(0, 23, 74, .24), transparent 42%);
}

.centro-admin-sidebar > *[b-hsb8p7khuz] {
    position: relative;
    z-index: 1;
}

.centro-admin-sidebar-brandrow[b-hsb8p7khuz] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
}

.centro-admin-brand[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 60px;
    padding: 7px 8px 4px;
    border-radius: 14px;
    text-decoration: none;
    transition: transform .22s ease, background .22s ease;
}

.centro-admin-brand:hover[b-hsb8p7khuz],
.centro-admin-brand:focus-visible[b-hsb8p7khuz] {
    background: rgba(255, 255, 255, .07);
    transform: translateY(-1px);
}

.centro-admin-brand img[b-hsb8p7khuz] {
    display: block;
    width: 100%;
    max-width: 218px;
    height: auto;
    margin: 0 auto;
    filter: drop-shadow(0 5px 12px rgba(0, 24, 72, .20));
}

.centro-admin-sidebar-close[b-hsb8p7khuz] {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 10px;
    background: rgba(255, 255, 255, .10);
    color: #fff;
    font-family: inherit;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.centro-admin-sidebar-title[b-hsb8p7khuz] {
    padding: 20px 10px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.centro-admin-sidebar-title span[b-hsb8p7khuz],
.centro-admin-sidebar-title strong[b-hsb8p7khuz] {
    display: block;
}

.centro-admin-sidebar-title span[b-hsb8p7khuz] {
    margin-bottom: 3px;
    color: rgba(232, 244, 255, .78);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.centro-admin-sidebar-title strong[b-hsb8p7khuz] {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.centro-admin-nav[b-hsb8p7khuz] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 18px 0;
}

.centro-admin-nav-item[b-hsb8p7khuz] {
    position: relative;
    min-height: 47px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border-radius: 12px;
    color: rgba(238, 246, 255, .86);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: background .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.centro-admin-nav-button[b-hsb8p7khuz] {
    width: 100%;
    border: 1px solid transparent;
    background: transparent;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.centro-admin-nav-item:hover[b-hsb8p7khuz],
.centro-admin-nav-item:focus-visible[b-hsb8p7khuz] {
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .13);
    color: #fff;
    text-decoration: none;
    transform: translateX(4px);
    box-shadow: 0 8px 20px rgba(0, 31, 91, .16);
}

.centro-admin-nav-item.is-active[b-hsb8p7khuz] {
    border-color: rgba(255, 255, 255, .20);
    background: linear-gradient(90deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .11));
    color: #fff;
    box-shadow: inset 3px 0 0 #8fd5ff, 0 8px 20px rgba(0, 31, 91, .14);
}

.centro-admin-nav-item:hover .centro-admin-nav-icon[b-hsb8p7khuz],
.centro-admin-nav-item:focus-visible .centro-admin-nav-icon[b-hsb8p7khuz],
.centro-admin-nav-item.is-active .centro-admin-nav-icon[b-hsb8p7khuz] {
    transform: scale(1.08);
}

.centro-admin-nav-item.is-disabled[b-hsb8p7khuz] {
    cursor: default;
    opacity: .57;
}

.centro-admin-nav-item.is-disabled:hover[b-hsb8p7khuz] {
    border-color: transparent;
    transform: none;
    background: transparent;
    color: rgba(238, 246, 255, .86);
    box-shadow: none;
}

.centro-admin-nav-item small[b-hsb8p7khuz] {
    margin-left: auto;
    padding: 3px 6px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 999px;
    color: rgba(233, 244, 255, .76);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.centro-admin-nav-icon[b-hsb8p7khuz] {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    transition: transform .22s ease;
}

.centro-admin-nav-icon svg[b-hsb8p7khuz] {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.centro-admin-nav-dot[b-hsb8p7khuz] {
    width: 7px;
    height: 7px;
    margin-left: 6px;
    margin-right: 6px;
    border-radius: 50%;
    background: currentColor;
}

.centro-admin-nav-separator[b-hsb8p7khuz] {
    padding: 15px 12px 6px;
    color: rgba(221, 238, 255, .60);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.centro-admin-sidebar-footer[b-hsb8p7khuz] {
    display: grid;
    gap: 7px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .16);
}

.centro-admin-sidebar-footer a[b-hsb8p7khuz] {
    padding: 6px 8px;
    border-radius: 8px;
    color: rgba(235, 245, 255, .84);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.centro-admin-sidebar-footer a:hover[b-hsb8p7khuz],
.centro-admin-sidebar-footer a:focus-visible[b-hsb8p7khuz] {
    background: rgba(255, 255, 255, .10);
    color: #fff;
    transform: translateX(2px);
    text-decoration: none;
}

.centro-admin-sidebar-overlay[b-hsb8p7khuz] {
    display: none;
}

.centro-admin-content[b-hsb8p7khuz] {
    min-width: 0;
    padding: 34px 38px 50px;
    transition: padding .28s ease;
}

.centro-admin-page.is-sidebar-collapsed[b-hsb8p7khuz] {
    grid-template-columns: 0 minmax(0, 1fr);
}

.centro-admin-page.is-sidebar-collapsed .centro-admin-sidebar[b-hsb8p7khuz] {
    transform: translateX(-106%);
    opacity: 0;
    pointer-events: none;
    box-shadow: none;
}

.centro-admin-page.is-sidebar-collapsed .centro-admin-content[b-hsb8p7khuz] {
    padding-left: 44px;
    padding-right: 44px;
}

.centro-admin-topbar[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    max-width: 1260px;
    margin: 0 auto 28px;
}

.centro-admin-topbar-leading[b-hsb8p7khuz] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.centro-admin-menu-toggle[b-hsb8p7khuz] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 1px;
    border: 1px solid #d6e3f3;
    border-radius: 13px;
    background: #fff;
    color: var(--admin-navy);
    box-shadow: 0 5px 16px rgba(16, 51, 101, .06);
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.centro-admin-menu-toggle span[b-hsb8p7khuz] {
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .2s ease;
}

.centro-admin-menu-toggle:hover[b-hsb8p7khuz],
.centro-admin-menu-toggle:focus-visible[b-hsb8p7khuz] {
    border-color: #aac7ed;
    background: #f9fbff;
    box-shadow: 0 7px 20px rgba(11, 99, 246, .12);
    transform: translateY(-1px);
}

.centro-admin-eyebrow[b-hsb8p7khuz],
.centro-admin-section-kicker[b-hsb8p7khuz] {
    display: block;
    margin-bottom: 6px;
    color: var(--admin-blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.centro-admin-topbar h1[b-hsb8p7khuz] {
    margin: 0;
    color: var(--admin-navy);
    font-size: clamp(25px, 2.3vw, 34px);
    line-height: 1.15;
    font-weight: 750;
}

.centro-admin-topbar p[b-hsb8p7khuz] {
    margin: 8px 0 0;
    color: var(--admin-muted);
    font-size: 13px;
    line-height: 1.55;
}

.centro-admin-current-user[b-hsb8p7khuz] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 215px;
    padding: 10px 13px;
    border: 1px solid var(--admin-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(16, 51, 101, .05);
}

.centro-admin-avatar[b-hsb8p7khuz] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #0b63f6, #169fdd);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .04em;
}

.centro-admin-current-user strong[b-hsb8p7khuz],
.centro-admin-current-user small[b-hsb8p7khuz] {
    display: block;
}

.centro-admin-current-user strong[b-hsb8p7khuz] {
    max-width: 190px;
    overflow: hidden;
    color: var(--admin-text);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.centro-admin-current-user small[b-hsb8p7khuz] {
    margin-top: 3px;
    color: var(--admin-blue);
    font-size: 10px;
    font-weight: 700;
}

.centro-admin-loading[b-hsb8p7khuz],
.centro-admin-section[b-hsb8p7khuz] {
    max-width: 1260px;
    margin: 0 auto;
}

.centro-admin-loading[b-hsb8p7khuz] {
    padding: 28px;
    border: 1px solid var(--admin-border);
    border-radius: 18px;
    background: #fff;
    color: var(--admin-muted);
    text-align: center;
}

.centro-admin-section[b-hsb8p7khuz] {
    scroll-margin-top: 20px;
}

.centro-admin-section + .centro-admin-section[b-hsb8p7khuz] {
    margin-top: 34px;
}

.centro-admin-section-head[b-hsb8p7khuz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 17px;
}

.centro-admin-section-head h2[b-hsb8p7khuz] {
    margin: 0;
    color: var(--admin-navy);
    font-size: 22px;
    line-height: 1.2;
}

.centro-admin-section-head p[b-hsb8p7khuz] {
    margin: 6px 0 0;
    color: var(--admin-muted);
    font-size: 12px;
    line-height: 1.5;
}

.centro-admin-readonly-badge[b-hsb8p7khuz] {
    flex: 0 0 auto;
    padding: 6px 9px;
    border: 1px solid #cfe0f7;
    border-radius: 999px;
    background: #f2f7fd;
    color: #3b648f;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.centro-admin-kpi-grid[b-hsb8p7khuz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.centro-admin-kpi[b-hsb8p7khuz] {
    min-width: 0;
    padding: 19px;
    border: 1px solid var(--admin-border);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(16, 51, 101, .04);
}

.centro-admin-kpi-icon[b-hsb8p7khuz] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 10px;
    background: var(--admin-blue-soft);
    color: var(--admin-blue);
}

.centro-admin-kpi-icon svg[b-hsb8p7khuz] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.centro-admin-kpi > span:not(.centro-admin-kpi-icon)[b-hsb8p7khuz],
.centro-admin-kpi > strong[b-hsb8p7khuz],
.centro-admin-kpi > small[b-hsb8p7khuz] {
    display: block;
}

.centro-admin-kpi > span:not(.centro-admin-kpi-icon)[b-hsb8p7khuz] {
    color: #526783;
    font-size: 11px;
    font-weight: 650;
}

.centro-admin-kpi > strong[b-hsb8p7khuz] {
    margin: 5px 0 3px;
    color: var(--admin-navy);
    font-size: 28px;
    line-height: 1;
}

.centro-admin-kpi > small[b-hsb8p7khuz] {
    color: #8492a6;
    font-size: 9px;
}

.centro-admin-state-card[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 15px;
    padding: 15px 17px;
    border: 1px solid #cfe8d8;
    border-radius: 14px;
    background: #f2fbf5;
}

.centro-admin-state-icon[b-hsb8p7khuz] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #1d8a4d;
    color: #fff;
    font-weight: 900;
}

.centro-admin-state-card strong[b-hsb8p7khuz] {
    display: block;
    color: #17633a;
    font-size: 12px;
}

.centro-admin-state-card p[b-hsb8p7khuz] {
    margin: 3px 0 0;
    color: #4d765e;
    font-size: 10px;
    line-height: 1.5;
}

.centro-admin-roles-section[b-hsb8p7khuz] {
    padding-top: 3px;
}

.centro-admin-role-summary-grid[b-hsb8p7khuz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-bottom: 15px;
}

.centro-admin-role-card[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 18px;
    border: 1px solid var(--admin-border);
    border-radius: 16px;
    background: #fff;
}

.centro-admin-role-card.owner[b-hsb8p7khuz] {
    border-left: 4px solid #0b63f6;
}

.centro-admin-role-card.support[b-hsb8p7khuz] {
    border-left: 4px solid #1b9a72;
}

.centro-admin-role-card-head[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.centro-admin-role-symbol[b-hsb8p7khuz] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #edf4ff;
    color: #0b63f6;
    font-size: 14px;
    font-weight: 900;
}

.centro-admin-role-card.support .centro-admin-role-symbol[b-hsb8p7khuz] {
    background: #eaf9f3;
    color: #16805e;
}

.centro-admin-role-card strong[b-hsb8p7khuz],
.centro-admin-role-card span[b-hsb8p7khuz] {
    display: block;
}

.centro-admin-role-card-head strong[b-hsb8p7khuz] {
    color: var(--admin-text);
    font-size: 13px;
}

.centro-admin-role-card-head div > span[b-hsb8p7khuz] {
    margin-top: 3px;
    color: var(--admin-muted);
    font-size: 9px;
}

.centro-admin-role-count[b-hsb8p7khuz] {
    flex: 0 0 auto;
    color: var(--admin-blue);
    font-size: 10px;
    font-weight: 800;
}

.centro-admin-table-card[b-hsb8p7khuz] {
    overflow: hidden;
    border: 1px solid var(--admin-border);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(16, 51, 101, .035);
}

.centro-admin-table-wrap[b-hsb8p7khuz] {
    overflow-x: auto;
}

.centro-admin-table[b-hsb8p7khuz] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.centro-admin-table th[b-hsb8p7khuz],
.centro-admin-table td[b-hsb8p7khuz] {
    padding: 13px 16px;
    border-bottom: 1px solid #edf2f7;
    text-align: left;
    vertical-align: middle;
}

.centro-admin-table th[b-hsb8p7khuz] {
    background: #f7f9fc;
    color: #667895;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.centro-admin-table td[b-hsb8p7khuz] {
    color: #526783;
    font-size: 10px;
}

.centro-admin-table td strong[b-hsb8p7khuz] {
    color: var(--admin-text);
    font-size: 11px;
}

.centro-admin-table tbody tr:last-child td[b-hsb8p7khuz] {
    border-bottom: 0;
}

.centro-admin-role-pill[b-hsb8p7khuz],
.centro-admin-status-pill[b-hsb8p7khuz] {
    display: inline-flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.centro-admin-role-pill.owner[b-hsb8p7khuz] {
    background: #eaf3ff;
    color: #0b63f6;
}

.centro-admin-role-pill.support[b-hsb8p7khuz] {
    background: #eaf9f3;
    color: #16805e;
}

.centro-admin-status-pill.active[b-hsb8p7khuz] {
    background: #edf9f1;
    color: #1b7b47;
}

.centro-admin-status-pill.inactive[b-hsb8p7khuz] {
    background: #fff0f0;
    color: #a84444;
}

.centro-admin-permission-grid[b-hsb8p7khuz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-top: 15px;
}

.centro-admin-permission-grid article[b-hsb8p7khuz] {
    padding: 17px 18px;
    border: 1px solid var(--admin-border);
    border-radius: 16px;
    background: #fff;
}

.centro-admin-permission-grid h3[b-hsb8p7khuz] {
    margin: 0 0 10px;
    color: var(--admin-navy);
    font-size: 13px;
}

.centro-admin-permission-grid ul[b-hsb8p7khuz] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.centro-admin-permission-grid li[b-hsb8p7khuz] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #5d6f88;
    font-size: 10px;
    line-height: 1.45;
}

.centro-admin-permission-grid li span[b-hsb8p7khuz] {
    width: 16px;
    flex: 0 0 16px;
    color: #16805e;
    font-weight: 900;
}

@media (max-width: 1100px) {
    .centro-admin-page[b-hsb8p7khuz] {
        grid-template-columns: 246px minmax(0, 1fr);
    }

    .centro-admin-brand img[b-hsb8p7khuz] {
        max-width: 192px;
    }

    .centro-admin-content[b-hsb8p7khuz] {
        padding: 28px 24px 44px;
    }

    .centro-admin-page.is-sidebar-collapsed .centro-admin-content[b-hsb8p7khuz] {
        padding-left: 28px;
        padding-right: 28px;
    }

    .centro-admin-kpi-grid[b-hsb8p7khuz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .centro-admin-page[b-hsb8p7khuz],
    .centro-admin-page.is-sidebar-collapsed[b-hsb8p7khuz] {
        display: block;
        min-height: 100vh;
    }

    .centro-admin-sidebar[b-hsb8p7khuz],
    .centro-admin-page.is-sidebar-collapsed .centro-admin-sidebar[b-hsb8p7khuz] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 1200;
        width: min(310px, 88vw);
        height: 100vh;
        padding: 18px 17px 20px;
        transform: translateX(-106%);
        opacity: 1;
        pointer-events: auto;
        box-shadow: 18px 0 42px rgba(4, 27, 73, .26);
    }

    .centro-admin-page.is-mobile-sidebar-open .centro-admin-sidebar[b-hsb8p7khuz],
    .centro-admin-page.is-sidebar-collapsed.is-mobile-sidebar-open .centro-admin-sidebar[b-hsb8p7khuz] {
        transform: translateX(0);
    }

    .centro-admin-sidebar-close[b-hsb8p7khuz] {
        display: inline-flex;
    }

    .centro-admin-brand[b-hsb8p7khuz] {
        padding-right: 42px;
    }

    .centro-admin-brand img[b-hsb8p7khuz] {
        max-width: 210px;
    }

    .centro-admin-sidebar-overlay[b-hsb8p7khuz] {
        position: fixed;
        inset: 0;
        z-index: 1150;
        width: 100%;
        height: 100%;
        border: 0;
        background: rgba(4, 18, 45, .54);
        opacity: 0;
        pointer-events: none;
        transition: opacity .22s ease;
    }

    .centro-admin-page.is-mobile-sidebar-open .centro-admin-sidebar-overlay[b-hsb8p7khuz] {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }

    .centro-admin-page.is-sidebar-collapsed .centro-admin-content[b-hsb8p7khuz],
    .centro-admin-content[b-hsb8p7khuz] {
        padding: 24px 16px 38px;
    }

    .centro-admin-topbar[b-hsb8p7khuz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .centro-admin-topbar-leading[b-hsb8p7khuz] {
        width: 100%;
    }

    .centro-admin-menu-toggle[b-hsb8p7khuz] {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .centro-admin-current-user[b-hsb8p7khuz] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .centro-admin-kpi-grid[b-hsb8p7khuz],
    .centro-admin-role-summary-grid[b-hsb8p7khuz],
    .centro-admin-permission-grid[b-hsb8p7khuz] {
        grid-template-columns: 1fr;
    }

    .centro-admin-section-head[b-hsb8p7khuz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .centro-admin-role-card[b-hsb8p7khuz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .centro-admin-role-count[b-hsb8p7khuz] {
        padding-left: 49px;
    }
}

@media (max-width: 420px) {
    .centro-admin-content[b-hsb8p7khuz],
    .centro-admin-page.is-sidebar-collapsed .centro-admin-content[b-hsb8p7khuz] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .centro-admin-topbar-leading[b-hsb8p7khuz] {
        gap: 11px;
    }

    .centro-admin-menu-toggle[b-hsb8p7khuz] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 11px;
    }

    .centro-admin-topbar h1[b-hsb8p7khuz] {
        font-size: 24px;
    }

    .centro-admin-kpi[b-hsb8p7khuz],
    .centro-admin-role-card[b-hsb8p7khuz],
    .centro-admin-permission-grid article[b-hsb8p7khuz] {
        padding: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-page[b-hsb8p7khuz],
    .centro-admin-sidebar[b-hsb8p7khuz],
    .centro-admin-content[b-hsb8p7khuz],
    .centro-admin-nav-item[b-hsb8p7khuz],
    .centro-admin-nav-icon[b-hsb8p7khuz],
    .centro-admin-menu-toggle[b-hsb8p7khuz],
    .centro-admin-sidebar-overlay[b-hsb8p7khuz] {
        transition: none !important;
    }
}

/* ==========================================================
   ADMIN-02C - Homologación visual del Panel de control
   Cambio exclusivamente visual sobre ADMIN-02B aprobado.
   Reutiliza el fondo existente del Home: images/banner/banner1.jpg
   ========================================================== */

.centro-admin-content[b-hsb8p7khuz] {
    position: relative;
    isolation: isolate;
    background-color: #f7faff;
    background-image:
        linear-gradient(90deg, rgba(247, 250, 255, .30) 0%, rgba(247, 250, 255, .72) 34%, rgba(247, 250, 255, .94) 70%, #f7faff 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(247, 250, 255, .96) 72%, #f7faff 100%),
        url('/images/banner/banner1.jpg');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center top, center top, left top;
    background-size: 100% 100%, 100% 100%, 1500px auto;
}

.centro-admin-content[b-hsb8p7khuz]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 6%, rgba(39, 126, 231, .10), transparent 24%),
        radial-gradient(circle at 86% 14%, rgba(34, 104, 214, .055), transparent 28%);
}

.centro-admin-topbar[b-hsb8p7khuz],
.centro-admin-loading[b-hsb8p7khuz],
.centro-admin-section[b-hsb8p7khuz] {
    position: relative;
    z-index: 1;
}

.centro-admin-topbar h1[b-hsb8p7khuz] {
    max-width: 760px;
    letter-spacing: -.025em;
}

.centro-admin-current-user[b-hsb8p7khuz] {
    border-color: rgba(187, 208, 235, .82);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 10px 28px rgba(16, 51, 101, .075);
    backdrop-filter: blur(8px);
}

.centro-admin-readonly-badge[b-hsb8p7khuz] {
    border-color: rgba(167, 195, 233, .80);
    background: rgba(243, 248, 255, .88);
    box-shadow: 0 5px 14px rgba(25, 83, 166, .05);
}

.centro-admin-kpi[b-hsb8p7khuz] {
    position: relative;
    overflow: hidden;
    min-height: 164px;
    border-color: rgba(185, 207, 235, .72);
    box-shadow: 0 12px 30px rgba(16, 51, 101, .085);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.centro-admin-kpi[b-hsb8p7khuz]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, #0b63f6, #36a6ef);
}

.centro-admin-kpi[b-hsb8p7khuz]::after {
    content: "";
    position: absolute;
    width: 118px;
    height: 118px;
    right: -42px;
    top: -48px;
    border-radius: 50%;
    background: rgba(11, 99, 246, .08);
    pointer-events: none;
}

.centro-admin-kpi:hover[b-hsb8p7khuz] {
    transform: translateY(-3px);
    border-color: rgba(143, 181, 229, .92);
    box-shadow: 0 17px 38px rgba(16, 51, 101, .13);
}

.centro-admin-kpi:nth-child(1)[b-hsb8p7khuz] {
    background: linear-gradient(145deg, rgba(255,255,255,.97) 0%, rgba(232,243,255,.96) 100%);
}

.centro-admin-kpi:nth-child(1)[b-hsb8p7khuz]::before {
    background: linear-gradient(90deg, #0b63f6, #28a5ef);
}

.centro-admin-kpi:nth-child(1)[b-hsb8p7khuz]::after {
    background: rgba(11, 99, 246, .085);
}

.centro-admin-kpi:nth-child(1) .centro-admin-kpi-icon[b-hsb8p7khuz] {
    background: linear-gradient(135deg, #0b63f6, #2f9ce8);
    color: #fff;
    box-shadow: 0 8px 18px rgba(11, 99, 246, .22);
}

.centro-admin-kpi:nth-child(2)[b-hsb8p7khuz] {
    background: linear-gradient(145deg, rgba(255,255,255,.97) 0%, rgba(231,249,243,.96) 100%);
}

.centro-admin-kpi:nth-child(2)[b-hsb8p7khuz]::before {
    background: linear-gradient(90deg, #159469, #42bea0);
}

.centro-admin-kpi:nth-child(2)[b-hsb8p7khuz]::after {
    background: rgba(21, 148, 105, .085);
}

.centro-admin-kpi:nth-child(2) .centro-admin-kpi-icon[b-hsb8p7khuz] {
    background: linear-gradient(135deg, #14865f, #37b994);
    color: #fff;
    box-shadow: 0 8px 18px rgba(20, 134, 95, .20);
}

.centro-admin-kpi:nth-child(3)[b-hsb8p7khuz] {
    background: linear-gradient(145deg, rgba(255,255,255,.97) 0%, rgba(242,237,255,.96) 100%);
}

.centro-admin-kpi:nth-child(3)[b-hsb8p7khuz]::before {
    background: linear-gradient(90deg, #7157d9, #9a78ee);
}

.centro-admin-kpi:nth-child(3)[b-hsb8p7khuz]::after {
    background: rgba(113, 87, 217, .085);
}

.centro-admin-kpi:nth-child(3) .centro-admin-kpi-icon[b-hsb8p7khuz] {
    background: linear-gradient(135deg, #6550c8, #8a69e6);
    color: #fff;
    box-shadow: 0 8px 18px rgba(101, 80, 200, .20);
}

.centro-admin-kpi:nth-child(4)[b-hsb8p7khuz] {
    background: linear-gradient(145deg, rgba(255,255,255,.97) 0%, rgba(255,244,226,.96) 100%);
}

.centro-admin-kpi:nth-child(4)[b-hsb8p7khuz]::before {
    background: linear-gradient(90deg, #e89028, #f3b447);
}

.centro-admin-kpi:nth-child(4)[b-hsb8p7khuz]::after {
    background: rgba(232, 144, 40, .09);
}

.centro-admin-kpi:nth-child(4) .centro-admin-kpi-icon[b-hsb8p7khuz] {
    background: linear-gradient(135deg, #dd841e, #f0ad3d);
    color: #fff;
    box-shadow: 0 8px 18px rgba(221, 132, 30, .20);
}

.centro-admin-kpi-icon[b-hsb8p7khuz] {
    position: relative;
    z-index: 1;
    width: 42px;
    height: 42px;
    margin-bottom: 15px;
    border-radius: 12px;
}

.centro-admin-kpi-icon svg[b-hsb8p7khuz] {
    width: 22px;
    height: 22px;
}

.centro-admin-kpi > span:not(.centro-admin-kpi-icon)[b-hsb8p7khuz],
.centro-admin-kpi > strong[b-hsb8p7khuz],
.centro-admin-kpi > small[b-hsb8p7khuz] {
    position: relative;
    z-index: 1;
}

.centro-admin-kpi > strong[b-hsb8p7khuz] {
    margin-top: 7px;
    font-size: 31px;
    letter-spacing: -.025em;
}

.centro-admin-state-card[b-hsb8p7khuz] {
    border-color: rgba(166, 219, 187, .78);
    background: linear-gradient(100deg, rgba(243, 252, 246, .96), rgba(232, 249, 241, .91));
    box-shadow: 0 9px 24px rgba(25, 118, 71, .07);
}

.centro-admin-role-card[b-hsb8p7khuz],
.centro-admin-table-card[b-hsb8p7khuz],
.centro-admin-permission-grid article[b-hsb8p7khuz],
.centro-admin-loading[b-hsb8p7khuz] {
    background: rgba(255, 255, 255, .90);
    border-color: rgba(190, 210, 235, .75);
    box-shadow: 0 10px 26px rgba(16, 51, 101, .065);
    backdrop-filter: blur(7px);
}

.centro-admin-role-card.owner[b-hsb8p7khuz] {
    background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(235,244,255,.94));
}

.centro-admin-role-card.support[b-hsb8p7khuz] {
    background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(233,249,243,.94));
}

.centro-admin-permission-grid article:first-child[b-hsb8p7khuz] {
    border-top: 3px solid #2d7fe6;
}

.centro-admin-permission-grid article:last-child[b-hsb8p7khuz] {
    border-top: 3px solid #2ca27d;
}

.centro-admin-table th[b-hsb8p7khuz] {
    background: linear-gradient(180deg, rgba(246,249,253,.96), rgba(239,245,252,.96));
}

@media (max-width: 820px) {
    .centro-admin-content[b-hsb8p7khuz],
    .centro-admin-page.is-sidebar-collapsed .centro-admin-content[b-hsb8p7khuz] {
        background-image:
            linear-gradient(180deg, rgba(247,250,255,.66) 0%, rgba(247,250,255,.94) 48%, #f7faff 100%),
            url('/images/banner/banner1.jpg');
        background-size: 100% 100%, 1050px auto;
        background-position: center top, 22% top;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-kpi[b-hsb8p7khuz] {
        transition: none !important;
    }
}

/* ==========================================================
   ADMIN-02D - Homologación tipográfica del Panel de control
   Ajuste exclusivamente de escala y legibilidad sobre
   ADMIN-02C aprobado. Sin cambios funcionales ni de layout.
   ========================================================== */

/* Sidebar */
.centro-admin-sidebar-title span[b-hsb8p7khuz] {
    font-size: 12px;
}

.centro-admin-sidebar-title strong[b-hsb8p7khuz] {
    font-size: 19px;
}

.centro-admin-nav-item[b-hsb8p7khuz] {
    font-size: 14px;
}

.centro-admin-nav-item small[b-hsb8p7khuz] {
    font-size: 9px;
}

.centro-admin-nav-separator[b-hsb8p7khuz] {
    font-size: 10px;
}

.centro-admin-sidebar-footer a[b-hsb8p7khuz] {
    font-size: 13px;
}

/* Cabecera */
.centro-admin-eyebrow[b-hsb8p7khuz],
.centro-admin-section-kicker[b-hsb8p7khuz] {
    font-size: 11px;
}

.centro-admin-topbar p[b-hsb8p7khuz] {
    font-size: 14px;
}

.centro-admin-current-user strong[b-hsb8p7khuz] {
    font-size: 13px;
}

.centro-admin-current-user small[b-hsb8p7khuz] {
    font-size: 11px;
}

/* Secciones */
.centro-admin-section-head h2[b-hsb8p7khuz] {
    font-size: 24px;
}

.centro-admin-section-head p[b-hsb8p7khuz] {
    font-size: 13px;
}

.centro-admin-readonly-badge[b-hsb8p7khuz] {
    font-size: 10px;
}

/* KPIs */
.centro-admin-kpi > span:not(.centro-admin-kpi-icon)[b-hsb8p7khuz] {
    font-size: 12px;
}

.centro-admin-kpi > strong[b-hsb8p7khuz] {
    font-size: 32px;
}

.centro-admin-kpi > small[b-hsb8p7khuz] {
    font-size: 11px;
    line-height: 1.4;
}

/* Estado del panel */
.centro-admin-state-card strong[b-hsb8p7khuz] {
    font-size: 13px;
}

.centro-admin-state-card p[b-hsb8p7khuz] {
    font-size: 12px;
    line-height: 1.5;
}

/* Roles */
.centro-admin-role-card-head strong[b-hsb8p7khuz] {
    font-size: 14px;
}

.centro-admin-role-card-head div > span[b-hsb8p7khuz] {
    font-size: 11px;
    line-height: 1.4;
}

.centro-admin-role-count[b-hsb8p7khuz] {
    font-size: 11px;
}

/* Tabla */
.centro-admin-table th[b-hsb8p7khuz] {
    font-size: 10px;
}

.centro-admin-table td[b-hsb8p7khuz] {
    font-size: 12px;
}

.centro-admin-table td strong[b-hsb8p7khuz] {
    font-size: 13px;
}

.centro-admin-role-pill[b-hsb8p7khuz],
.centro-admin-status-pill[b-hsb8p7khuz] {
    font-size: 10px;
}

/* Permisos */
.centro-admin-permission-grid h3[b-hsb8p7khuz] {
    font-size: 14px;
}

.centro-admin-permission-grid li[b-hsb8p7khuz] {
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 820px) {
    .centro-admin-nav-item[b-hsb8p7khuz] {
        font-size: 14px;
    }

    .centro-admin-topbar p[b-hsb8p7khuz] {
        font-size: 13px;
    }

    .centro-admin-section-head h2[b-hsb8p7khuz] {
        font-size: 22px;
    }

    .centro-admin-kpi > strong[b-hsb8p7khuz] {
        font-size: 30px;
    }
}


/* ==========================================================
   ADMIN-03A - Listado y búsqueda administrativa de usuarios
   Vista exclusivamente de consulta. Sin acciones de edición.
   ========================================================== */

.centro-admin-users-section[b-hsb8p7khuz] {
    scroll-margin-top: 24px;
}

.centro-admin-users-head[b-hsb8p7khuz] {
    margin-bottom: 18px;
}

.centro-admin-user-toolbar[b-hsb8p7khuz] {
    display: grid;
    grid-template-columns: minmax(280px, 1.8fr) minmax(150px, .7fr) minmax(165px, .8fr) auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 14px;
    padding: 17px;
    border: 1px solid rgba(190, 210, 235, .82);
    border-radius: 17px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 9px 24px rgba(16, 51, 101, .055);
    backdrop-filter: blur(7px);
}

.centro-admin-user-search[b-hsb8p7khuz],
.centro-admin-user-filter[b-hsb8p7khuz] {
    min-width: 0;
    display: grid;
    gap: 7px;
    margin: 0;
}

.centro-admin-user-search > span:first-child[b-hsb8p7khuz],
.centro-admin-user-filter > span:first-child[b-hsb8p7khuz] {
    color: #324d73;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
}

.centro-admin-user-search-box[b-hsb8p7khuz] {
    position: relative;
    display: block;
}

.centro-admin-user-search-box svg[b-hsb8p7khuz] {
    position: absolute;
    top: 50%;
    left: 13px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    fill: none;
    stroke: #6280a8;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.centro-admin-user-search input[b-hsb8p7khuz],
.centro-admin-user-filter select[b-hsb8p7khuz] {
    width: 100%;
    height: 46px;
    border: 1px solid #cad9eb;
    border-radius: 11px;
    background: rgba(250, 252, 255, .98);
    color: #173259;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.2;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.centro-admin-user-search input[b-hsb8p7khuz] {
    padding: 0 14px 0 42px;
}

.centro-admin-user-filter select[b-hsb8p7khuz] {
    padding: 0 35px 0 12px;
    cursor: pointer;
}

.centro-admin-user-search input:focus[b-hsb8p7khuz],
.centro-admin-user-filter select:focus[b-hsb8p7khuz] {
    border-color: #77a9eb;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(11, 99, 246, .09);
}

.centro-admin-user-clear[b-hsb8p7khuz] {
    min-height: 46px;
    padding: 0 15px;
    border: 1px solid #c8d9ed;
    border-radius: 11px;
    background: #f7faff;
    color: #1b5eb8;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.centro-admin-user-clear:hover[b-hsb8p7khuz],
.centro-admin-user-clear:focus-visible[b-hsb8p7khuz] {
    border-color: #91b9ec;
    background: #eef6ff;
    box-shadow: 0 6px 16px rgba(11, 99, 246, .09);
    transform: translateY(-1px);
}

.centro-admin-user-results-bar[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 2px 10px;
    color: #6a7e9d;
}

.centro-admin-user-results-bar > span[b-hsb8p7khuz] {
    color: #174b92;
    font-size: 12px;
    font-weight: 800;
}

.centro-admin-user-results-bar small[b-hsb8p7khuz] {
    font-size: 11px;
}

.centro-admin-users-table-card[b-hsb8p7khuz] {
    overflow: hidden;
}

.centro-admin-users-table[b-hsb8p7khuz] {
    min-width: 1080px;
}

.centro-admin-users-table th[b-hsb8p7khuz],
.centro-admin-users-table td[b-hsb8p7khuz] {
    vertical-align: middle;
}

.centro-admin-users-table td:first-child[b-hsb8p7khuz] {
    min-width: 205px;
}

.centro-admin-users-table td:nth-child(2)[b-hsb8p7khuz] {
    min-width: 230px;
    overflow-wrap: anywhere;
}

.centro-admin-user-username[b-hsb8p7khuz] {
    display: block;
    margin-top: 4px;
    color: #7286a4;
    font-size: 10px;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.centro-admin-user-date[b-hsb8p7khuz] {
    white-space: nowrap;
}

.centro-admin-role-pill.user[b-hsb8p7khuz] {
    background: #eef3f8;
    color: #50647d;
}

.centro-admin-provider-pill[b-hsb8p7khuz],
.centro-admin-profile-pill[b-hsb8p7khuz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 10px;
    line-height: 1.1;
    font-weight: 700;
    white-space: nowrap;
}

.centro-admin-provider-pill[b-hsb8p7khuz] {
    border: 1px solid #d7e4f3;
    background: #f7faff;
    color: #3f5e82;
}

.centro-admin-profile-pill.complete[b-hsb8p7khuz] {
    background: #e8f8ef;
    color: #207850;
}

.centro-admin-profile-pill.incomplete[b-hsb8p7khuz] {
    background: #fff4df;
    color: #9a6115;
}

.centro-admin-users-table tbody tr[hidden][b-hsb8p7khuz] {
    display: none;
}

@media (max-width: 1180px) {
    .centro-admin-user-toolbar[b-hsb8p7khuz] {
        grid-template-columns: minmax(260px, 1.5fr) repeat(2, minmax(145px, .75fr));
    }

    .centro-admin-user-clear[b-hsb8p7khuz] {
        grid-column: 1 / -1;
        justify-self: start;
        min-height: 40px;
    }
}

@media (max-width: 820px) {
    .centro-admin-user-toolbar[b-hsb8p7khuz] {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .centro-admin-user-clear[b-hsb8p7khuz] {
        grid-column: auto;
        width: 100%;
        min-height: 44px;
    }

    .centro-admin-user-results-bar[b-hsb8p7khuz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .centro-admin-user-search input[b-hsb8p7khuz],
    .centro-admin-user-filter select[b-hsb8p7khuz] {
        font-size: 13px;
    }
}

/* ==========================================================
   ADMIN-03B - Ficha administrativa de usuario (solo consulta)
   ========================================================== */

.centro-admin-user-actions-head[b-hsb8p7khuz],
.centro-admin-user-actions[b-hsb8p7khuz] {
    width: 104px;
    text-align: center;
    white-space: nowrap;
}

.centro-admin-user-detail-button[b-hsb8p7khuz] {
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid #bcd3ef;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f1f7ff 100%);
    color: #1358aa;
    font-family: inherit;
    font-size: 11px;
    line-height: 1.1;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 4px 11px rgba(11, 99, 246, .06);
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.centro-admin-user-detail-button:hover[b-hsb8p7khuz],
.centro-admin-user-detail-button:focus-visible[b-hsb8p7khuz] {
    border-color: #7eafe9;
    background: #eaf4ff;
    box-shadow: 0 7px 16px rgba(11, 99, 246, .12);
    transform: translateY(-1px);
}

.centro-admin-user-detail-dialog[b-hsb8p7khuz] {
    width: min(900px, calc(100vw - 34px));
    max-height: calc(100vh - 40px);
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 22px;
    background: transparent;
    color: var(--admin-text);
    overflow: visible;
    box-shadow: 0 30px 80px rgba(7, 31, 79, .28);
}

.centro-admin-user-detail-dialog[b-hsb8p7khuz]::backdrop {
    background: rgba(7, 28, 67, .56);
    backdrop-filter: blur(4px);
}

.centro-admin-user-detail-card[b-hsb8p7khuz] {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    border: 1px solid rgba(192, 211, 235, .92);
    border-radius: 22px;
    background:
        radial-gradient(circle at 95% 0%, rgba(77, 157, 255, .11), transparent 27%),
        linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

.centro-admin-user-detail-header[b-hsb8p7khuz] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 23px 24px 18px;
    border-bottom: 1px solid #e3ebf5;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(10px);
}

.centro-admin-user-detail-identity[b-hsb8p7khuz] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.centro-admin-user-detail-avatar[b-hsb8p7khuz] {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, #0b63f6 0%, #167ed7 58%, #20a5d8 100%);
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: .02em;
    box-shadow: 0 9px 20px rgba(11, 99, 246, .18);
}

.centro-admin-user-detail-header h3[b-hsb8p7khuz] {
    margin: 0;
    color: #102b58;
    font-size: 22px;
    line-height: 1.22;
    font-weight: 800;
}

.centro-admin-user-detail-header p[b-hsb8p7khuz] {
    margin: 5px 0 0;
    color: #647b9b;
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.centro-admin-user-detail-close[b-hsb8p7khuz] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4e0ef;
    border-radius: 11px;
    background: #f7faff;
    color: #416180;
    font-family: inherit;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.centro-admin-user-detail-close:hover[b-hsb8p7khuz],
.centro-admin-user-detail-close:focus-visible[b-hsb8p7khuz] {
    border-color: #a7c5e9;
    background: #edf5ff;
    color: #125ab1;
    transform: rotate(4deg);
}

.centro-admin-user-detail-badges[b-hsb8p7khuz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 17px 24px 0;
}

.centro-admin-user-detail-section[b-hsb8p7khuz] {
    margin: 18px 24px 0;
    padding: 18px;
    border: 1px solid #dfe8f4;
    border-radius: 17px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 7px 20px rgba(16, 51, 101, .04);
}

.centro-admin-user-detail-section-title[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e8eef6;
}

.centro-admin-user-detail-section-icon[b-hsb8p7khuz] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #edf5ff;
    color: #1769c7;
}

.centro-admin-user-detail-section-icon svg[b-hsb8p7khuz] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.centro-admin-user-detail-section-title strong[b-hsb8p7khuz],
.centro-admin-user-detail-section-title small[b-hsb8p7khuz] {
    display: block;
}

.centro-admin-user-detail-section-title strong[b-hsb8p7khuz] {
    color: #183760;
    font-size: 14px;
    font-weight: 800;
}

.centro-admin-user-detail-section-title small[b-hsb8p7khuz] {
    margin-top: 2px;
    color: #7387a4;
    font-size: 11px;
    line-height: 1.35;
}

.centro-admin-user-detail-grid[b-hsb8p7khuz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 0;
}

.centro-admin-user-detail-grid > div[b-hsb8p7khuz] {
    min-width: 0;
    padding: 12px 14px;
    border-bottom: 1px solid #edf1f6;
}

.centro-admin-user-detail-grid > div:nth-child(odd)[b-hsb8p7khuz] {
    border-right: 1px solid #edf1f6;
}

.centro-admin-user-detail-grid dt[b-hsb8p7khuz] {
    margin: 0 0 5px;
    color: #6f84a1;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.centro-admin-user-detail-grid dd[b-hsb8p7khuz] {
    margin: 0;
    color: #1f3657;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.centro-admin-user-detail-grid .centro-admin-user-detail-address[b-hsb8p7khuz] {
    grid-column: 1 / -1;
    border-right: 0;
}

.centro-admin-user-detail-footer[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 19px 24px 23px;
    color: #6d809c;
}

.centro-admin-user-detail-footer > span[b-hsb8p7khuz] {
    font-size: 11px;
    line-height: 1.45;
}

.centro-admin-user-detail-done[b-hsb8p7khuz] {
    min-height: 40px;
    padding: 8px 18px;
    border: 1px solid #0b63f6;
    border-radius: 11px;
    background: linear-gradient(135deg, #0b63f6 0%, #0874d5 100%);
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 7px 17px rgba(11, 99, 246, .17);
    transition: transform .18s ease, box-shadow .18s ease;
}

.centro-admin-user-detail-done:hover[b-hsb8p7khuz],
.centro-admin-user-detail-done:focus-visible[b-hsb8p7khuz] {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(11, 99, 246, .24);
}

@media (max-width: 700px) {
    .centro-admin-user-detail-dialog[b-hsb8p7khuz] {
        width: calc(100vw - 18px);
        max-height: calc(100vh - 18px);
    }

    .centro-admin-user-detail-card[b-hsb8p7khuz] {
        max-height: calc(100vh - 18px);
        border-radius: 18px;
    }

    .centro-admin-user-detail-header[b-hsb8p7khuz] {
        padding: 17px 16px 14px;
    }

    .centro-admin-user-detail-avatar[b-hsb8p7khuz] {
        width: 47px;
        height: 47px;
        flex-basis: 47px;
        border-radius: 14px;
        font-size: 15px;
    }

    .centro-admin-user-detail-header h3[b-hsb8p7khuz] {
        font-size: 19px;
    }

    .centro-admin-user-detail-badges[b-hsb8p7khuz] {
        padding: 14px 16px 0;
    }

    .centro-admin-user-detail-section[b-hsb8p7khuz] {
        margin: 14px 16px 0;
        padding: 14px;
    }

    .centro-admin-user-detail-grid[b-hsb8p7khuz] {
        grid-template-columns: 1fr;
    }

    .centro-admin-user-detail-grid > div[b-hsb8p7khuz],
    .centro-admin-user-detail-grid > div:nth-child(odd)[b-hsb8p7khuz] {
        border-right: 0;
    }

    .centro-admin-user-detail-footer[b-hsb8p7khuz] {
        align-items: stretch;
        flex-direction: column;
        padding: 17px 16px 19px;
    }

    .centro-admin-user-detail-done[b-hsb8p7khuz] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-user-detail-button[b-hsb8p7khuz],
    .centro-admin-user-detail-close[b-hsb8p7khuz],
    .centro-admin-user-detail-done[b-hsb8p7khuz] {
        transition: none;
    }
}


/* ==========================================================
   ADMIN-03B1 - Homologacion visual de ficha administrativa
   Solo presentacion: conserva estructura y comportamiento.
   ========================================================== */

.centro-admin-user-detail-card[b-hsb8p7khuz] {
    background:
        radial-gradient(circle at 92% 3%, rgba(11, 99, 246, .10), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 40%, #f8fbff 100%);
}

.centro-admin-user-detail-header[b-hsb8p7khuz] {
    border-bottom-color: #dce8f6;
    background:
        linear-gradient(135deg, rgba(240, 247, 255, .98) 0%, rgba(255, 255, 255, .98) 62%, rgba(239, 246, 255, .98) 100%);
}

.centro-admin-user-detail-section[b-hsb8p7khuz] {
    position: relative;
    overflow: hidden;
    border: 1px solid #cfe0f4;
    background: linear-gradient(135deg, #ffffff 0%, #f2f7ff 100%);
    box-shadow: 0 10px 28px rgba(23, 71, 132, .07);
}

.centro-admin-user-detail-section[b-hsb8p7khuz]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #0b63f6 0%, #2aa4e8 100%);
}

.centro-admin-user-detail-section:nth-of-type(2)[b-hsb8p7khuz] {
    border-color: #cce9df;
    background: linear-gradient(135deg, #ffffff 0%, #eefaf6 100%);
}

.centro-admin-user-detail-section:nth-of-type(2)[b-hsb8p7khuz]::before {
    background: linear-gradient(90deg, #13a06f 0%, #36c39a 100%);
}

.centro-admin-user-detail-section:nth-of-type(2) .centro-admin-user-detail-section-icon[b-hsb8p7khuz] {
    background: #e5f7f0;
    color: #13845f;
}

.centro-admin-user-detail-section-title[b-hsb8p7khuz] {
    position: relative;
    z-index: 1;
}

.centro-admin-user-detail-grid[b-hsb8p7khuz] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid rgba(207, 224, 244, .72);
    border-radius: 14px;
    background: rgba(255, 255, 255, .72);
}

.centro-admin-user-detail-section:nth-of-type(2) .centro-admin-user-detail-grid[b-hsb8p7khuz] {
    border-color: rgba(204, 233, 223, .82);
}

.centro-admin-user-detail-grid > div[b-hsb8p7khuz] {
    background: rgba(255, 255, 255, .60);
}

.centro-admin-user-detail-grid > div:nth-child(4n + 2)[b-hsb8p7khuz],
.centro-admin-user-detail-grid > div:nth-child(4n + 3)[b-hsb8p7khuz] {
    background: rgba(247, 250, 255, .72);
}

.centro-admin-user-detail-section:nth-of-type(2) .centro-admin-user-detail-grid > div:nth-child(4n + 2)[b-hsb8p7khuz],
.centro-admin-user-detail-section:nth-of-type(2) .centro-admin-user-detail-grid > div:nth-child(4n + 3)[b-hsb8p7khuz] {
    background: rgba(244, 251, 248, .78);
}

.centro-admin-user-detail-grid dt[b-hsb8p7khuz] {
    color: #5e7697;
}

.centro-admin-user-detail-grid dd[b-hsb8p7khuz] {
    color: #17365d;
}

.centro-admin-user-detail-footer[b-hsb8p7khuz] {
    margin: 18px 24px 22px;
    padding: 16px 18px;
    border: 1px solid #d7e5f4;
    border-radius: 15px;
    background: linear-gradient(135deg, #f7fbff 0%, #ffffff 56%, #f1f7ff 100%) !important;
    color: #536d8f;
    box-shadow: 0 8px 22px rgba(16, 51, 101, .05);
}

.centro-admin-user-detail-footer > span[b-hsb8p7khuz] {
    position: relative;
    padding-left: 28px;
    color: #536d8f;
    font-size: 12px;
    font-weight: 600;
}

.centro-admin-user-detail-footer > span[b-hsb8p7khuz]::before {
    content: "i";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e9f3ff;
    color: #0b63f6;
    font-size: 12px;
    font-weight: 800;
    transform: translateY(-50%);
}

@media (max-width: 700px) {
    .centro-admin-user-detail-section[b-hsb8p7khuz] {
        box-shadow: 0 7px 20px rgba(23, 71, 132, .06);
    }

    .centro-admin-user-detail-grid[b-hsb8p7khuz] {
        border-radius: 12px;
    }

    .centro-admin-user-detail-grid > div[b-hsb8p7khuz],
    .centro-admin-user-detail-grid > div:nth-child(4n + 2)[b-hsb8p7khuz],
    .centro-admin-user-detail-grid > div:nth-child(4n + 3)[b-hsb8p7khuz],
    .centro-admin-user-detail-section:nth-of-type(2) .centro-admin-user-detail-grid > div:nth-child(4n + 2)[b-hsb8p7khuz],
    .centro-admin-user-detail-section:nth-of-type(2) .centro-admin-user-detail-grid > div:nth-child(4n + 3)[b-hsb8p7khuz] {
        background: rgba(255, 255, 255, .76);
    }

    .centro-admin-user-detail-footer[b-hsb8p7khuz] {
        margin: 14px 16px 18px;
        padding: 14px;
    }
}

/* ==========================================================
   ADMIN-03C - Gestión controlada del estado de cuentas
   ========================================================== */

.centro-admin-account-action-message[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 22px;
    padding: 13px 16px;
    border: 1px solid #cfe0f4;
    border-radius: 14px;
    background: linear-gradient(135deg, #f7fbff 0%, #ffffff 100%);
    color: #365474;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(16, 51, 101, .04);
}

.centro-admin-account-action-message.success[b-hsb8p7khuz] {
    border-color: #bfe7d6;
    background: linear-gradient(135deg, #effbf6 0%, #ffffff 100%);
    color: #176f53;
}

.centro-admin-account-action-message.warning[b-hsb8p7khuz] {
    border-color: #f2d8b2;
    background: linear-gradient(135deg, #fff8ef 0%, #ffffff 100%);
    color: #8a5a18;
}

.centro-admin-account-action-message.info[b-hsb8p7khuz] {
    border-color: #cfe0f4;
    background: linear-gradient(135deg, #f2f8ff 0%, #ffffff 100%);
    color: #365474;
}

.centro-admin-account-action-message-icon[b-hsb8p7khuz] {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e7f1ff;
    color: #0b63f6;
    font-size: 14px;
    font-weight: 900;
}

.centro-admin-account-action-message.success .centro-admin-account-action-message-icon[b-hsb8p7khuz] {
    background: #dff6ec;
    color: #16805f;
}

.centro-admin-account-action-message.warning .centro-admin-account-action-message-icon[b-hsb8p7khuz] {
    background: #fff0da;
    color: #a7660e;
}

.centro-admin-user-detail-footer-actions[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.centro-admin-user-detail-footer-actions form[b-hsb8p7khuz] {
    margin: 0;
}

.centro-admin-account-state-button[b-hsb8p7khuz],
.centro-admin-account-state-protected[b-hsb8p7khuz] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 11px;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    white-space: nowrap;
}

.centro-admin-account-state-button[b-hsb8p7khuz] {
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.centro-admin-account-state-button.deactivate[b-hsb8p7khuz] {
    border: 1px solid #e9b5b5;
    background: linear-gradient(135deg, #fff4f4 0%, #ffe9e9 100%);
    color: #a73131;
    box-shadow: 0 7px 17px rgba(167, 49, 49, .08);
}

.centro-admin-account-state-button.activate[b-hsb8p7khuz] {
    border: 1px solid #a9ddc9;
    background: linear-gradient(135deg, #effbf6 0%, #ddf6eb 100%);
    color: #157454;
    box-shadow: 0 7px 17px rgba(21, 116, 84, .08);
}

.centro-admin-account-state-button:hover[b-hsb8p7khuz],
.centro-admin-account-state-button:focus-visible[b-hsb8p7khuz] {
    transform: translateY(-1px);
}

.centro-admin-account-state-button.deactivate:hover[b-hsb8p7khuz],
.centro-admin-account-state-button.deactivate:focus-visible[b-hsb8p7khuz] {
    border-color: #dc9595;
    box-shadow: 0 10px 22px rgba(167, 49, 49, .13);
}

.centro-admin-account-state-button.activate:hover[b-hsb8p7khuz],
.centro-admin-account-state-button.activate:focus-visible[b-hsb8p7khuz] {
    border-color: #83cdb4;
    box-shadow: 0 10px 22px rgba(21, 116, 84, .13);
}

.centro-admin-account-state-protected[b-hsb8p7khuz] {
    border: 1px solid #d9e2ec;
    background: #f5f8fb;
    color: #7b8da4;
}

@media (max-width: 700px) {
    .centro-admin-account-action-message[b-hsb8p7khuz] {
        margin-bottom: 16px;
        padding: 12px 13px;
        font-size: 12px;
    }

    .centro-admin-user-detail-footer-actions[b-hsb8p7khuz] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .centro-admin-user-detail-footer-actions form[b-hsb8p7khuz],
    .centro-admin-account-state-button[b-hsb8p7khuz],
    .centro-admin-account-state-protected[b-hsb8p7khuz] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-account-state-button[b-hsb8p7khuz] {
        transition: none;
    }
}


/* ==========================================================
   ADMIN-03C1 - Acciones integradas y confirmación nominal
   Solo presentación del pie + mensaje de resultado por cuenta.
   ========================================================== */

.centro-admin-user-detail-footer[b-hsb8p7khuz] {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
}

.centro-admin-user-detail-footer > span[b-hsb8p7khuz] {
    width: 100%;
}

.centro-admin-user-detail-footer-actions[b-hsb8p7khuz] {
    width: 100%;
    padding-top: 13px;
    border-top: 1px solid #e2ebf5;
    justify-content: flex-end;
}

.centro-admin-user-detail-footer-actions form[b-hsb8p7khuz] {
    display: inline-flex;
}

.centro-admin-account-state-button[b-hsb8p7khuz],
.centro-admin-user-detail-done[b-hsb8p7khuz] {
    min-width: 132px;
}

@media (max-width: 700px) {
    .centro-admin-user-detail-footer[b-hsb8p7khuz] {
        gap: 12px;
    }

    .centro-admin-user-detail-footer-actions[b-hsb8p7khuz] {
        padding-top: 12px;
        border-top-color: #e6edf5;
    }

    .centro-admin-user-detail-footer-actions form[b-hsb8p7khuz],
    .centro-admin-account-state-button[b-hsb8p7khuz],
    .centro-admin-user-detail-done[b-hsb8p7khuz],
    .centro-admin-account-state-protected[b-hsb8p7khuz] {
        width: 100%;
    }
}


/* ==========================================================
   ADMIN-03D - Gobierno de rol Soporte desde la interfaz
   ========================================================== */

.centro-admin-user-role-governance[b-hsb8p7khuz] {
    margin: 0 18px 18px;
    padding: 16px 17px;
    border: 1px solid #d9e5f2;
    border-radius: 15px;
    background:
        linear-gradient(135deg, rgba(245, 249, 255, .98) 0%, rgba(255, 255, 255, .98) 62%),
        #ffffff;
    box-shadow: 0 8px 20px rgba(15, 47, 79, .045);
}

.centro-admin-user-role-governance-head[b-hsb8p7khuz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.centro-admin-user-role-governance-head > div[b-hsb8p7khuz] {
    min-width: 0;
}

.centro-admin-user-role-governance-head strong[b-hsb8p7khuz],
.centro-admin-user-role-governance-head small[b-hsb8p7khuz] {
    display: block;
}

.centro-admin-user-role-governance-head strong[b-hsb8p7khuz] {
    margin-top: 3px;
    color: #14224a;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
}

.centro-admin-user-role-governance-head small[b-hsb8p7khuz] {
    max-width: 650px;
    margin-top: 5px;
    color: #62758e;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 500;
}

.centro-admin-user-role-governance-actions[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid #e3ebf4;
}

.centro-admin-user-role-governance-actions form[b-hsb8p7khuz] {
    margin: 0;
    display: inline-flex;
}

.centro-admin-support-role-button[b-hsb8p7khuz],
.centro-admin-user-role-protected[b-hsb8p7khuz],
.centro-admin-user-role-readonly[b-hsb8p7khuz] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 11px;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
}

.centro-admin-support-role-button[b-hsb8p7khuz] {
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.centro-admin-support-role-button.assign[b-hsb8p7khuz] {
    border: 1px solid #b9cee8;
    background: linear-gradient(135deg, #f1f7ff 0%, #dfeeff 100%);
    color: #1558a8;
    box-shadow: 0 7px 17px rgba(21, 88, 168, .08);
}

.centro-admin-support-role-button.remove[b-hsb8p7khuz] {
    border: 1px solid #e9c69d;
    background: linear-gradient(135deg, #fff8ef 0%, #ffedd7 100%);
    color: #94601d;
    box-shadow: 0 7px 17px rgba(148, 96, 29, .08);
}

.centro-admin-support-role-button:hover[b-hsb8p7khuz],
.centro-admin-support-role-button:focus-visible[b-hsb8p7khuz] {
    transform: translateY(-1px);
}

.centro-admin-support-role-button.assign:hover[b-hsb8p7khuz],
.centro-admin-support-role-button.assign:focus-visible[b-hsb8p7khuz] {
    border-color: #8fb4df;
    box-shadow: 0 10px 22px rgba(21, 88, 168, .13);
}

.centro-admin-support-role-button.remove:hover[b-hsb8p7khuz],
.centro-admin-support-role-button.remove:focus-visible[b-hsb8p7khuz] {
    border-color: #ddb27e;
    box-shadow: 0 10px 22px rgba(148, 96, 29, .13);
}

.centro-admin-user-role-protected[b-hsb8p7khuz],
.centro-admin-user-role-readonly[b-hsb8p7khuz] {
    border: 1px solid #d9e2ec;
    background: #f5f8fb;
    color: #72849b;
}

@media (max-width: 700px) {
    .centro-admin-user-role-governance[b-hsb8p7khuz] {
        margin: 0 12px 14px;
        padding: 14px;
    }

    .centro-admin-user-role-governance-head[b-hsb8p7khuz] {
        flex-direction: column;
        gap: 10px;
    }

    .centro-admin-user-role-governance-actions[b-hsb8p7khuz] {
        align-items: stretch;
        flex-direction: column;
    }

    .centro-admin-user-role-governance-actions form[b-hsb8p7khuz],
    .centro-admin-support-role-button[b-hsb8p7khuz],
    .centro-admin-user-role-protected[b-hsb8p7khuz],
    .centro-admin-user-role-readonly[b-hsb8p7khuz] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-support-role-button[b-hsb8p7khuz] {
        transition: none;
    }
}

/* ==========================================================
   ADMIN-03E - Auditoría administrativa visible
   ========================================================== */

.centro-admin-audit-section[b-hsb8p7khuz] {
    scroll-margin-top: 24px;
}

.centro-admin-audit-head[b-hsb8p7khuz] {
    align-items: flex-start;
}

.centro-admin-audit-owner-badge[b-hsb8p7khuz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid #cfdcf0;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5f8ff 0%, #e8f0ff 100%);
    color: #375a99;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    white-space: nowrap;
}

.centro-admin-audit-notice[b-hsb8p7khuz] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin: 0 0 18px;
    padding: 15px 17px;
    border: 1px solid #cfe8d9;
    border-radius: 15px;
    background: linear-gradient(135deg, #f2fbf6 0%, #fbfefd 100%);
    box-shadow: 0 7px 20px rgba(21, 110, 70, .045);
}

.centro-admin-audit-notice-icon[b-hsb8p7khuz] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #dff4e8;
    color: #167344;
    font-size: 16px;
    font-weight: 900;
}

.centro-admin-audit-notice strong[b-hsb8p7khuz],
.centro-admin-audit-notice p[b-hsb8p7khuz] {
    display: block;
}

.centro-admin-audit-notice strong[b-hsb8p7khuz] {
    color: #1d3a2a;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;
}

.centro-admin-audit-notice p[b-hsb8p7khuz] {
    margin: 4px 0 0;
    color: #597266;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
}

.centro-admin-audit-toolbar[b-hsb8p7khuz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(130px, .75fr)) repeat(2, minmax(190px, 1.25fr)) repeat(2, minmax(155px, .9fr)) auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 14px;
    padding: 15px;
    border: 1px solid #dfe8f3;
    border-radius: 16px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 7px 20px rgba(15, 47, 79, .035);
}

.centro-admin-audit-toolbar label[b-hsb8p7khuz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.centro-admin-audit-toolbar label > span[b-hsb8p7khuz] {
    color: #536681;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.centro-admin-audit-toolbar input[b-hsb8p7khuz],
.centro-admin-audit-toolbar select[b-hsb8p7khuz] {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid #cfdaea;
    border-radius: 11px;
    outline: none;
    background: #ffffff;
    color: #1b2c4d;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.2;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.centro-admin-audit-toolbar input:focus[b-hsb8p7khuz],
.centro-admin-audit-toolbar select:focus[b-hsb8p7khuz] {
    border-color: #7ba8df;
    box-shadow: 0 0 0 3px rgba(31, 99, 230, .09);
}

.centro-admin-audit-clear[b-hsb8p7khuz] {
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid #cfdaea;
    border-radius: 11px;
    background: linear-gradient(135deg, #ffffff 0%, #f3f7fb 100%);
    color: #435775;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.centro-admin-audit-clear:hover[b-hsb8p7khuz],
.centro-admin-audit-clear:focus-visible[b-hsb8p7khuz] {
    transform: translateY(-1px);
    border-color: #aebfd4;
    box-shadow: 0 7px 16px rgba(15, 47, 79, .08);
}

.centro-admin-audit-results-bar[b-hsb8p7khuz] {
    margin-bottom: 10px;
}

.centro-admin-audit-table-card[b-hsb8p7khuz] {
    overflow: hidden;
}

.centro-admin-audit-table[b-hsb8p7khuz] {
    min-width: 1040px;
}

.centro-admin-audit-table th[b-hsb8p7khuz],
.centro-admin-audit-table td[b-hsb8p7khuz] {
    vertical-align: top;
}

.centro-admin-audit-date strong[b-hsb8p7khuz],
.centro-admin-audit-date small[b-hsb8p7khuz],
.centro-admin-audit-detail[b-hsb8p7khuz] {
    display: block;
}

.centro-admin-audit-date strong[b-hsb8p7khuz] {
    color: #213454;
    font-size: 13px;
}

.centro-admin-audit-date small[b-hsb8p7khuz] {
    margin-top: 3px;
    color: #72839a;
    font-size: 11px;
    font-weight: 600;
}

.centro-admin-audit-detail[b-hsb8p7khuz] {
    max-width: 290px;
    margin-top: 4px;
    color: #6a7d95;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 500;
}

.centro-admin-audit-change[b-hsb8p7khuz] {
    white-space: nowrap;
}

.centro-admin-audit-change span[b-hsb8p7khuz],
.centro-admin-audit-change b[b-hsb8p7khuz] {
    display: inline-block;
}

.centro-admin-audit-change span[b-hsb8p7khuz] {
    padding: 4px 7px;
    border-radius: 8px;
    background: #f3f6fa;
    color: #425774;
    font-size: 11px;
    font-weight: 700;
}

.centro-admin-audit-change b[b-hsb8p7khuz] {
    margin: 0 5px;
    color: #8aa0bc;
    font-size: 13px;
}

.centro-admin-audit-result[b-hsb8p7khuz] {
    min-width: 78px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    white-space: nowrap;
}

.centro-admin-audit-result.success[b-hsb8p7khuz] {
    background: #e0f5e9;
    color: #167344;
}

.centro-admin-audit-result.denied[b-hsb8p7khuz] {
    background: #fff0df;
    color: #9a5c18;
}

.centro-admin-audit-result.error[b-hsb8p7khuz] {
    background: #fde8e8;
    color: #a73d3d;
}

.centro-admin-audit-result.neutral[b-hsb8p7khuz] {
    background: #eef2f7;
    color: #5c6e85;
}

.centro-admin-audit-empty-row td[b-hsb8p7khuz] {
    padding: 28px 18px !important;
    color: #71839b;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 1280px) {
    .centro-admin-audit-toolbar[b-hsb8p7khuz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .centro-admin-audit-clear[b-hsb8p7khuz] {
        width: 100%;
    }
}

@media (max-width: 820px) {
    .centro-admin-audit-toolbar[b-hsb8p7khuz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .centro-admin-audit-head[b-hsb8p7khuz] {
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .centro-admin-audit-toolbar[b-hsb8p7khuz] {
        grid-template-columns: 1fr;
        padding: 13px;
    }

    .centro-admin-audit-owner-badge[b-hsb8p7khuz] {
        align-self: flex-start;
    }

    .centro-admin-audit-notice[b-hsb8p7khuz] {
        padding: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-audit-toolbar input[b-hsb8p7khuz],
    .centro-admin-audit-toolbar select[b-hsb8p7khuz],
    .centro-admin-audit-clear[b-hsb8p7khuz] {
        transition: none;
    }
}

/* ==========================================================
   ADMIN-03E1 CORREGIDO - Autocomplete real y alineación filtros
   ========================================================== */

.centro-admin-audit-toolbar[b-hsb8p7khuz] {
    align-items: start;
    overflow: visible;
}

.centro-admin-audit-field[b-hsb8p7khuz],
.centro-admin-audit-clear-slot[b-hsb8p7khuz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.centro-admin-audit-field > span[b-hsb8p7khuz],
.centro-admin-audit-autocomplete > label[b-hsb8p7khuz],
.centro-admin-audit-clear-spacer[b-hsb8p7khuz] {
    min-height: 15px;
    margin: 0;
    color: #536681;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.centro-admin-audit-clear-spacer[b-hsb8p7khuz] {
    visibility: hidden;
    user-select: none;
}

.centro-admin-audit-clear[b-hsb8p7khuz] {
    width: 100%;
    min-height: 42px;
    height: 42px;
    margin: 0 !important;
    box-sizing: border-box;
    align-self: stretch;
}

.centro-admin-audit-autocomplete[b-hsb8p7khuz] {
    position: relative;
    z-index: 8;
}

.centro-admin-audit-autocomplete:focus-within[b-hsb8p7khuz] {
    z-index: 30;
}

.centro-admin-audit-suggestions[b-hsb8p7khuz] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 50;
    max-height: 230px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #cbd9eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(18, 48, 86, .16);
}

.centro-admin-audit-suggestions[hidden][b-hsb8p7khuz],
.centro-admin-audit-suggestion[hidden][b-hsb8p7khuz] {
    display: none !important;
}

.centro-admin-audit-suggestion[b-hsb8p7khuz] {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #20385f;
    font-family: inherit;
    font-size: 12.5px;
    line-height: 1.3;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
    transition: background .14s ease, color .14s ease, transform .14s ease;
}

.centro-admin-audit-suggestion:hover[b-hsb8p7khuz],
.centro-admin-audit-suggestion:focus-visible[b-hsb8p7khuz] {
    outline: none;
    background: #edf5ff;
    color: #0b63d8;
    transform: translateX(2px);
}

.centro-admin-audit-suggestion + .centro-admin-audit-suggestion[b-hsb8p7khuz] {
    margin-top: 2px;
}

@media (max-width: 980px) {
    .centro-admin-audit-suggestions[b-hsb8p7khuz] {
        max-height: 200px;
    }
}

@media (max-width: 560px) {
    .centro-admin-audit-clear-slot[b-hsb8p7khuz] {
        width: 100%;
    }

    .centro-admin-audit-clear-spacer[b-hsb8p7khuz] {
        display: none;
    }

    .centro-admin-audit-clear[b-hsb8p7khuz] {
        margin-top: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-audit-suggestion[b-hsb8p7khuz] {
        transition: none;
    }
}

/* ==========================================================
   ADMIN-03E2 - Paginación real + homologación de botones
   con el lenguaje visual de los CTA principales del Home
   ========================================================== */

.centro-admin-site-button-primary[b-hsb8p7khuz],
.centro-admin-site-button-secondary[b-hsb8p7khuz],
.centro-admin-audit-clear[b-hsb8p7khuz],
.centro-admin-audit-page-link[b-hsb8p7khuz] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 15px;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}

.centro-admin-site-button-primary[b-hsb8p7khuz],
.centro-admin-audit-page-link.is-active[b-hsb8p7khuz] {
    color: #ffffff;
    background: var(--centro-blue-gradient-solid);
    background-color: var(--centro-blue-main);
    background-image: var(--centro-blue-gradient-solid);
    border: 2px solid transparent;
    box-shadow: 0 10px 22px rgba(0, 88, 207, .20);
}

.centro-admin-site-button-secondary[b-hsb8p7khuz],
.centro-admin-audit-clear[b-hsb8p7khuz],
.centro-admin-audit-page-link:not(.is-active)[b-hsb8p7khuz] {
    color: var(--centro-blue-main);
    background: rgba(255, 255, 255, .94);
    background-color: rgba(255, 255, 255, .94);
    background-image: none;
    border: 2px solid var(--centro-blue-main);
    box-shadow: 0 8px 18px rgba(0, 88, 207, .10);
}

.centro-admin-site-button-primary:hover[b-hsb8p7khuz],
.centro-admin-site-button-primary:focus-visible[b-hsb8p7khuz],
.centro-admin-site-button-secondary:hover[b-hsb8p7khuz],
.centro-admin-site-button-secondary:focus-visible[b-hsb8p7khuz],
.centro-admin-audit-clear:hover[b-hsb8p7khuz],
.centro-admin-audit-clear:focus-visible[b-hsb8p7khuz],
.centro-admin-audit-page-link:hover[b-hsb8p7khuz],
.centro-admin-audit-page-link:focus-visible[b-hsb8p7khuz] {
    text-decoration: none;
    outline: none;
    transform: translateY(-2px);
}

.centro-admin-site-button-primary:hover[b-hsb8p7khuz],
.centro-admin-site-button-primary:focus-visible[b-hsb8p7khuz],
.centro-admin-audit-page-link.is-active:hover[b-hsb8p7khuz],
.centro-admin-audit-page-link.is-active:focus-visible[b-hsb8p7khuz] {
    color: #ffffff;
    background: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%);
    border-color: transparent;
    box-shadow: 0 13px 26px rgba(0, 88, 207, .26);
}

.centro-admin-site-button-secondary:hover[b-hsb8p7khuz],
.centro-admin-site-button-secondary:focus-visible[b-hsb8p7khuz],
.centro-admin-audit-clear:hover[b-hsb8p7khuz],
.centro-admin-audit-clear:focus-visible[b-hsb8p7khuz],
.centro-admin-audit-page-link:not(.is-active):hover[b-hsb8p7khuz],
.centro-admin-audit-page-link:not(.is-active):focus-visible[b-hsb8p7khuz] {
    color: var(--centro-blue-main);
    background: #ffffff;
    border-color: var(--centro-blue-main);
    box-shadow: 0 11px 24px rgba(0, 88, 207, .16);
}

.centro-admin-audit-clear[b-hsb8p7khuz] {
    width: 100%;
    height: 42px;
    margin: 0 !important;
}

.centro-admin-audit-pagination-shell[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 16px;
    padding: 14px 15px;
    border: 1px solid #dfe8f3;
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 7px 20px rgba(15, 47, 79, .035);
}

.centro-admin-audit-pagination-summary[b-hsb8p7khuz] {
    color: #536681;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
    white-space: nowrap;
}

.centro-admin-audit-pagination-summary strong[b-hsb8p7khuz] {
    color: #174b92;
    font-weight: 800;
}

.centro-admin-audit-pagination[b-hsb8p7khuz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.centro-admin-audit-page-link[b-hsb8p7khuz] {
    min-width: 42px;
    height: 42px;
    padding-left: 11px;
    padding-right: 11px;
}

.centro-admin-audit-page-nav[b-hsb8p7khuz] {
    min-width: 106px;
    padding-left: 15px;
    padding-right: 15px;
}

.centro-admin-audit-page-link.is-active[b-hsb8p7khuz] {
    cursor: default;
    pointer-events: none;
}

.centro-admin-audit-page-link.is-disabled[b-hsb8p7khuz] {
    opacity: .42;
    cursor: default;
    pointer-events: none;
    transform: none !important;
    box-shadow: none;
}

.centro-admin-audit-page-ellipsis[b-hsb8p7khuz] {
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #72839a;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 800;
}

@media (max-width: 980px) {
    .centro-admin-audit-pagination-shell[b-hsb8p7khuz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .centro-admin-audit-pagination[b-hsb8p7khuz] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .centro-admin-audit-pagination-shell[b-hsb8p7khuz] {
        padding: 12px;
    }

    .centro-admin-audit-pagination-summary[b-hsb8p7khuz] {
        white-space: normal;
    }

    .centro-admin-audit-pagination[b-hsb8p7khuz] {
        gap: 7px;
    }

    .centro-admin-audit-page-link[b-hsb8p7khuz] {
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        padding: 6px 10px;
        font-size: 11px;
    }

    .centro-admin-audit-page-nav[b-hsb8p7khuz] {
        flex: 1 1 126px;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-site-button-primary[b-hsb8p7khuz],
    .centro-admin-site-button-secondary[b-hsb8p7khuz],
    .centro-admin-audit-clear[b-hsb8p7khuz],
    .centro-admin-audit-page-link[b-hsb8p7khuz] {
        transition: none;
    }
}

/* ==========================================================
   ADMIN-03E3 - Homologación exacta de botones de Auditoría
   Réplica visual del CTA azul principal del Home Centro CAD.
   Cambio exclusivamente visual: no altera paginación, filtros
   ni comportamiento funcional aprobado en ADMIN-03E2.
   ========================================================== */

/* Todos los controles accionables de Auditoría usan el mismo
   gradiente, tipografía, sombra y elevación del botón principal
   del Home. Se conservan las dimensiones propias del paginador. */
.centro-admin-audit-clear[b-hsb8p7khuz],
.centro-admin-audit-page-link[b-hsb8p7khuz],
.centro-admin-site-button-primary[b-hsb8p7khuz],
.centro-admin-site-button-secondary[b-hsb8p7khuz] {
    color: #ffffff !important;
    background: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%)) !important;
    background-color: var(--centro-blue-main, #0058cf) !important;
    background-image: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%)) !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: 0 12px 24px rgba(0, 88, 207, 0.20) !important;
    transform: translateY(0);
    transition: transform 0.22s ease,
                box-shadow 0.22s ease,
                background 0.22s ease,
                color 0.22s ease,
                border-color 0.22s ease !important;
}

.centro-admin-audit-clear:hover[b-hsb8p7khuz],
.centro-admin-audit-clear:focus-visible[b-hsb8p7khuz],
.centro-admin-audit-page-link:not(.is-disabled):not(.is-active):hover[b-hsb8p7khuz],
.centro-admin-audit-page-link:not(.is-disabled):not(.is-active):focus-visible[b-hsb8p7khuz],
.centro-admin-site-button-primary:not(:disabled):hover[b-hsb8p7khuz],
.centro-admin-site-button-primary:not(:disabled):focus-visible[b-hsb8p7khuz],
.centro-admin-site-button-secondary:not(:disabled):hover[b-hsb8p7khuz],
.centro-admin-site-button-secondary:not(:disabled):focus-visible[b-hsb8p7khuz] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%) !important;
    background-color: var(--centro-blue-main, #0058cf) !important;
    background-image: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 28px rgba(0, 88, 207, 0.26) !important;
    transform: translateY(-2px) !important;
    outline: none !important;
}

/* La página activa conserva el lenguaje azul del Home y se
   diferencia únicamente con el gradiente de estado destacado. */
.centro-admin-audit-page-link.is-active[b-hsb8p7khuz] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%) !important;
    background-color: var(--centro-blue-main, #0058cf) !important;
    background-image: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 12px 24px rgba(0, 88, 207, 0.24) !important;
    transform: translateY(0) !important;
}

/* Estado deshabilitado: mantiene la identidad azul sin simular
   interacción ni movimiento. */
.centro-admin-audit-page-link.is-disabled[b-hsb8p7khuz] {
    color: #ffffff !important;
    background: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%)) !important;
    background-color: var(--centro-blue-main, #0058cf) !important;
    background-image: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%)) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    opacity: 0.38 !important;
    transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-audit-clear[b-hsb8p7khuz],
    .centro-admin-audit-page-link[b-hsb8p7khuz],
    .centro-admin-site-button-primary[b-hsb8p7khuz],
    .centro-admin-site-button-secondary[b-hsb8p7khuz] {
        transition: none !important;
    }
}

/* ==========================================================
   ADMIN-03E4 - Homologación final de botones de Usuarios
   Cambio exclusivamente visual. Homologa Limpiar filtros y
   Ver ficha con el CTA azul principal del Home Centro CAD.
   No altera filtros, ficha, paginación ni lógica funcional.
   ========================================================== */

.centro-admin-user-clear[b-hsb8p7khuz],
.centro-admin-user-detail-button[b-hsb8p7khuz] {
    color: #ffffff !important;
    background: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%)) !important;
    background-color: var(--centro-blue-main, #0058cf) !important;
    background-image: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%)) !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: 0 12px 24px rgba(0, 88, 207, 0.20) !important;
    transform: translateY(0);
    cursor: pointer;
    transition: transform 0.22s ease,
                box-shadow 0.22s ease,
                background 0.22s ease,
                color 0.22s ease,
                border-color 0.22s ease !important;
}

/* Limpiar filtros conserva su espacio dentro de la barra de filtros,
   pero adopta la altura y densidad visual del patrón administrativo
   derivado del CTA del Home. */
.centro-admin-user-clear[b-hsb8p7khuz] {
    min-height: 42px !important;
    height: 42px !important;
    padding: 7px 15px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}

/* Ver ficha conserva un ancho apropiado para la columna de acciones,
   con la misma identidad visual y animación del CTA principal. */
.centro-admin-user-detail-button[b-hsb8p7khuz] {
    min-height: 38px !important;
    height: 38px !important;
    padding: 7px 13px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: nowrap;
}

.centro-admin-user-clear:hover[b-hsb8p7khuz],
.centro-admin-user-clear:focus-visible[b-hsb8p7khuz],
.centro-admin-user-detail-button:hover[b-hsb8p7khuz],
.centro-admin-user-detail-button:focus-visible[b-hsb8p7khuz] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%) !important;
    background-color: var(--centro-blue-main, #0058cf) !important;
    background-image: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 28px rgba(0, 88, 207, 0.26) !important;
    transform: translateY(-2px) !important;
    outline: none !important;
}

@media (max-width: 1180px) {
    .centro-admin-user-clear[b-hsb8p7khuz] {
        min-height: 42px !important;
        height: 42px !important;
    }
}

@media (max-width: 820px) {
    .centro-admin-user-clear[b-hsb8p7khuz] {
        width: 100%;
        min-height: 42px !important;
        height: 42px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-admin-user-clear[b-hsb8p7khuz],
    .centro-admin-user-detail-button[b-hsb8p7khuz] {
        transition: none !important;
    }
}

.centro-admin-courses-tools[b-hsb8p7khuz] { display: flex; align-items: end; gap: 20px; margin: 18px 0; flex-wrap: wrap; }
.centro-admin-courses-tools .centro-admin-user-search[b-hsb8p7khuz] { width: min(100%, 360px); }
.centro-admin-courses-tools > strong[b-hsb8p7khuz] { color: #324d73; padding-bottom: 12px; }
.centro-admin-courses-notice[b-hsb8p7khuz] { margin: 18px 0; padding: 15px; border: 1px solid #cad9eb; border-radius: 12px; color: #324d73; }
.centro-admin-course-name[b-hsb8p7khuz] { display: inline-flex; align-items: center; gap: 12px; }
.centro-admin-course-logo[b-hsb8p7khuz] { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 43px; height: 43px; flex: none; border-radius: 10px; background: #e9f1fc; color: #153c75; font-weight: 800; line-height: 1; }
.centro-admin-course-logo small[b-hsb8p7khuz] { font-size: 10px; margin-top: 3px; }
.centro-admin-courses-table td[b-hsb8p7khuz] { vertical-align: middle; }

.centro-admin-course-open[b-hsb8p7khuz] { border: 1px solid #b9d1ed; background: #edf5ff; color: #153c75; border-radius: 10px; padding: 9px 13px; font-weight: 700; cursor: pointer; }
.centro-admin-course-open:hover[b-hsb8p7khuz], .centro-admin-course-open:focus-visible[b-hsb8p7khuz] { background: #dbeafe; }
.centro-admin-course-detail[hidden][b-hsb8p7khuz] { display: none; }
.centro-admin-course-detail[b-hsb8p7khuz] { margin-top: 22px; padding: 24px; border: 1px solid #cad9eb; border-radius: 17px; background: #fff; box-shadow: 0 9px 24px rgba(16, 51, 101, .055); }
.centro-admin-course-detail .centro-admin-section-head[b-hsb8p7khuz] { gap: 16px; flex-wrap: wrap; }
.centro-admin-course-detail h3[b-hsb8p7khuz] { color: #153c75; margin: 5px 0 0; }
.centro-admin-course-summary[b-hsb8p7khuz] { display: flex; align-items: center; gap: 16px; }
.centro-admin-course-summary p[b-hsb8p7khuz] { margin: 0; }
.centro-admin-course-facts[b-hsb8p7khuz] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.centro-admin-course-facts > div[b-hsb8p7khuz] { padding: 13px; border-radius: 12px; background: #f2f7fd; }
.centro-admin-course-facts dt[b-hsb8p7khuz] { font-size: 12px; font-weight: 700; color: #536b8c; }
.centro-admin-course-facts dd[b-hsb8p7khuz] { margin: 5px 0 0; overflow-wrap: anywhere; }
.centro-admin-course-module[b-hsb8p7khuz] { border-bottom: 1px solid #d8e5f5; padding: 12px 0; }
.centro-admin-course-module summary[b-hsb8p7khuz] { cursor: pointer; color: #153c75; font-weight: 700; }
.centro-admin-course-module li[b-hsb8p7khuz] { margin: 7px 0; }
@media (max-width: 700px) { .centro-admin-course-facts[b-hsb8p7khuz] { grid-template-columns: 1fr; } .centro-admin-course-detail[b-hsb8p7khuz] { padding: 16px; } }

.centro-admin-course-actions[b-hsb8p7khuz] { display: flex; gap: 10px; flex-wrap: wrap; }
.centro-admin-course-actions > form[b-hsb8p7khuz] { display: flex; align-items: center; margin: 0; }
.centro-admin-course-edit[hidden][b-hsb8p7khuz] { display: none; }
.centro-admin-course-edit[b-hsb8p7khuz] { margin: 22px 0; border: 1px solid #cad9eb; background: #f7faff; border-radius: 14px; padding: 20px; }
.centro-admin-course-edit-grid[b-hsb8p7khuz] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 18px 0; }
.centro-admin-course-edit-grid label[b-hsb8p7khuz] { display: grid; gap: 6px; font-size: 13px; font-weight: 700; color: #324d73; }
.centro-admin-course-edit-grid input[b-hsb8p7khuz], .centro-admin-course-edit-grid textarea[b-hsb8p7khuz] { width: 100%; border: 1px solid #cad9eb; background: #fff; border-radius: 9px; padding: 11px; font: inherit; color: #183758; }
.centro-admin-course-edit-grid textarea[b-hsb8p7khuz] { min-height: 85px; resize: vertical; }
.centro-admin-course-edit-wide[b-hsb8p7khuz] { grid-column: 1/-1; }
@media(max-width:700px) { .centro-admin-course-edit-grid[b-hsb8p7khuz] { grid-template-columns: 1fr; } .centro-admin-course-edit[b-hsb8p7khuz] { padding: 14px; } }

.centro-admin-content-edit[b-hsb8p7khuz] { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin: 12px 0; padding: 12px; border-radius: 10px; background: #f2f7fd; }
.centro-admin-content-edit label[b-hsb8p7khuz] { display: grid; gap: 5px; flex: 1 1 160px; margin: 0; font-size: 12px; font-weight: 700; color: #324d73; }
.centro-admin-content-edit label:first-of-type[b-hsb8p7khuz] { flex-grow: 3; }
.centro-admin-content-edit input[b-hsb8p7khuz] { width: 100%; height: 46px; box-sizing: border-box; border: 1px solid #cad9eb; background: #fff; border-radius: 8px; padding: 10px; font: inherit; }
.centro-admin-content-edit button[b-hsb8p7khuz] { flex: none; height: 46px; box-sizing: border-box; align-self: flex-end; }
.centro-admin-course-module ol[b-hsb8p7khuz] { padding-left: 25px; }

.centro-admin-content-create[b-hsb8p7khuz] { border: 1px solid #d6e5f7; background: #f7fbff; }

/* Correctivo puntual: el botón de Usuarios coincide en altura con sus filtros de 46 px. */
@media (min-width: 1181px) {
    .centro-admin-user-toolbar .centro-admin-user-clear[b-hsb8p7khuz] {
        min-height: 46px !important;
        height: 46px !important;
        box-sizing: border-box;
    }
}

/* ADMIN-05B: confirmación de despublicación con diseño propio. */
.centro-unpublish-dialog[b-hsb8p7khuz] {
    width: min(520px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 28px;
    border: 1px solid #dbe8f6;
    border-radius: 20px;
    background: #fff;
    color: #183b68;
    box-shadow: 0 24px 80px rgba(9, 40, 83, .24);
    overflow-y: auto;
    font-family: inherit;
}
.centro-unpublish-dialog[b-hsb8p7khuz]::backdrop { background: rgba(8, 30, 65, .5); }
.centro-unpublish-heading[b-hsb8p7khuz] { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.centro-unpublish-heading h2[b-hsb8p7khuz] { margin: 4px 0 0; font-size: 23px; font-weight: 700; color: #123f80; }
.centro-unpublish-icon[b-hsb8p7khuz] { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border-radius: 14px; background: #edf5ff; color: #1769c2; }
.centro-unpublish-icon svg[b-hsb8p7khuz] { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.centro-unpublish-dialog p[b-hsb8p7khuz] { font-size: 15px; line-height: 1.65; margin: 0; overflow-wrap: anywhere; }
.centro-unpublish-actions[b-hsb8p7khuz] { display: flex; justify-content: flex-end; gap: 12px; margin-top: 24px; }
.centro-unpublish-actions button[b-hsb8p7khuz] { min-height: 44px; padding: 10px 20px; cursor: pointer; }
@media (max-width: 480px) {
    .centro-unpublish-dialog[b-hsb8p7khuz] { padding: 22px 18px; }
    .centro-unpublish-heading[b-hsb8p7khuz] { gap: 12px; }
    .centro-unpublish-heading h2[b-hsb8p7khuz] { font-size: 21px; }
    .centro-unpublish-actions button[b-hsb8p7khuz] { flex: 1; padding-inline: 12px; }
}
/* _content/CentroCADOnline/Components/Pages/DataDeletion.razor.rz.scp.css */
.legal-page[b-ucxmm30rs8] {
    min-height: 100vh;
    background: #f4f8fd;
    color: #23324a;
    font-family: 'Rubik', sans-serif;
}

.legal-shell[b-ucxmm30rs8] {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
}

.legal-hero[b-ucxmm30rs8] {
    padding: 58px 0 46px;
    background:
        radial-gradient(circle at 86% 8%, rgba(7, 93, 204, .10), transparent 30%),
        linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
    border-bottom: 1px solid #dce8f7;
}

.legal-back[b-ucxmm30rs8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #075dcc;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 28px;
}

.legal-back:hover[b-ucxmm30rs8],
.legal-back:focus-visible[b-ucxmm30rs8] {
    color: #03469f;
    text-decoration: underline;
}

.legal-kicker[b-ucxmm30rs8] {
    margin: 0 0 8px;
    color: #075dcc;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.legal-hero h1[b-ucxmm30rs8] {
    margin: 0;
    color: #08265c;
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -.03em;
}

.legal-lead[b-ucxmm30rs8] {
    max-width: 820px;
    margin: 18px 0 0;
    color: #526987;
    font-size: 18px;
    line-height: 1.75;
}

.legal-date[b-ucxmm30rs8] {
    margin: 18px 0 0;
    color: #71849f;
    font-size: 14px;
}

.legal-content[b-ucxmm30rs8] {
    padding: 42px 0 70px;
}

.legal-card[b-ucxmm30rs8] {
    background: #fff;
    border: 1px solid #dce8f7;
    border-radius: 22px;
    padding: clamp(24px, 5vw, 52px);
    box-shadow: 0 18px 55px rgba(15, 50, 100, .08);
}

.legal-summary[b-ucxmm30rs8] {
    margin-bottom: 36px;
    padding: 20px 22px;
    border-left: 4px solid #075dcc;
    border-radius: 12px;
    background: #f2f7ff;
}

.legal-summary strong[b-ucxmm30rs8] {
    display: block;
    margin-bottom: 6px;
    color: #08265c;
    font-size: 17px;
}

.legal-summary p[b-ucxmm30rs8] {
    margin: 0;
}

.legal-section[b-ucxmm30rs8] {
    padding: 28px 0;
    border-top: 1px solid #e7eef7;
}

.legal-section:first-of-type[b-ucxmm30rs8] {
    border-top: 0;
    padding-top: 0;
}

.legal-section h2[b-ucxmm30rs8] {
    margin: 0 0 14px;
    color: #08265c;
    font-size: clamp(21px, 2.5vw, 27px);
    line-height: 1.3;
}

.legal-section p[b-ucxmm30rs8],
.legal-section li[b-ucxmm30rs8],
.legal-summary p[b-ucxmm30rs8] {
    color: #536987;
    font-size: 16px;
    line-height: 1.78;
}

.legal-section p[b-ucxmm30rs8] {
    margin: 0 0 14px;
}

.legal-section p:last-child[b-ucxmm30rs8] {
    margin-bottom: 0;
}

.legal-section ul[b-ucxmm30rs8] {
    margin: 10px 0 0;
    padding-left: 22px;
}

.legal-section li + li[b-ucxmm30rs8] {
    margin-top: 8px;
}

.legal-section a[b-ucxmm30rs8] {
    color: #075dcc;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.legal-actions[b-ucxmm30rs8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 34px;
    border-top: 1px solid #e7eef7;
}

.legal-primary[b-ucxmm30rs8],
.legal-secondary[b-ucxmm30rs8] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 12px 19px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.legal-primary[b-ucxmm30rs8] {
    background: #075dcc;
    color: #fff;
    box-shadow: 0 10px 24px rgba(7, 93, 204, .18);
}

.legal-secondary[b-ucxmm30rs8] {
    background: #eef5ff;
    color: #075dcc;
    border: 1px solid #cadef7;
}

.legal-primary:hover[b-ucxmm30rs8],
.legal-primary:focus-visible[b-ucxmm30rs8],
.legal-secondary:hover[b-ucxmm30rs8],
.legal-secondary:focus-visible[b-ucxmm30rs8] {
    transform: translateY(-1px);
    text-decoration: none;
}

@media (max-width: 767px) {
    .legal-shell[b-ucxmm30rs8] {
        width: min(100% - 24px, 1120px);
    }

    .legal-hero[b-ucxmm30rs8] {
        padding: 34px 0 30px;
    }

    .legal-back[b-ucxmm30rs8] {
        margin-bottom: 20px;
    }

    .legal-lead[b-ucxmm30rs8] {
        font-size: 16px;
        line-height: 1.65;
    }

    .legal-content[b-ucxmm30rs8] {
        padding: 22px 0 40px;
    }

    .legal-card[b-ucxmm30rs8] {
        border-radius: 16px;
        padding: 22px 18px;
    }

    .legal-summary[b-ucxmm30rs8] {
        padding: 16px;
        margin-bottom: 24px;
    }

    .legal-section[b-ucxmm30rs8] {
        padding: 22px 0;
    }

    .legal-section p[b-ucxmm30rs8],
    .legal-section li[b-ucxmm30rs8],
    .legal-summary p[b-ucxmm30rs8] {
        font-size: 15px;
        line-height: 1.72;
    }

    .legal-actions[b-ucxmm30rs8] {
        flex-direction: column;
    }

    .legal-primary[b-ucxmm30rs8],
    .legal-secondary[b-ucxmm30rs8] {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .legal-hero h1[b-ucxmm30rs8] {
        font-size: 34px;
    }

    .legal-card[b-ucxmm30rs8] {
        padding: 20px 15px;
    }

    .legal-section ul[b-ucxmm30rs8] {
        padding-left: 19px;
    }
}
/* _content/CentroCADOnline/Components/Pages/Privacy.razor.rz.scp.css */
.legal-page[b-ukik7glrky] {
    min-height: 100vh;
    background: #f4f8fd;
    color: #23324a;
    font-family: 'Rubik', sans-serif;
}

.legal-shell[b-ukik7glrky] {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
}

.legal-hero[b-ukik7glrky] {
    padding: 58px 0 46px;
    background:
        radial-gradient(circle at 86% 8%, rgba(7, 93, 204, .10), transparent 30%),
        linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
    border-bottom: 1px solid #dce8f7;
}

.legal-back[b-ukik7glrky] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #075dcc;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 28px;
}

.legal-back:hover[b-ukik7glrky],
.legal-back:focus-visible[b-ukik7glrky] {
    color: #03469f;
    text-decoration: underline;
}

.legal-kicker[b-ukik7glrky] {
    margin: 0 0 8px;
    color: #075dcc;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.legal-hero h1[b-ukik7glrky] {
    margin: 0;
    color: #08265c;
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -.03em;
}

.legal-lead[b-ukik7glrky] {
    max-width: 820px;
    margin: 18px 0 0;
    color: #526987;
    font-size: 18px;
    line-height: 1.75;
}

.legal-date[b-ukik7glrky] {
    margin: 18px 0 0;
    color: #71849f;
    font-size: 14px;
}

.legal-content[b-ukik7glrky] {
    padding: 42px 0 70px;
}

.legal-card[b-ukik7glrky] {
    background: #fff;
    border: 1px solid #dce8f7;
    border-radius: 22px;
    padding: clamp(24px, 5vw, 52px);
    box-shadow: 0 18px 55px rgba(15, 50, 100, .08);
}

.legal-summary[b-ukik7glrky] {
    margin-bottom: 36px;
    padding: 20px 22px;
    border-left: 4px solid #075dcc;
    border-radius: 12px;
    background: #f2f7ff;
}

.legal-summary strong[b-ukik7glrky] {
    display: block;
    margin-bottom: 6px;
    color: #08265c;
    font-size: 17px;
}

.legal-summary p[b-ukik7glrky] {
    margin: 0;
}

.legal-section[b-ukik7glrky] {
    padding: 28px 0;
    border-top: 1px solid #e7eef7;
}

.legal-section:first-of-type[b-ukik7glrky] {
    border-top: 0;
    padding-top: 0;
}

.legal-section h2[b-ukik7glrky] {
    margin: 0 0 14px;
    color: #08265c;
    font-size: clamp(21px, 2.5vw, 27px);
    line-height: 1.3;
}

.legal-section p[b-ukik7glrky],
.legal-section li[b-ukik7glrky],
.legal-summary p[b-ukik7glrky] {
    color: #536987;
    font-size: 16px;
    line-height: 1.78;
}

.legal-section p[b-ukik7glrky] {
    margin: 0 0 14px;
}

.legal-section p:last-child[b-ukik7glrky] {
    margin-bottom: 0;
}

.legal-section ul[b-ukik7glrky] {
    margin: 10px 0 0;
    padding-left: 22px;
}

.legal-section li + li[b-ukik7glrky] {
    margin-top: 8px;
}

.legal-section a[b-ukik7glrky] {
    color: #075dcc;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.legal-actions[b-ukik7glrky] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 34px;
    border-top: 1px solid #e7eef7;
}

.legal-primary[b-ukik7glrky],
.legal-secondary[b-ukik7glrky] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 12px 19px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.legal-primary[b-ukik7glrky] {
    background: #075dcc;
    color: #fff;
    box-shadow: 0 10px 24px rgba(7, 93, 204, .18);
}

.legal-secondary[b-ukik7glrky] {
    background: #eef5ff;
    color: #075dcc;
    border: 1px solid #cadef7;
}

.legal-primary:hover[b-ukik7glrky],
.legal-primary:focus-visible[b-ukik7glrky],
.legal-secondary:hover[b-ukik7glrky],
.legal-secondary:focus-visible[b-ukik7glrky] {
    transform: translateY(-1px);
    text-decoration: none;
}

@media (max-width: 767px) {
    .legal-shell[b-ukik7glrky] {
        width: min(100% - 24px, 1120px);
    }

    .legal-hero[b-ukik7glrky] {
        padding: 34px 0 30px;
    }

    .legal-back[b-ukik7glrky] {
        margin-bottom: 20px;
    }

    .legal-lead[b-ukik7glrky] {
        font-size: 16px;
        line-height: 1.65;
    }

    .legal-content[b-ukik7glrky] {
        padding: 22px 0 40px;
    }

    .legal-card[b-ukik7glrky] {
        border-radius: 16px;
        padding: 22px 18px;
    }

    .legal-summary[b-ukik7glrky] {
        padding: 16px;
        margin-bottom: 24px;
    }

    .legal-section[b-ukik7glrky] {
        padding: 22px 0;
    }

    .legal-section p[b-ukik7glrky],
    .legal-section li[b-ukik7glrky],
    .legal-summary p[b-ukik7glrky] {
        font-size: 15px;
        line-height: 1.72;
    }

    .legal-actions[b-ukik7glrky] {
        flex-direction: column;
    }

    .legal-primary[b-ukik7glrky],
    .legal-secondary[b-ukik7glrky] {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .legal-hero h1[b-ukik7glrky] {
        font-size: 34px;
    }

    .legal-card[b-ukik7glrky] {
        padding: 20px 15px;
    }

    .legal-section ul[b-ukik7glrky] {
        padding-left: 19px;
    }
}
/* _content/CentroCADOnline/Components/Pages/Profile.razor.rz.scp.css */
.centro-profile-page[b-g6wwo1w4cm] {
    min-height: 100vh;
    background: #f4f8fd;
    color: #0b2a63;
    font-family: 'Rubik', sans-serif;
    padding: 32px 20px 56px;
}

.centro-profile-shell[b-g6wwo1w4cm] {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.centro-profile-header[b-g6wwo1w4cm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
    padding: 14px 18px;
    background: #ffffff;
    border: 1px solid #dbe8f7;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(11, 42, 99, 0.06);
}

.centro-profile-brand[b-g6wwo1w4cm] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.centro-profile-brand img[b-g6wwo1w4cm] {
    width: clamp(185px, 20vw, 238px);
    max-height: 62px;
    height: auto;
    display: block;
    object-fit: contain;
}

.centro-profile-back[b-g6wwo1w4cm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 15px;
    border-radius: 999px;
    background: #eef6ff;
    color: #0b2a63;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.centro-profile-back:hover[b-g6wwo1w4cm],
.centro-profile-back:focus-visible[b-g6wwo1w4cm] {
    background: #075dcc;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
}

.centro-profile-hero[b-g6wwo1w4cm],
.centro-profile-card[b-g6wwo1w4cm],
.centro-profile-next[b-g6wwo1w4cm],
.centro-profile-loading[b-g6wwo1w4cm] {
    background: #fff;
    border: 1px solid #dbe8f7;
    border-radius: 22px;
    box-shadow: 0 16px 42px rgba(11, 42, 99, 0.08);
}

.centro-profile-hero[b-g6wwo1w4cm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: clamp(24px, 4vw, 40px);
    background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%);
}

.centro-profile-avatar[b-g6wwo1w4cm] {
    width: clamp(72px, 10vw, 96px);
    aspect-ratio: 1;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #075dcc;
    color: #fff;
    font-size: clamp(24px, 4vw, 34px);
    font-weight: 800;
    letter-spacing: -1px;
    box-shadow: 0 12px 28px rgba(7, 93, 204, 0.23);
}

.centro-profile-kicker[b-g6wwo1w4cm] {
    display: inline-block;
    color: #075dcc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.centro-profile-intro h1[b-g6wwo1w4cm],
.centro-profile-next h2[b-g6wwo1w4cm],
.centro-profile-card h2[b-g6wwo1w4cm] {
    color: #08265c;
    margin: 0;
    font-weight: 800;
}

.centro-profile-intro h1[b-g6wwo1w4cm] {
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.1;
}

.centro-profile-intro p[b-g6wwo1w4cm],
.centro-profile-next p[b-g6wwo1w4cm],
.centro-profile-security-copy[b-g6wwo1w4cm] {
    color: #536987;
    line-height: 1.7;
    margin: 10px 0 0;
}

.centro-profile-status[b-g6wwo1w4cm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #e6f7ed;
    color: #177542;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.centro-profile-grid[b-g6wwo1w4cm] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 22px;
    margin-top: 22px;
}

.centro-profile-card[b-g6wwo1w4cm] {
    padding: clamp(22px, 3vw, 32px);
}

.centro-profile-card-head[b-g6wwo1w4cm] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.centro-profile-card-icon[b-g6wwo1w4cm] {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: #eaf3ff;
    font-size: 20px;
}

.centro-profile-card-head span:not(.centro-profile-card-icon)[b-g6wwo1w4cm] {
    color: #075dcc;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.centro-profile-card h2[b-g6wwo1w4cm] {
    font-size: 21px;
    margin-top: 3px;
}

.centro-profile-data-list[b-g6wwo1w4cm] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.centro-profile-data-list > div[b-g6wwo1w4cm],
.centro-profile-security-row[b-g6wwo1w4cm] {
    padding: 16px 18px;
    border-radius: 14px;
    background: #f7faff;
    border: 1px solid #e6eef9;
}

.centro-profile-data-list dt[b-g6wwo1w4cm],
.centro-profile-security-row span[b-g6wwo1w4cm] {
    color: #6b7d97;
    font-size: 12px;
    margin-bottom: 5px;
}

.centro-profile-data-list dd[b-g6wwo1w4cm],
.centro-profile-security-row strong[b-g6wwo1w4cm] {
    margin: 0;
    color: #0b2a63;
    font-size: 15px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.centro-profile-security-row[b-g6wwo1w4cm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
}

.centro-profile-security-row span[b-g6wwo1w4cm] {
    margin: 0;
}

.centro-profile-security-row strong[b-g6wwo1w4cm] {
    color: #177542;
}

.centro-profile-logout-form[b-g6wwo1w4cm] {
    margin-top: 18px;
}

.centro-profile-logout[b-g6wwo1w4cm] {
    width: 100%;
    min-height: 46px;
    border: 0;
    border-radius: 12px;
    background: #075dcc;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.centro-profile-logout:hover[b-g6wwo1w4cm],
.centro-profile-logout:focus-visible[b-g6wwo1w4cm] {
    background: #064fae;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(7, 93, 204, 0.18);
}

.centro-profile-logout:active[b-g6wwo1w4cm] {
    transform: translateY(0);
    box-shadow: none;
}

.centro-profile-next[b-g6wwo1w4cm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 22px;
    padding: clamp(22px, 3vw, 32px);
}

.centro-profile-next h2[b-g6wwo1w4cm] {
    font-size: clamp(22px, 3vw, 30px);
}

.centro-profile-next-items[b-g6wwo1w4cm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.centro-profile-next-items span[b-g6wwo1w4cm] {
    padding: 10px 14px;
    border-radius: 999px;
    background: #eef6ff;
    color: #075dcc;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.centro-profile-loading[b-g6wwo1w4cm] {
    padding: 42px;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 767px) {
    .centro-profile-page[b-g6wwo1w4cm] {
        padding: 18px 14px 36px;
    }

    .centro-profile-header[b-g6wwo1w4cm] {
        gap: 12px;
        margin-bottom: 18px;
        padding: 10px 12px;
        border-radius: 15px;
    }

    .centro-profile-brand img[b-g6wwo1w4cm] {
        width: clamp(145px, 48vw, 175px);
        max-height: 50px;
    }

    .centro-profile-back[b-g6wwo1w4cm] {
        min-height: 38px;
        padding: 8px 11px;
        font-size: 12px;
    }

    .centro-profile-hero[b-g6wwo1w4cm] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 16px;
    }

    .centro-profile-status[b-g6wwo1w4cm] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .centro-profile-grid[b-g6wwo1w4cm] {
        grid-template-columns: 1fr;
    }

    .centro-profile-data-list[b-g6wwo1w4cm] {
        grid-template-columns: 1fr;
    }

    .centro-profile-next[b-g6wwo1w4cm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .centro-profile-next-items[b-g6wwo1w4cm] {
        justify-content: flex-start;
    }
}

/* ME 4D3 - Datos complementarios editables */
.centro-profile-identity-note[b-g6wwo1w4cm] {
    margin: 16px 0 0;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f7faff;
    border: 1px solid #e6eef9;
    color: #60738f;
    font-size: 12px;
    line-height: 1.6;
}

.centro-profile-complementary[b-g6wwo1w4cm] {
    margin-top: 22px;
    padding: clamp(22px, 3vw, 32px);
    background: #ffffff;
    border: 1px solid #dbe8f7;
    border-radius: 22px;
    box-shadow: 0 16px 42px rgba(11, 42, 99, 0.08);
}

.centro-profile-complementary-head[b-g6wwo1w4cm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.centro-profile-complementary-head h2[b-g6wwo1w4cm] {
    margin: 0;
    color: #08265c;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 800;
}

.centro-profile-complementary-head p[b-g6wwo1w4cm] {
    max-width: 760px;
    margin: 9px 0 0;
    color: #536987;
    line-height: 1.65;
}

.centro-profile-editable-badge[b-g6wwo1w4cm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    border-radius: 999px;
    background: #eaf3ff;
    color: #075dcc;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

/* Nota informativa: finalidad de los datos complementarios */
.centro-profile-data-purpose[b-g6wwo1w4cm] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 22px;
    padding: 14px 16px;
    border: 1px solid #dbe8f7;
    border-radius: 14px;
    background: #f5f9ff;
    color: #536987;
    font-size: 12.5px;
    line-height: 1.6;
}

.centro-profile-data-purpose-icon[b-g6wwo1w4cm] {
    display: inline-flex;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    border-radius: 50%;
    background: #e2efff;
    color: #075dcc;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.centro-profile-data-purpose > div[b-g6wwo1w4cm] {
    min-width: 0;
}

.centro-profile-data-purpose > div > strong[b-g6wwo1w4cm] {
    display: block;
    color: #0b2a63;
    font-size: 13px;
    font-weight: 800;
}

.centro-profile-data-purpose p[b-g6wwo1w4cm] {
    margin: 3px 0 0;
}

.centro-profile-message[b-g6wwo1w4cm] {
    margin: 0 0 20px;
    padding: 13px 15px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.centro-profile-message-success[b-g6wwo1w4cm] {
    background: #e9f8ef;
    border: 1px solid #bee8cf;
    color: #177542;
}

.centro-profile-message-error[b-g6wwo1w4cm] {
    background: #fff2f2;
    border: 1px solid #f2c7c7;
    color: #a33636;
}

.centro-profile-form[b-g6wwo1w4cm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.centro-profile-field[b-g6wwo1w4cm] {
    min-width: 0;
}

.centro-profile-field-full[b-g6wwo1w4cm] {
    grid-column: 1 / -1;
}

.centro-profile-field label[b-g6wwo1w4cm] {
    display: block;
    margin-bottom: 7px;
    color: #0b2a63;
    font-size: 13px;
    font-weight: 800;
}

.centro-profile-field input[b-g6wwo1w4cm],
.centro-profile-field select[b-g6wwo1w4cm],
.centro-profile-field textarea[b-g6wwo1w4cm] {
    width: 100%;
    min-height: 46px;
    border: 1px solid #cedbed;
    border-radius: 12px;
    background: #fbfdff;
    color: #183a6c;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    padding: 11px 13px;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.centro-profile-field textarea[b-g6wwo1w4cm] {
    min-height: 92px;
    resize: vertical;
}

.centro-profile-field input:focus[b-g6wwo1w4cm],
.centro-profile-field select:focus[b-g6wwo1w4cm],
.centro-profile-field textarea:focus[b-g6wwo1w4cm] {
    border-color: #075dcc;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(7, 93, 204, 0.11);
}

.centro-profile-field small[b-g6wwo1w4cm] {
    display: block;
    margin-top: 7px;
    color: #73849c;
    font-size: 11px;
    line-height: 1.5;
}

.centro-profile-phone-row[b-g6wwo1w4cm] {
    display: grid;
    grid-template-columns: minmax(240px, 0.95fr) minmax(220px, 1.05fr);
    gap: 12px;
}

.centro-profile-form-actions[b-g6wwo1w4cm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 6px;
}

.centro-profile-form-actions > span[b-g6wwo1w4cm] {
    color: #6b7d97;
    font-size: 12px;
    line-height: 1.5;
}

.centro-profile-save[b-g6wwo1w4cm] {
    min-height: 46px;
    padding: 11px 22px;
    border: 0;
    border-radius: 12px;
    background: #075dcc;
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .18s ease, transform .18s ease;
}

.centro-profile-save:hover[b-g6wwo1w4cm],
.centro-profile-save:focus-visible[b-g6wwo1w4cm] {
    background: #064fae;
    transform: translateY(-1px);
}

@media (max-width: 767px) {
    .centro-profile-complementary[b-g6wwo1w4cm] {
        margin-top: 18px;
        padding: 20px 16px;
        border-radius: 18px;
    }

    .centro-profile-complementary-head[b-g6wwo1w4cm] {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 20px;
    }

    .centro-profile-data-purpose[b-g6wwo1w4cm] {
        gap: 10px;
        margin-bottom: 18px;
        padding: 13px 12px;
    }

    .centro-profile-form[b-g6wwo1w4cm] {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .centro-profile-field-full[b-g6wwo1w4cm] {
        grid-column: auto;
    }

    .centro-profile-phone-row[b-g6wwo1w4cm] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .centro-profile-form-actions[b-g6wwo1w4cm] {
        align-items: stretch;
        flex-direction: column;
    }

    .centro-profile-save[b-g6wwo1w4cm] {
        width: 100%;
    }
}

/* ME 4D3B - País searchable, banderas y obligatoriedad */
.centro-profile-required[b-g6wwo1w4cm] {
    color: #c53b3b;
    font-weight: 900;
}

.centro-country-picker[b-g6wwo1w4cm] {
    position: relative;
    min-width: 0;
}

.centro-country-picker-control[b-g6wwo1w4cm] {
    position: relative;
}

.centro-country-picker-input[b-g6wwo1w4cm] {
    padding-left: 50px !important;
    padding-right: 38px !important;
    background-image: linear-gradient(45deg, transparent 50%, #6b7d97 50%), linear-gradient(135deg, #6b7d97 50%, transparent 50%);
    background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.centro-country-selected-flag[b-g6wwo1w4cm] {
    position: absolute;
    z-index: 2;
    left: 14px;
    top: 50%;
    width: 26px;
    height: 19px;
    transform: translateY(-50%);
    object-fit: cover;
    border-radius: 3px;
    border: 1px solid rgba(11, 42, 99, 0.12);
    box-shadow: 0 1px 3px rgba(11, 42, 99, 0.12);
    pointer-events: none;
}

.centro-country-selected-flag[hidden][b-g6wwo1w4cm] {
    display: none !important;
}

.centro-country-picker.is-open .centro-country-picker-input[b-g6wwo1w4cm] {
    border-color: #075dcc;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(7, 93, 204, 0.11);
}

.centro-country-picker-list[b-g6wwo1w4cm] {
    position: absolute;
    z-index: 1200;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #cedbed;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(11, 42, 99, 0.16);
}

.centro-country-picker-list[hidden][b-g6wwo1w4cm] {
    display: none !important;
}

.centro-country-picker-option[b-g6wwo1w4cm] {
    width: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #183a6c;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.centro-country-picker-option:hover[b-g6wwo1w4cm],
.centro-country-picker-option:focus-visible[b-g6wwo1w4cm] {
    background: #eef6ff;
    outline: none;
}

.centro-country-picker-option[hidden][b-g6wwo1w4cm] {
    display: none !important;
}

.centro-country-flag[b-g6wwo1w4cm] {
    width: 28px;
    height: 20px;
    display: block;
    object-fit: cover;
    border-radius: 3px;
    border: 1px solid rgba(11, 42, 99, 0.12);
    box-shadow: 0 1px 2px rgba(11, 42, 99, 0.10);
}

.centro-country-name[b-g6wwo1w4cm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.centro-country-code[b-g6wwo1w4cm] {
    color: #075dcc;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.centro-country-picker-empty[b-g6wwo1w4cm] {
    padding: 12px 10px;
    color: #73849c;
    font-size: 12px;
    text-align: center;
}

/* ME 4D3C - Banderas locales reales en selectores de país */
@media (max-width: 767px) {
    .centro-country-picker-input[b-g6wwo1w4cm] {
        padding-left: 46px !important;
    }

    .centro-country-selected-flag[b-g6wwo1w4cm] {
        left: 12px;
        width: 24px;
        height: 18px;
    }

    .centro-country-picker-option[b-g6wwo1w4cm] {
        grid-template-columns: 32px minmax(0, 1fr) auto;
    }

    .centro-country-flag[b-g6wwo1w4cm] {
        width: 26px;
        height: 19px;
    }
}


/* ME 4D4 - Cambio seguro de contraseña */
.centro-profile-password-section[b-g6wwo1w4cm] {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e1e9f4;
}

.centro-profile-password-head[b-g6wwo1w4cm] {
    margin-bottom: 13px;
}

.centro-profile-password-head > span[b-g6wwo1w4cm] {
    display: block;
    color: #183a6c;
    font-size: 13px;
    font-weight: 800;
}

.centro-profile-password-head > small[b-g6wwo1w4cm] {
    display: block;
    margin-top: 4px;
    color: #6b7d97;
    font-size: 11px;
    line-height: 1.45;
}

.centro-profile-password-form[b-g6wwo1w4cm] {
    display: grid;
    gap: 11px;
}

.centro-profile-password-field[b-g6wwo1w4cm] {
    display: grid;
    gap: 6px;
}

.centro-profile-password-field label[b-g6wwo1w4cm] {
    color: #273650;
    font-size: 11px;
    font-weight: 800;
}

.centro-profile-password-field input[b-g6wwo1w4cm] {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid #cfdaea;
    border-radius: 10px;
    background: #ffffff;
    color: #1e2c43;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.centro-profile-password-field input:focus[b-g6wwo1w4cm] {
    border-color: #075dcc;
    box-shadow: 0 0 0 3px rgba(7, 93, 204, 0.10);
}

.centro-profile-password-note[b-g6wwo1w4cm] {
    margin: 0;
    color: #6b7d97;
    font-size: 10px;
    line-height: 1.45;
}

.centro-profile-password-save[b-g6wwo1w4cm] {
    min-height: 42px;
    padding: 9px 15px;
    border: 0;
    border-radius: 10px;
    background: #075dcc;
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: background-color .18s ease, transform .18s ease;
}

.centro-profile-password-save:hover[b-g6wwo1w4cm],
.centro-profile-password-save:focus-visible[b-g6wwo1w4cm] {
    background: #064fae;
    transform: translateY(-1px);
}

.centro-profile-security-message[b-g6wwo1w4cm] {
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .centro-profile-password-section[b-g6wwo1w4cm] {
        margin-top: 16px;
        padding-top: 16px;
    }

    .centro-profile-password-save[b-g6wwo1w4cm] {
        width: 100%;
    }
}

/* ME 4D4A2 — Movimiento homologado de botones de Seguridad. */
@media (prefers-reduced-motion: reduce) {
    .centro-profile-logout[b-g6wwo1w4cm] {
        transition: none;
    }

    .centro-profile-logout:hover[b-g6wwo1w4cm],
    .centro-profile-logout:focus-visible[b-g6wwo1w4cm],
    .centro-profile-logout:active[b-g6wwo1w4cm] {
        transform: none;
    }
}

/* ME 4D5 — Compactación visual final de Mi Perfil en móvil.
   Alcance exclusivo <= 767px: reduce desplazamiento vertical sin alterar
   inputs, tipografía general, lógica, escritorio ni componentes funcionales. */
@media (max-width: 767px) {
    .centro-profile-card[b-g6wwo1w4cm] {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .centro-profile-card-head[b-g6wwo1w4cm] {
        gap: 12px;
        margin-bottom: 18px;
    }

    .centro-profile-data-list[b-g6wwo1w4cm] {
        gap: 10px;
    }

    .centro-profile-data-list > div[b-g6wwo1w4cm] {
        padding: 12px 15px;
        border-radius: 12px;
    }

    .centro-profile-data-list dt[b-g6wwo1w4cm] {
        margin-bottom: 3px;
    }

    .centro-profile-identity-note[b-g6wwo1w4cm] {
        margin-top: 12px;
        padding: 10px 12px;
    }

    .centro-profile-complementary[b-g6wwo1w4cm] {
        margin-top: 16px;
    }

    .centro-profile-complementary-head[b-g6wwo1w4cm] {
        gap: 10px;
        margin-bottom: 16px;
    }

    .centro-profile-complementary-head p[b-g6wwo1w4cm] {
        margin-top: 7px;
        line-height: 1.55;
    }

    .centro-profile-form[b-g6wwo1w4cm] {
        gap: 12px;
    }

    .centro-profile-field label[b-g6wwo1w4cm] {
        margin-bottom: 5px;
    }

    .centro-profile-field small[b-g6wwo1w4cm] {
        margin-top: 5px;
    }

    .centro-profile-phone-row[b-g6wwo1w4cm] {
        gap: 8px;
    }

    .centro-profile-form-actions[b-g6wwo1w4cm] {
        gap: 14px;
        padding-top: 2px;
    }

    .centro-profile-next[b-g6wwo1w4cm] {
        margin-top: 18px;
    }
}

/* ==========================================================
   PERFIL-05 - Homologacion visual de Mi perfil
   Cambio exclusivamente visual sobre la version aprobada.
   Referencia: lenguaje visual del Panel de administracion.
   No modifica datos, formularios, seguridad ni comportamiento.
   ========================================================== */

.centro-profile-page[b-g6wwo1w4cm] {
    position: relative;
    isolation: isolate;
    background-color: #f7faff;
    background-image:
        linear-gradient(90deg, rgba(247, 250, 255, .42) 0%, rgba(247, 250, 255, .78) 38%, rgba(247, 250, 255, .95) 74%, #f7faff 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(247, 250, 255, .97) 74%, #f7faff 100%),
        url('/images/banner/banner1.jpg');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center top, center top, left top;
    background-size: 100% 100%, 100% 100%, 1500px auto;
}

.centro-profile-page[b-g6wwo1w4cm]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 10% 6%, rgba(39, 126, 231, .11), transparent 24%),
        radial-gradient(circle at 88% 11%, rgba(35, 109, 217, .065), transparent 27%);
}

.centro-profile-header[b-g6wwo1w4cm] {
    border-color: rgba(184, 207, 236, .78);
    background: rgba(255, 255, 255, .91);
    box-shadow: 0 12px 32px rgba(16, 51, 101, .08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.centro-profile-back[b-g6wwo1w4cm] {
    min-height: 44px;
    padding: 0 20px;
    border: 0;
    border-radius: 10px;
    background: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%));
    background-image: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%));
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .35px;
    box-shadow: 0 10px 22px rgba(0, 88, 207, .18);
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}

.centro-profile-back:hover[b-g6wwo1w4cm],
.centro-profile-back:focus-visible[b-g6wwo1w4cm] {
    background: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(0, 88, 207, .26);
    outline: none;
}

.centro-profile-hero[b-g6wwo1w4cm] {
    position: relative;
    overflow: hidden;
    border-color: rgba(176, 204, 237, .82);
    background:
        radial-gradient(circle at 91% 5%, rgba(11, 99, 246, .12), transparent 25%),
        linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(237,246,255,.97) 62%, rgba(247,250,255,.98) 100%);
    box-shadow: 0 16px 38px rgba(16, 51, 101, .10);
}

.centro-profile-hero[b-g6wwo1w4cm]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, #0b63f6 0%, #2aa4e8 100%);
}

.centro-profile-hero[b-g6wwo1w4cm]::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -68px;
    bottom: -105px;
    border-radius: 50%;
    background: rgba(11, 99, 246, .055);
    pointer-events: none;
}

.centro-profile-avatar[b-g6wwo1w4cm],
.centro-profile-intro[b-g6wwo1w4cm],
.centro-profile-status[b-g6wwo1w4cm] {
    position: relative;
    z-index: 1;
}

.centro-profile-avatar[b-g6wwo1w4cm] {
    background: linear-gradient(135deg, #0b63f6 0%, #167ed7 58%, #20a5d8 100%);
    box-shadow: 0 13px 28px rgba(11, 99, 246, .24);
}

.centro-profile-intro h1[b-g6wwo1w4cm] {
    letter-spacing: -.025em;
}

.centro-profile-status[b-g6wwo1w4cm] {
    border: 1px solid rgba(160, 221, 184, .72);
    background: linear-gradient(135deg, #edf9f2 0%, #def5e8 100%);
    color: #157645;
    box-shadow: 0 7px 18px rgba(21, 118, 69, .08);
}

.centro-profile-grid[b-g6wwo1w4cm] {
    align-items: stretch;
}

.centro-profile-card[b-g6wwo1w4cm],
.centro-profile-complementary[b-g6wwo1w4cm] {
    position: relative;
    overflow: hidden;
    border-color: rgba(190, 210, 235, .80);
    box-shadow: 0 13px 32px rgba(16, 51, 101, .085);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.centro-profile-card[b-g6wwo1w4cm]::before,
.centro-profile-complementary[b-g6wwo1w4cm]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, #0b63f6 0%, #36a6ef 100%);
}

.centro-profile-card:first-child[b-g6wwo1w4cm] {
    background:
        radial-gradient(circle at 96% 4%, rgba(11, 99, 246, .075), transparent 22%),
        linear-gradient(145deg, rgba(255,255,255,.98) 0%, rgba(236,245,255,.96) 100%);
}

.centro-profile-card-security[b-g6wwo1w4cm] {
    border-color: rgba(193, 227, 215, .88);
    background:
        radial-gradient(circle at 94% 4%, rgba(21, 148, 105, .08), transparent 22%),
        linear-gradient(145deg, rgba(255,255,255,.98) 0%, rgba(235,249,244,.96) 100%);
}

.centro-profile-card-security[b-g6wwo1w4cm]::before {
    background: linear-gradient(90deg, #159469 0%, #42bea0 100%);
}

.centro-profile-card-head[b-g6wwo1w4cm] {
    position: relative;
    z-index: 1;
}

.centro-profile-card-icon[b-g6wwo1w4cm] {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: linear-gradient(135deg, #0b63f6 0%, #2f9ce8 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(11, 99, 246, .20);
}

.centro-profile-card-security .centro-profile-card-icon[b-g6wwo1w4cm] {
    background: linear-gradient(135deg, #14865f 0%, #37b994 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(20, 134, 95, .18);
}

.centro-profile-card-security .centro-profile-card-head span:not(.centro-profile-card-icon)[b-g6wwo1w4cm] {
    color: #14865f;
}

.centro-profile-data-list[b-g6wwo1w4cm],
.centro-profile-security-copy[b-g6wwo1w4cm],
.centro-profile-security-row[b-g6wwo1w4cm],
.centro-profile-password-section[b-g6wwo1w4cm],
.centro-profile-logout-form[b-g6wwo1w4cm],
.centro-profile-identity-note[b-g6wwo1w4cm] {
    position: relative;
    z-index: 1;
}

.centro-profile-data-list[b-g6wwo1w4cm] {
    gap: 12px;
}

.centro-profile-data-list > div[b-g6wwo1w4cm] {
    min-height: 86px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(205, 221, 241, .86);
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 5px 14px rgba(16, 51, 101, .035);
}

.centro-profile-data-list > div:nth-child(2)[b-g6wwo1w4cm],
.centro-profile-data-list > div:nth-child(3)[b-g6wwo1w4cm] {
    background: rgba(246, 250, 255, .84);
}

.centro-profile-data-list dt[b-g6wwo1w4cm] {
    color: #5f7594;
    font-weight: 600;
}

.centro-profile-data-list dd[b-g6wwo1w4cm] {
    color: #123463;
    font-size: 15.5px;
    font-weight: 800;
}

.centro-profile-identity-note[b-g6wwo1w4cm] {
    border-color: rgba(202, 219, 240, .82);
    background: linear-gradient(135deg, rgba(247,251,255,.90), rgba(255,255,255,.88));
    color: #58708f;
}

.centro-profile-security-copy[b-g6wwo1w4cm] {
    margin-top: -4px;
}

.centro-profile-security-row[b-g6wwo1w4cm] {
    border-color: rgba(187, 225, 212, .92);
    background: linear-gradient(135deg, rgba(245,252,248,.96), rgba(234,249,243,.94));
    box-shadow: 0 6px 16px rgba(21, 118, 69, .045);
}

.centro-profile-password-section[b-g6wwo1w4cm] {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(195, 218, 231, .78);
}

.centro-profile-password-head > span[b-g6wwo1w4cm] {
    color: #123463;
    font-weight: 800;
}

.centro-profile-password-head > small[b-g6wwo1w4cm] {
    color: #647994;
}

.centro-profile-password-field label[b-g6wwo1w4cm] {
    color: #17365d;
    font-weight: 700;
}

.centro-profile-password-field input[b-g6wwo1w4cm],
.centro-profile-field input[b-g6wwo1w4cm],
.centro-profile-field select[b-g6wwo1w4cm],
.centro-profile-field textarea[b-g6wwo1w4cm] {
    border-color: #c9d9ec;
    background: rgba(255, 255, 255, .88);
    box-shadow: inset 0 1px 1px rgba(16, 51, 101, .025);
}

.centro-profile-password-field input:focus[b-g6wwo1w4cm],
.centro-profile-field input:focus[b-g6wwo1w4cm],
.centro-profile-field select:focus[b-g6wwo1w4cm],
.centro-profile-field textarea:focus[b-g6wwo1w4cm] {
    border-color: #0b63f6;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(11, 99, 246, .11), 0 6px 16px rgba(16, 51, 101, .045);
}

.centro-profile-complementary[b-g6wwo1w4cm] {
    border-color: rgba(211, 202, 242, .82);
    background:
        radial-gradient(circle at 95% 4%, rgba(113, 87, 217, .075), transparent 22%),
        linear-gradient(145deg, rgba(255,255,255,.98) 0%, rgba(246,243,255,.96) 100%);
}

.centro-profile-complementary[b-g6wwo1w4cm]::before {
    background: linear-gradient(90deg, #7157d9 0%, #9a78ee 100%);
}

.centro-profile-complementary-head[b-g6wwo1w4cm],
.centro-profile-data-purpose[b-g6wwo1w4cm],
.centro-profile-form[b-g6wwo1w4cm],
.centro-profile-message[b-g6wwo1w4cm] {
    position: relative;
    z-index: 1;
}

.centro-profile-editable-badge[b-g6wwo1w4cm] {
    border: 1px solid rgba(190, 177, 237, .72);
    background: linear-gradient(135deg, #f1edff 0%, #e8e1ff 100%);
    color: #6650c8;
    box-shadow: 0 6px 16px rgba(101, 80, 200, .07);
}

.centro-profile-data-purpose[b-g6wwo1w4cm] {
    border-color: rgba(202, 214, 238, .88);
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 7px 18px rgba(16, 51, 101, .04);
}

.centro-profile-data-purpose-icon[b-g6wwo1w4cm] {
    background: linear-gradient(135deg, #0b63f6 0%, #2f9ce8 100%);
    color: #fff;
    box-shadow: 0 5px 12px rgba(11, 99, 246, .16);
}

.centro-profile-save[b-g6wwo1w4cm],
.centro-profile-logout[b-g6wwo1w4cm] {
    border-radius: 10px;
    background: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%));
    background-image: var(--centro-blue-gradient-solid, linear-gradient(135deg, #003d9a 0%, #0058cf 45%, #0040a8 100%));
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    letter-spacing: .25px;
    box-shadow: 0 10px 22px rgba(0, 88, 207, .18);
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}

.centro-profile-save:hover[b-g6wwo1w4cm],
.centro-profile-save:focus-visible[b-g6wwo1w4cm],
.centro-profile-logout:hover[b-g6wwo1w4cm],
.centro-profile-logout:focus-visible[b-g6wwo1w4cm] {
    background: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%);
    background-image: linear-gradient(135deg, #0040a8 0%, #0064df 52%, #003d9a 100%);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(0, 88, 207, .24);
    outline: none;
}

.centro-profile-loading[b-g6wwo1w4cm] {
    border-color: rgba(190, 210, 235, .78);
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 12px 30px rgba(16, 51, 101, .075);
    backdrop-filter: blur(7px);
}

@media (max-width: 820px) {
    .centro-profile-page[b-g6wwo1w4cm] {
        background-image:
            linear-gradient(180deg, rgba(247,250,255,.68) 0%, rgba(247,250,255,.95) 48%, #f7faff 100%),
            url('/images/banner/banner1.jpg');
        background-size: 100% 100%, 1050px auto;
        background-position: center top, 22% top;
    }
}

@media (max-width: 767px) {
    .centro-profile-header[b-g6wwo1w4cm] {
        box-shadow: 0 8px 22px rgba(16, 51, 101, .07);
    }

    .centro-profile-back[b-g6wwo1w4cm] {
        min-height: 40px;
        padding: 0 13px;
        border-radius: 9px;
        font-size: 11.5px;
    }

    .centro-profile-hero[b-g6wwo1w4cm],
    .centro-profile-card[b-g6wwo1w4cm],
    .centro-profile-complementary[b-g6wwo1w4cm] {
        box-shadow: 0 10px 26px rgba(16, 51, 101, .08);
    }

    .centro-profile-data-list > div[b-g6wwo1w4cm] {
        min-height: 78px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .centro-profile-back[b-g6wwo1w4cm],
    .centro-profile-save[b-g6wwo1w4cm],
    .centro-profile-logout[b-g6wwo1w4cm] {
        transition: none !important;
    }

    .centro-profile-back:hover[b-g6wwo1w4cm],
    .centro-profile-back:focus-visible[b-g6wwo1w4cm],
    .centro-profile-save:hover[b-g6wwo1w4cm],
    .centro-profile-save:focus-visible[b-g6wwo1w4cm],
    .centro-profile-logout:hover[b-g6wwo1w4cm],
    .centro-profile-logout:focus-visible[b-g6wwo1w4cm] {
        transform: none !important;
    }
}
/* _content/CentroCADOnline/Components/Pages/ResetPassword.razor.rz.scp.css */
.centro-reset-page[b-vhq9lanl40] {
    min-height: 100vh;
    background: #eef4fb;
    padding: 36px 18px;
    font-family: 'Rubik', sans-serif;
    color: #08265c;
}

.centro-reset-shell[b-vhq9lanl40] {
    width: min(620px, 100%);
    margin: 0 auto;
}

.centro-reset-header[b-vhq9lanl40] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    margin-bottom: 18px;
    background: #fff;
    border: 1px solid #dbe8f7;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(11, 42, 99, .06);
}

.centro-reset-brand[b-vhq9lanl40] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.centro-reset-brand img[b-vhq9lanl40] {
    display: block;
    width: min(220px, 48vw);
    height: auto;
}

.centro-reset-back[b-vhq9lanl40],
.centro-reset-primary-link[b-vhq9lanl40] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.centro-reset-back[b-vhq9lanl40] {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 10px 15px;
    gap: 8px;
    border-radius: 999px;
    background: #eef6ff;
    color: #0b2a63;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.centro-reset-back:hover[b-vhq9lanl40],
.centro-reset-back:focus-visible[b-vhq9lanl40] {
    transform: translateY(-2px);
    background: #075dcc;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(7, 93, 204, .18);
}

.centro-reset-back:active[b-vhq9lanl40] {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(7, 93, 204, .12);
}

.centro-reset-card[b-vhq9lanl40] {
    padding: 34px;
    background: #fff;
    border: 1px solid #dbe8f7;
    border-radius: 22px;
    box-shadow: 0 16px 42px rgba(11, 42, 99, .08);
}

.centro-reset-kicker[b-vhq9lanl40] {
    display: block;
    margin-bottom: 7px;
    color: #075dcc;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.centro-reset-card h1[b-vhq9lanl40] {
    margin: 0 0 14px;
    color: #08265c;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 900;
}

.centro-reset-copy[b-vhq9lanl40] {
    margin: 0 0 24px;
    color: #536987;
    font-size: 15px;
    line-height: 1.7;
}

.centro-reset-form[b-vhq9lanl40] {
    display: grid;
    gap: 18px;
}

.centro-reset-field[b-vhq9lanl40] {
    display: grid;
    gap: 8px;
}

.centro-reset-field label[b-vhq9lanl40] {
    margin: 0;
    color: #08265c;
    font-size: 14px;
    font-weight: 800;
}

.centro-reset-field input[b-vhq9lanl40] {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid #cbdcf0;
    border-radius: 12px;
    background: #fff;
    color: #08265c;
    font: inherit;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.centro-reset-field input:focus[b-vhq9lanl40] {
    border-color: #075dcc;
    box-shadow: 0 0 0 3px rgba(7, 93, 204, .10);
}

.centro-reset-requirements[b-vhq9lanl40] {
    margin: -2px 0 0;
    color: #607493;
    font-size: 12px;
    line-height: 1.55;
}

.centro-reset-submit[b-vhq9lanl40],
.centro-reset-primary-link[b-vhq9lanl40] {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 12px;
    background: #0966d8;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
}

.centro-reset-submit[b-vhq9lanl40] {
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.centro-reset-submit:hover[b-vhq9lanl40],
.centro-reset-submit:focus-visible[b-vhq9lanl40],
.centro-reset-primary-link:hover[b-vhq9lanl40],
.centro-reset-primary-link:focus-visible[b-vhq9lanl40] {
    transform: translateY(-2px);
    background: #0757bd;
    color: #fff;
    box-shadow: 0 10px 22px rgba(7, 93, 204, .20);
}

.centro-reset-submit:active[b-vhq9lanl40],
.centro-reset-primary-link:active[b-vhq9lanl40] {
    transform: translateY(0);
}

.centro-reset-message[b-vhq9lanl40] {
    margin: 0 0 20px;
    padding: 13px 15px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.55;
}

.centro-reset-message-error[b-vhq9lanl40] {
    border: 1px solid #f1bfc2;
    background: #fff0f1;
    color: #9a3038;
}

@media (max-width: 575px) {
    .centro-reset-page[b-vhq9lanl40] {
        padding: 18px 12px;
    }

    .centro-reset-header[b-vhq9lanl40] {
        padding: 10px 12px;
        gap: 10px;
    }

    .centro-reset-brand img[b-vhq9lanl40] {
        width: min(170px, 47vw);
    }

    .centro-reset-back[b-vhq9lanl40] {
        min-height: 38px;
        padding: 8px 11px;
        font-size: 12px;
    }

    .centro-reset-card[b-vhq9lanl40] {
        padding: 24px 20px;
        border-radius: 18px;
    }

    .centro-reset-card h1[b-vhq9lanl40] {
        font-size: 25px;
    }
}
/* _content/CentroCADOnline/Components/Pages/Terms.razor.rz.scp.css */
.legal-page[b-wed7m255ph] {
    min-height: 100vh;
    background: #f4f8fd;
    color: #23324a;
    font-family: 'Rubik', sans-serif;
}

.legal-shell[b-wed7m255ph] {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
}

.legal-hero[b-wed7m255ph] {
    padding: 58px 0 46px;
    background:
        radial-gradient(circle at 86% 8%, rgba(7, 93, 204, .10), transparent 30%),
        linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
    border-bottom: 1px solid #dce8f7;
}

.legal-back[b-wed7m255ph] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #075dcc;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 28px;
}

.legal-back:hover[b-wed7m255ph],
.legal-back:focus-visible[b-wed7m255ph] {
    color: #03469f;
    text-decoration: underline;
}

.legal-kicker[b-wed7m255ph] {
    margin: 0 0 8px;
    color: #075dcc;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.legal-hero h1[b-wed7m255ph] {
    margin: 0;
    color: #08265c;
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -.03em;
}

.legal-lead[b-wed7m255ph] {
    max-width: 820px;
    margin: 18px 0 0;
    color: #526987;
    font-size: 18px;
    line-height: 1.75;
}

.legal-date[b-wed7m255ph] {
    margin: 18px 0 0;
    color: #71849f;
    font-size: 14px;
}

.legal-content[b-wed7m255ph] {
    padding: 42px 0 70px;
}

.legal-card[b-wed7m255ph] {
    background: #fff;
    border: 1px solid #dce8f7;
    border-radius: 22px;
    padding: clamp(24px, 5vw, 52px);
    box-shadow: 0 18px 55px rgba(15, 50, 100, .08);
}

.legal-summary[b-wed7m255ph] {
    margin-bottom: 36px;
    padding: 20px 22px;
    border-left: 4px solid #075dcc;
    border-radius: 12px;
    background: #f2f7ff;
}

.legal-summary strong[b-wed7m255ph] {
    display: block;
    margin-bottom: 6px;
    color: #08265c;
    font-size: 17px;
}

.legal-summary p[b-wed7m255ph] {
    margin: 0;
}

.legal-section[b-wed7m255ph] {
    padding: 28px 0;
    border-top: 1px solid #e7eef7;
}

.legal-section:first-of-type[b-wed7m255ph] {
    border-top: 0;
    padding-top: 0;
}

.legal-section h2[b-wed7m255ph] {
    margin: 0 0 14px;
    color: #08265c;
    font-size: clamp(21px, 2.5vw, 27px);
    line-height: 1.3;
}

.legal-section p[b-wed7m255ph],
.legal-section li[b-wed7m255ph],
.legal-summary p[b-wed7m255ph] {
    color: #536987;
    font-size: 16px;
    line-height: 1.78;
}

.legal-section p[b-wed7m255ph] {
    margin: 0 0 14px;
}

.legal-section p:last-child[b-wed7m255ph] {
    margin-bottom: 0;
}

.legal-section ul[b-wed7m255ph] {
    margin: 10px 0 0;
    padding-left: 22px;
}

.legal-section li + li[b-wed7m255ph] {
    margin-top: 8px;
}

.legal-section a[b-wed7m255ph] {
    color: #075dcc;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.legal-actions[b-wed7m255ph] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 34px;
    border-top: 1px solid #e7eef7;
}

.legal-primary[b-wed7m255ph],
.legal-secondary[b-wed7m255ph] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 12px 19px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.legal-primary[b-wed7m255ph] {
    background: #075dcc;
    color: #fff;
    box-shadow: 0 10px 24px rgba(7, 93, 204, .18);
}

.legal-secondary[b-wed7m255ph] {
    background: #eef5ff;
    color: #075dcc;
    border: 1px solid #cadef7;
}

.legal-primary:hover[b-wed7m255ph],
.legal-primary:focus-visible[b-wed7m255ph],
.legal-secondary:hover[b-wed7m255ph],
.legal-secondary:focus-visible[b-wed7m255ph] {
    transform: translateY(-1px);
    text-decoration: none;
}

@media (max-width: 767px) {
    .legal-shell[b-wed7m255ph] {
        width: min(100% - 24px, 1120px);
    }

    .legal-hero[b-wed7m255ph] {
        padding: 34px 0 30px;
    }

    .legal-back[b-wed7m255ph] {
        margin-bottom: 20px;
    }

    .legal-lead[b-wed7m255ph] {
        font-size: 16px;
        line-height: 1.65;
    }

    .legal-content[b-wed7m255ph] {
        padding: 22px 0 40px;
    }

    .legal-card[b-wed7m255ph] {
        border-radius: 16px;
        padding: 22px 18px;
    }

    .legal-summary[b-wed7m255ph] {
        padding: 16px;
        margin-bottom: 24px;
    }

    .legal-section[b-wed7m255ph] {
        padding: 22px 0;
    }

    .legal-section p[b-wed7m255ph],
    .legal-section li[b-wed7m255ph],
    .legal-summary p[b-wed7m255ph] {
        font-size: 15px;
        line-height: 1.72;
    }

    .legal-actions[b-wed7m255ph] {
        flex-direction: column;
    }

    .legal-primary[b-wed7m255ph],
    .legal-secondary[b-wed7m255ph] {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .legal-hero h1[b-wed7m255ph] {
        font-size: 34px;
    }

    .legal-card[b-wed7m255ph] {
        padding: 20px 15px;
    }

    .legal-section ul[b-wed7m255ph] {
        padding-left: 19px;
    }
}
