@import '_content/BlazorBasics.RichTextEditor/BlazorBasics.RichTextEditor.bundle.scp.css';
@import '_content/NetcodeHub.Packages.Components.Toast/NetcodeHub.Packages.Components.Toast.bundle.scp.css';

/* /Components/Forms/PreguntaForm.razor.rz.scp.css */
/* =========================
   PREGUNTA FORM - THEME
   Paleta: #0D47A1 / #FFD600
========================= */
:root[b-sdhe9cld2e] {
    --pf-blue: #0D47A1;
    --pf-yellow: #FFD600;
    --pf-text: #0F172A;
    --pf-muted: rgba(15, 23, 42, .72);
    --pf-border: rgba(13, 71, 161, .14);
    --pf-card: #FFFFFF;
    --pf-shadow-sm: 0 10px 22px rgba(2, 8, 23, .08);
}

.pf-page[b-sdhe9cld2e] {
    color: var(--pf-text);
}

.pf-header[b-sdhe9cld2e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.pf-title[b-sdhe9cld2e] {
    font-weight: 900;
    letter-spacing: -0.02em;
}

.pf-subtitle[b-sdhe9cld2e] {
    color: var(--pf-muted);
    font-weight: 600;
}

.pf-actions[b-sdhe9cld2e] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.pf-validation[b-sdhe9cld2e] {
    border-radius: 14px;
    border: 1px solid rgba(220, 38, 38, .20);
}

.pf-loading[b-sdhe9cld2e] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-items: center;
    justify-content: center;
}

    .pf-loading .spinner-border[b-sdhe9cld2e] {
        color: var(--pf-blue);
    }

.pf-loading-text[b-sdhe9cld2e] {
    color: var(--pf-muted);
    font-weight: 600;
}

.pf-card[b-sdhe9cld2e] {
    background: var(--pf-card);
    border: 1px solid var(--pf-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--pf-shadow-sm);
    position: relative;
}

    .pf-card[b-sdhe9cld2e]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--pf-blue), var(--pf-yellow));
        opacity: .95;
    }

.pf-card-head[b-sdhe9cld2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .85rem 1rem;
    border-bottom: 1px solid rgba(13, 71, 161, .10);
    background: linear-gradient(180deg, rgba(13, 71, 161, .06), rgba(13, 71, 161, 0));
}

.pf-card-title[b-sdhe9cld2e] {
    font-weight: 900;
    letter-spacing: -0.01em;
}

.pf-card-meta[b-sdhe9cld2e] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.pf-card-body[b-sdhe9cld2e] {
    padding: 1rem;
}

.pf-divider[b-sdhe9cld2e] {
    border-color: rgba(13, 71, 161, .12);
    margin: 1rem 0;
}

.pf-label[b-sdhe9cld2e] {
    font-weight: 800;
    color: rgba(15, 23, 42, .85);
}

.pf-input[b-sdhe9cld2e] {
    border-radius: 12px;
    border-color: rgba(13, 71, 161, .18);
    font-weight: 600;
}

    .pf-input:focus[b-sdhe9cld2e] {
        border-color: rgba(13, 71, 161, .45);
        box-shadow: 0 0 0 .2rem rgba(13, 71, 161, .18);
    }

.pf-block-head[b-sdhe9cld2e] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .5rem;
    flex-wrap: wrap;
}

.pf-block-title[b-sdhe9cld2e] {
    font-weight: 900;
}

.pf-block-hint[b-sdhe9cld2e] {
    color: var(--pf-muted);
    font-weight: 600;
    font-size: .9rem;
}

.pf-editor[b-sdhe9cld2e] {
    border: 1px solid rgba(13, 71, 161, .14);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 18px rgba(2, 8, 23, .04);
}

    .pf-editor .ql-toolbar[b-sdhe9cld2e] {
        border: 0 !important;
        border-bottom: 1px solid rgba(13, 71, 161, .10) !important;
        background: rgba(13, 71, 161, .04);
    }

    .pf-editor .ql-container[b-sdhe9cld2e] {
        border: 0 !important;
        min-height: 160px;
    }

.pf-active[b-sdhe9cld2e] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    background: rgba(255, 214, 0, .20);
    border: 1px solid rgba(255, 214, 0, .45);
    color: #5A4A00;
    font-weight: 900;
    user-select: none;
}

.pf-answers-head[b-sdhe9cld2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.pf-answers-title[b-sdhe9cld2e] {
    font-weight: 900;
}

.pf-answers[b-sdhe9cld2e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pf-answer-card[b-sdhe9cld2e] {
    border: 1px solid rgba(13, 71, 161, .14);
    border-radius: 16px;
    background: rgba(13, 71, 161, .03);
    padding: .85rem;
}

.pf-answer-head[b-sdhe9cld2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .75rem;
}

.pf-answer-title[b-sdhe9cld2e] {
    font-weight: 900;
}

.pf-answer-actions[b-sdhe9cld2e] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.pf-correct[b-sdhe9cld2e] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    background: rgba(255, 214, 0, .20);
    border: 1px solid rgba(255, 214, 0, .45);
    color: #5A4A00;
    font-weight: 900;
    user-select: none;
}

.pf-btn[b-sdhe9cld2e] {
    border-radius: 12px;
    font-weight: 800;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
}

    .pf-btn:active[b-sdhe9cld2e] {
        transform: translateY(0);
    }

.pf-btn-primary[b-sdhe9cld2e] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13, 71, 161, .18);
}

    .pf-btn-primary:hover[b-sdhe9cld2e] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13, 71, 161, .22);
    }

.pf-btn-outline[b-sdhe9cld2e] {
    background: rgba(13, 71, 161, .06);
    border-color: rgba(13, 71, 161, .18);
    color: var(--pf-blue);
}

    .pf-btn-outline:hover[b-sdhe9cld2e] {
        background: rgba(13, 71, 161, .10);
        border-color: rgba(13, 71, 161, .28);
        color: var(--pf-blue);
    }

.pf-btn-success[b-sdhe9cld2e] {
    background: #16A34A;
    color: #fff;
    box-shadow: 0 10px 20px rgba(22, 163, 74, .16);
}

    .pf-btn-success:hover[b-sdhe9cld2e] {
        background: #12813B;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(22, 163, 74, .22);
    }

.pf-btn-danger[b-sdhe9cld2e] {
    background: rgba(239, 68, 68, .12);
    border-color: rgba(239, 68, 68, .25);
    color: #991B1B;
}

    .pf-btn-danger:hover[b-sdhe9cld2e] {
        background: rgba(239, 68, 68, .18);
        border-color: rgba(239, 68, 68, .35);
    }

.pf-footer[b-sdhe9cld2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(13, 71, 161, .10);
}

.pf-pill[b-sdhe9cld2e] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    border: 1px solid rgba(13, 71, 161, .16);
    background: rgba(13, 71, 161, .06);
    color: rgba(13, 71, 161, .95);
    font-weight: 800;
    font-size: .85rem;
}
/* /Layout/ConfirmationModal.razor.rz.scp.css */
.modal-backdrop[b-s2ywk9mzrq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}
/* /Layout/LoadingModal.razor.rz.scp.css */
.modal[b-ilbrru8t78] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.modal-content[b-ilbrru8t78] {
    border: none;
    background: transparent;
    box-shadow: none;
}

.spinner-border[b-ilbrru8t78] {
    width: 3rem;
    height: 3rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-x3x23zukoy] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-x3x23zukoy] {
    flex: 1;
}

/* Controla el color del sidebar*/
.sidebar[b-x3x23zukoy] {
    background-image: linear-gradient(180deg, #0288D1 0%, #0277BD 70%); 
}

.top-row[b-x3x23zukoy] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-x3x23zukoy]  a, .top-row[b-x3x23zukoy]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-x3x23zukoy]  a:hover, .top-row[b-x3x23zukoy]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-x3x23zukoy]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-x3x23zukoy] {
        justify-content: space-between;
    }

    .top-row[b-x3x23zukoy]  a, .top-row[b-x3x23zukoy]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-x3x23zukoy] {
        flex-direction: row;
    }

    .sidebar[b-x3x23zukoy] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-x3x23zukoy] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-x3x23zukoy]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-x3x23zukoy], article[b-x3x23zukoy] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
:root[b-lrjoahvh3n] {
    --sb-green: #FECB46; /* dorado suave para acentos */
    --sb-bg: #072654; /* fondo principal */
    --sb-bg-2: #041C3F; /* topbar más oscuro */
    --sb-border: rgba(255,255,255,.10);
    --sb-text: #ffffff;
    --sb-muted: rgba(255,255,255,.70);
    --sb-hover: rgba(255,255,255,.08);
    --sb-active: rgba(254,203,70,.22); /* activo dorado */
    --shadow: 0 16px 34px rgba(0,0,0,.28);
    --sb-w: 280px;
    --sb-w-c: 76px;
}


/* =======================
   TOPBAR (solo mobile)
======================= */
.topbar[b-lrjoahvh3n] {
    height: 3.5rem;
    background: var(--sb-bg-2);
    border-bottom: 1px solid var(--sb-border);
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

.navbar-toggler[b-lrjoahvh3n] {
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.10);
    border-radius: 12px;
}

    .navbar-toggler:hover[b-lrjoahvh3n] {
        background: rgba(255,255,255,.14);
    }

.brand[b-lrjoahvh3n] {
    display: flex;
    align-items: center;
    gap: .65rem;
    text-decoration: none;
}

.brand-badge[b-lrjoahvh3n] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
}

.brand-text[b-lrjoahvh3n] {
    font-weight: 900;
    color: #fff;
}

/* =======================
   SIDEBAR SHELL
======================= */
.sidebar-shell[b-lrjoahvh3n] {
    background: linear-gradient( 180deg, #072654 0%, #0A2F6F 55%, #041C3F 100% );
    border-right: 1px solid var(--sb-border);
}


.nav-scrollable.sidebar[b-lrjoahvh3n] {
    width: var(--sb-w);
    transition: width .22s ease;
    position: relative;
}

    /* Colapsado real */
    .nav-scrollable.sidebar.sb-collapsed[b-lrjoahvh3n] {
        width: var(--sb-w-c);
    }

/* =======================
   BOTÓN FLOTANTE (GMAIL)
======================= */
.sb-float-toggle[b-lrjoahvh3n] {
    position: absolute;
    top: 18px;
    right: -14px;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.20);
    background: rgba(0,0,0,.20);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 18px rgba(0,0,0,.22);
    z-index: 100;
    cursor: pointer;
    transition: background-color .18s ease, transform .12s ease;
}

    .sb-float-toggle:hover[b-lrjoahvh3n] {
        background: rgba(166,210,32,.18);
        transform: translateY(-1px);
    }

    .sb-float-toggle i[b-lrjoahvh3n] {
        color: #fff;
        font-size: 1.05rem;
        transition: transform .22s ease;
    }

.nav-scrollable.sidebar.sb-collapsed .sb-float-toggle i[b-lrjoahvh3n] {
    transform: rotate(180deg);
}

/* =======================
   SIDEBAR INTERIOR
======================= */
.sidebar-inner[b-lrjoahvh3n] {
    min-height: calc(100vh - 3.5rem);
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Franja superior */
.sidebar-top[b-lrjoahvh3n] {
    background: var(--sb-green);
    padding: 1.1rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,.08);
}

.sidebar-brand[b-lrjoahvh3n] {
    text-decoration: none;
    display: flex;
    justify-content: center;
}

.sidebar-brand-title[b-lrjoahvh3n] {
    color: #fff;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
}

/* Ocultar título en colapsado */
.nav-scrollable.sidebar.sb-collapsed .sidebar-brand-title[b-lrjoahvh3n] {
    display: none;
}

/* =======================
   PERFIL
======================= */
.sidebar-profile[b-lrjoahvh3n] {
    padding: 1.35rem 1rem 1.05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
    border-bottom: 1px solid rgba(255,255,255,.10);
}

.avatar-ring[b-lrjoahvh3n] {
    width: 112px;
    height: 112px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow);
    transition: all .22s ease;
}

.avatar-img[b-lrjoahvh3n] {
    width: 96px;
    height: 96px;
    border-radius: 999px;
    object-fit: cover;
    border: 3px solid rgba(255,255,255,.18);
    transition: all .22s ease;
}

.profile-name[b-lrjoahvh3n] {
    font-weight: 900;
    color: #fff;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.profile-sub[b-lrjoahvh3n] {
    color: var(--sb-muted);
    font-size: .86rem;
    font-weight: 700;
}

/* Compactar perfil */
.nav-scrollable.sidebar.sb-collapsed .avatar-ring[b-lrjoahvh3n] {
    width: 52px;
    height: 52px;
}

.nav-scrollable.sidebar.sb-collapsed .avatar-img[b-lrjoahvh3n] {
    width: 44px;
    height: 44px;
    border-width: 2px;
}

.nav-scrollable.sidebar.sb-collapsed .profile-name[b-lrjoahvh3n],
.nav-scrollable.sidebar.sb-collapsed .profile-sub[b-lrjoahvh3n] {
    display: none;
}

/* =======================
   NAVEGACIÓN
======================= */
.sidebar-nav[b-lrjoahvh3n] {
    padding: .7rem 0 1rem;
    flex: 1 1 auto;
}

.nav-section[b-lrjoahvh3n] {
    padding: .35rem 0;
    border-top: 1px solid rgba(255,255,255,.06);
}

    .nav-section:first-child[b-lrjoahvh3n] {
        border-top: none;
    }

.nav-item[b-lrjoahvh3n] {
    list-style: none !important;
}

    .nav-item[b-lrjoahvh3n]  a.nav-link {
        height: 48px;
        display: flex;
        align-items: center;
        gap: .85rem;
        padding: 0 1rem;
        margin: .15rem .75rem;
        border-radius: 10px;
        color: #fff;
        text-decoration: none;
        transition: background-color .16s ease, transform .10s ease;
    }

    .nav-item i.bi[b-lrjoahvh3n] {
        width: 28px;
        min-width: 28px;
        display: inline-flex;
        justify-content: center;
        font-size: 1.18rem;
        color: rgba(255,255,255,.95);
    }

    .nav-item[b-lrjoahvh3n]  a.nav-link span {
        font-weight: 750;
        white-space: nowrap;
    }

    /* Hover / Active */
    .nav-item[b-lrjoahvh3n]  a.nav-link:hover {
        background: var(--sb-hover);
        transform: translateY(-1px);
    }

    .nav-item[b-lrjoahvh3n]  a.nav-link.active {
        background: var(--sb-active);
        box-shadow: 0 10px 22px rgba(0,0,0,.18);
    }

/* Colapsado: solo iconos */
.nav-scrollable.sidebar.sb-collapsed .nav-item[b-lrjoahvh3n]  a.nav-link {
    justify-content: center;
    padding: 0;
    margin: .18rem .5rem;
}

    .nav-scrollable.sidebar.sb-collapsed .nav-item[b-lrjoahvh3n]  a.nav-link span {
        display: none;
    }

/* Submenu */
.submenu-toggle[b-lrjoahvh3n] {
    justify-content: space-between;
}

.chevron[b-lrjoahvh3n] {
    opacity: .9;
}

.nav-scrollable.sidebar.sb-collapsed .chevron[b-lrjoahvh3n] {
    display: none;
}

.submenu-item[b-lrjoahvh3n]  a.nav-link {
    margin-left: 1.55rem;
    padding-left: .95rem;
    border-left: 2px solid rgba(255,255,255,.22);
    color: #fff;
}

    .submenu-item[b-lrjoahvh3n]  a.nav-link:hover {
        color: #fff;
        border-left-color: var(--sb-green);
    }

.nav-scrollable.sidebar.sb-collapsed .submenu-item[b-lrjoahvh3n] {
    display: none;
}

/* =======================
   FOOTER
======================= */
.sidebar-footer[b-lrjoahvh3n] {
    padding: 1rem;
    border-top: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.10);
}

.footer-logout[b-lrjoahvh3n] {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    border-radius: 12px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
    color: #fff;
    text-decoration: none;
    transition: background-color .16s ease, transform .10s ease;
}

    .footer-logout:hover[b-lrjoahvh3n] {
        background: rgba(166,210,32,.18);
        transform: translateY(-1px);
    }

.nav-scrollable.sidebar.sb-collapsed .footer-logout span[b-lrjoahvh3n] {
    display: none;
}

/* =======================
   SCROLL
======================= */
@media (min-width: 641px) {
    .navbar-toggler[b-lrjoahvh3n] {
        display: none;
    }

    .collapse[b-lrjoahvh3n] {
        display: block;
    }

    .nav-scrollable[b-lrjoahvh3n] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.nav-scrollable[b-lrjoahvh3n]::-webkit-scrollbar {
    width: 10px;
}

.nav-scrollable[b-lrjoahvh3n]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.16);
    border-radius: 999px;
}

    .nav-scrollable[b-lrjoahvh3n]::-webkit-scrollbar-thumb:hover {
        background: rgba(255,255,255,.26);
    }
/* /Pages/AulaVirtual/AulaVirtualAdmin.razor.rz.scp.css */
:root[b-wt32mxp1z1] {
    --av-blue: #0D47A1;
    --av-yellow: #FFD600;
    --av-text: #0F172A;
    --av-muted: rgba(15,23,42,.72);
    --av-border: rgba(13,71,161,.14);
    --av-card: #FFFFFF;
    --av-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --av-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.av-page[b-wt32mxp1z1] {
    color: var(--av-text);
}

.av-header[b-wt32mxp1z1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.av-title[b-wt32mxp1z1] {
    font-weight: 900;
    letter-spacing: -.02em;
}

.av-subtitle[b-wt32mxp1z1] {
    color: var(--av-muted);
    font-weight: 600;
}

.av-loading[b-wt32mxp1z1] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .av-loading .spinner-border[b-wt32mxp1z1] {
        color: var(--av-blue);
    }

.av-loading-text[b-wt32mxp1z1] {
    color: var(--av-muted);
    font-weight: 700;
}

.av-card[b-wt32mxp1z1] {
    background: var(--av-card);
    border: 1px solid var(--av-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--av-shadow-sm);
    position: relative;
}

    .av-card[b-wt32mxp1z1]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--av-blue),var(--av-yellow));
    }

.av-card-head[b-wt32mxp1z1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.av-card-title[b-wt32mxp1z1] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.av-card-meta[b-wt32mxp1z1] {
    color: var(--av-muted);
    font-weight: 700;
}

.av-table-wrap[b-wt32mxp1z1] {
    padding: .35rem .75rem .75rem .75rem;
}

.av-table thead th[b-wt32mxp1z1] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.av-table tbody td[b-wt32mxp1z1] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.av-table tbody tr:hover[b-wt32mxp1z1] {
    background: rgba(13,71,161,.04);
}

.av-muted[b-wt32mxp1z1] {
    color: var(--av-muted);
    font-weight: 600;
}

.av-main-title[b-wt32mxp1z1] {
    font-weight: 900;
}

.av-main-sub[b-wt32mxp1z1] {
    margin-top: .25rem;
    color: var(--av-muted);
    font-weight: 600;
    font-size: .9rem;
}

/* Badges */
.av-badge[b-wt32mxp1z1] {
    display: inline-block;
    width: 110px;
    text-align: center;
    font-size: 11px;
    padding: 4px 0;
    border-radius: 999px;
    font-weight: 900;
}

.av-badge-success[b-wt32mxp1z1] {
    background: rgba(22,163,74,.14) !important;
    color: #166534 !important;
}

.av-badge-danger[b-wt32mxp1z1] {
    background: rgba(239,68,68,.12) !important;
    color: #991B1B !important;
}

/* Buttons */
.av-btn[b-wt32mxp1z1] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.av-btn-primary[b-wt32mxp1z1] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .av-btn-primary:hover[b-wt32mxp1z1] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.av-btn-secondary[b-wt32mxp1z1] {
    background: rgba(148,163,184,.22);
    color: #0F172A;
    border-color: rgba(148,163,184,.30);
}

    .av-btn-secondary:hover[b-wt32mxp1z1] {
        background: rgba(148,163,184,.32);
    }

.av-btn-warning[b-wt32mxp1z1] {
    background: rgba(255,214,0,.55);
    color: #111827;
    border-color: rgba(255,214,0,.65);
}

    .av-btn-warning:hover[b-wt32mxp1z1] {
        background: rgba(255,214,0,.72);
    }

/* Overlay + Modal (FULL VIEWPORT, centrado real) */
.av-overlay[b-wt32mxp1z1] {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.55);
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.av-modal[b-wt32mxp1z1] {
    position: fixed;
    inset: 0;
    z-index: 2001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.av-modal-card[b-wt32mxp1z1] {
    width: min(780px, 96vw);
    background: #fff;
    border: 1px solid rgba(13,71,161,.16);
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(2,8,23,.22);
    overflow: hidden;
    position: relative;
}

    .av-modal-card[b-wt32mxp1z1]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--av-blue),var(--av-yellow));
    }

.av-modal-header[b-wt32mxp1z1] {
    padding: 1rem 1rem .85rem 1rem;
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    border-bottom: 1px solid rgba(13,71,161,.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.av-modal-title[b-wt32mxp1z1] {
    font-weight: 900;
    letter-spacing: -.01em;
    margin: 0;
}

.av-modal-body[b-wt32mxp1z1] {
    padding: 1rem;
}

.av-modal-footer[b-wt32mxp1z1] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
}

/* Inputs */
.av-label[b-wt32mxp1z1] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.av-input[b-wt32mxp1z1] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .av-input:focus[b-wt32mxp1z1] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.av-help[b-wt32mxp1z1] {
    color: var(--av-muted);
    font-weight: 600;
    font-size: .9rem;
}

.av-switch .form-check-input:checked[b-wt32mxp1z1] {
    background-color: #0D47A1;
    border-color: #0D47A1;
}

/* Empty */
.av-empty[b-wt32mxp1z1] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.av-empty-icon[b-wt32mxp1z1] {
    font-size: 2rem;
    color: var(--av-blue);
    margin-bottom: .35rem;
}

.av-empty-title[b-wt32mxp1z1] {
    font-weight: 900;
    font-size: 1.05rem;
}

.av-empty-text[b-wt32mxp1z1] {
    color: var(--av-muted);
    font-weight: 600;
}
/* /Pages/AulaVirtual/AulaVirtualClient.razor.rz.scp.css */
/* ===============================
   VARIABLES DE COLOR – CBN
================================ */
:root[b-s5ak049yzq] {
    --p-blue-900: #0D47A1;
    --p-blue-400: #80A4FF;
    --p-cream: #F1F1E6;
    --p-gold: #D0A616;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #dfe6f3;
    --border-strong: #cfd9ee;
    --shadow: 0 12px 28px rgba(15,23,42,.08);
    --shadow-soft: 0 6px 16px rgba(15,23,42,.06);
}

/* ===============================
   WRAPPER GENERAL
================================ */
.av-wrap[b-s5ak049yzq] {
    width: 100%;
}

/* ===============================
   HEADER
================================ */
.av-head[b-s5ak049yzq] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.av-title[b-s5ak049yzq] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -0.4px;
    color: var(--text);
}

.av-subtitle[b-s5ak049yzq] {
    margin: .35rem 0 0 0;
    color: var(--muted);
    font-weight: 600;
}

/* ===============================
   BADGES SUPERIORES
================================ */
.av-badges[b-s5ak049yzq] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.av-badge[b-s5ak049yzq] {
    background: rgba(241,241,230,.75);
    border: 1px solid rgba(13,71,161,.12);
    border-radius: 14px;
    padding: .55rem .75rem;
    min-width: 150px;
    text-align: center;
    box-shadow: var(--shadow-soft);
}

.av-badge-soft[b-s5ak049yzq] {
    background: rgba(128,164,255,.10);
}

.av-badge-label[b-s5ak049yzq] {
    display: block;
    font-size: .78rem;
    color: var(--muted);
    font-weight: 800;
}

.av-badge-value[b-s5ak049yzq] {
    display: block;
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--text);
}

/* ===============================
   CARD DE TABLA
================================ */
.av-table-card[b-s5ak049yzq] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.av-table[b-s5ak049yzq] {
    margin: 0;
}

    .av-table thead th[b-s5ak049yzq] {
        background: rgba(13,71,161,.06);
        color: var(--text);
        font-weight: 900;
        padding: .85rem .75rem;
        border-bottom: 1px solid var(--border) !important;
        white-space: nowrap;
    }

    .av-table tbody td[b-s5ak049yzq] {
        padding: .85rem .75rem;
        border-top: 1px solid rgba(223,230,243,.7) !important;
        vertical-align: middle;
    }

    .av-table tbody tr:hover[b-s5ak049yzq] {
        background: rgba(128,164,255,.06);
    }

/* ===============================
   NOMBRE DEL AULA
================================ */
.av-name-row[b-s5ak049yzq] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 260px;
}

.av-pill[b-s5ak049yzq] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13,71,161,.10);
    border: 1px solid rgba(13,71,161,.18);
}

    .av-pill i[b-s5ak049yzq] {
        color: var(--p-blue-900);
        font-size: 1rem;
    }

.av-name-text[b-s5ak049yzq] {
    font-weight: 800;
    color: #0b1220;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===============================
   CHIPS – ÁREA / GRUPO (MEJORADOS)
================================ */
.av-chip[b-s5ak049yzq] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .6rem;
    border-radius: 999px;
    background: rgba(13,71,161,.08);
    border: 1px solid rgba(13,71,161,.14);
    font-weight: 800;
    font-size: .78rem;
    letter-spacing: .3px;
    color: #0b2f6b;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Variante Grupo */
.av-chip-soft[b-s5ak049yzq] {
    background: rgba(208,166,22,.14);
    border: 1px solid rgba(208,166,22,.28);
    color: #6b5500;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
}

/* ===============================
   DOCENTE
================================ */
.av-docente[b-s5ak049yzq] {
    font-weight: 700;
    color: #334155;
}

/* ===============================
   BOTÓN IR AL AULA
================================ */
.av-btn-go[b-s5ak049yzq] {
    border-radius: 12px !important;
    font-weight: 900 !important;
    padding: .45rem .75rem !important;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

    .av-btn-go i[b-s5ak049yzq] {
        font-size: 1.05rem;
    }

/* ===============================
   TEXTO MUTED
================================ */
.av-muted[b-s5ak049yzq] {
    color: var(--muted);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

/* ===============================
   MENSAJE VACÍO
================================ */
.av-empty[b-s5ak049yzq] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .85rem;
    border-radius: 14px;
    background: rgba(128,164,255,.10);
    border: 1px dashed rgba(13,71,161,.28);
    color: var(--text);
    font-weight: 800;
}

    .av-empty i[b-s5ak049yzq] {
        color: var(--p-blue-900);
        font-size: 1.2rem;
    }

/* ===============================
   FOOTNOTE
================================ */
.av-footnote[b-s5ak049yzq] {
    padding: .85rem 1rem;
    border-top: 1px solid var(--border);
    background: rgba(241,241,230,.35);
    color: var(--muted);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: .55rem;
}

    .av-footnote i[b-s5ak049yzq] {
        color: var(--p-gold);
    }

/* ===============================
   LOADING
================================ */
.av-loading[b-s5ak049yzq] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 0;
}

.av-loading-text[b-s5ak049yzq] {
    color: var(--muted);
    font-weight: 700;
}

/* ===============================
   RESPONSIVE
================================ */
@media (max-width: 992px) {
    .av-head[b-s5ak049yzq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .av-name-text[b-s5ak049yzq] {
        max-width: 300px;
    }
}

@media (max-width: 576px) {
    .av-table-card[b-s5ak049yzq] {
        border-radius: 14px;
    }

    .av-name-text[b-s5ak049yzq] {
        max-width: 200px;
    }
}
/* /Pages/Configuracion/Areas.razor.rz.scp.css */
:root[b-j5pp8ygqmu] {
    --ar-blue: #0D47A1;
    --ar-yellow: #FFD600;
    --ar-text: #0F172A;
    --ar-muted: rgba(15,23,42,.72);
    --ar-border: rgba(13,71,161,.14);
    --ar-card: #FFFFFF;
    --ar-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --ar-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.ar-page[b-j5pp8ygqmu] {
    color: var(--ar-text);
}

/* Header */
.ar-header[b-j5pp8ygqmu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.ar-title[b-j5pp8ygqmu] {
    font-weight: 900;
    letter-spacing: -.02em;
}

.ar-subtitle[b-j5pp8ygqmu] {
    color: var(--ar-muted);
    font-weight: 600;
}

/* Loading */
.ar-loading[b-j5pp8ygqmu] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .ar-loading .spinner-border[b-j5pp8ygqmu] {
        color: var(--ar-blue);
    }

.ar-loading-text[b-j5pp8ygqmu] {
    color: var(--ar-muted);
    font-weight: 700;
}

/* Card */
.ar-card[b-j5pp8ygqmu] {
    background: var(--ar-card);
    border: 1px solid var(--ar-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--ar-shadow-sm);
    position: relative;
}

    .ar-card[b-j5pp8ygqmu]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--ar-blue),var(--ar-yellow));
    }

.ar-card-head[b-j5pp8ygqmu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.ar-card-title[b-j5pp8ygqmu] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.ar-card-meta[b-j5pp8ygqmu] {
    color: var(--ar-muted);
    font-weight: 700;
}

/* Table */
.ar-table-wrap[b-j5pp8ygqmu] {
    padding: .35rem .75rem .75rem .75rem;
}

.ar-table thead th[b-j5pp8ygqmu] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.ar-table tbody td[b-j5pp8ygqmu] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.ar-table tbody tr:hover[b-j5pp8ygqmu] {
    background: rgba(13,71,161,.04);
}

/* Main */
.ar-main-title[b-j5pp8ygqmu] {
    font-weight: 900;
}

.ar-main-sub[b-j5pp8ygqmu] {
    margin-top: .25rem;
    color: var(--ar-muted);
    font-weight: 600;
    font-size: .9rem;
}

.ar-code[b-j5pp8ygqmu] {
    background: rgba(13,71,161,.08);
    border: 1px solid rgba(13,71,161,.12);
    padding: .05rem .35rem;
    border-radius: 8px;
    font-weight: 800;
}

/* Icon / Color */
.ar-icon[b-j5pp8ygqmu] {
    font-size: 1.35rem;
    color: var(--ar-blue);
}

.ar-color[b-j5pp8ygqmu] {
    font-size: 1.35rem;
}

.ar-color-text[b-j5pp8ygqmu] {
    font-size: .78rem;
    color: var(--ar-muted);
    font-weight: 700;
    margin-top: .15rem;
}

/* Badges */
.ar-badge[b-j5pp8ygqmu] {
    display: inline-block;
    width: 110px;
    text-align: center;
    font-size: 11px;
    padding: 4px 0;
    border-radius: 999px;
    font-weight: 900;
}

.ar-badge-success[b-j5pp8ygqmu] {
    background: rgba(22,163,74,.14) !important;
    color: #166534 !important;
}

.ar-badge-danger[b-j5pp8ygqmu] {
    background: rgba(239,68,68,.12) !important;
    color: #991B1B !important;
}

/* Buttons */
.ar-btn[b-j5pp8ygqmu] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.ar-btn-primary[b-j5pp8ygqmu] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .ar-btn-primary:hover[b-j5pp8ygqmu] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.ar-btn-secondary[b-j5pp8ygqmu] {
    background: rgba(148,163,184,.22);
    color: #0F172A;
    border-color: rgba(148,163,184,.30);
}

    .ar-btn-secondary:hover[b-j5pp8ygqmu] {
        background: rgba(148,163,184,.32);
    }

.ar-btn-warning[b-j5pp8ygqmu] {
    background: rgba(255,214,0,.55);
    color: #111827;
    border-color: rgba(255,214,0,.65);
}

    .ar-btn-warning:hover[b-j5pp8ygqmu] {
        background: rgba(255,214,0,.72);
    }

/* Overlay + Modal (centrado real, sin Bootstrap modal) */
.ar-overlay[b-j5pp8ygqmu] {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.55);
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.ar-modal[b-j5pp8ygqmu] {
    position: fixed;
    inset: 0;
    z-index: 2001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.ar-modal-card[b-j5pp8ygqmu] {
    width: min(720px, 96vw);
    background: #fff;
    border: 1px solid rgba(13,71,161,.16);
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(2,8,23,.22);
    overflow: hidden;
    position: relative;
}

    .ar-modal-card[b-j5pp8ygqmu]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--ar-blue),var(--ar-yellow));
    }

.ar-modal-header[b-j5pp8ygqmu] {
    padding: 1rem 1rem .85rem 1rem;
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    border-bottom: 1px solid rgba(13,71,161,.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.ar-modal-title[b-j5pp8ygqmu] {
    font-weight: 900;
    letter-spacing: -.01em;
    margin: 0;
}

.ar-modal-body[b-j5pp8ygqmu] {
    padding: 1rem;
}

.ar-modal-footer[b-j5pp8ygqmu] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
}

/* Inputs */
.ar-label[b-j5pp8ygqmu] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.ar-input[b-j5pp8ygqmu] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .ar-input:focus[b-j5pp8ygqmu] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.ar-help[b-j5pp8ygqmu] {
    color: var(--ar-muted);
    font-weight: 600;
    font-size: .9rem;
}

/* Switch */
.ar-switch .form-check-input:checked[b-j5pp8ygqmu] {
    background-color: var(--ar-blue);
    border-color: var(--ar-blue);
}

/* Preview */
.ar-preview[b-j5pp8ygqmu] {
    border: 1px dashed rgba(13,71,161,.22);
    background: rgba(13,71,161,.04);
    border-radius: 14px;
    padding: .9rem;
}

.ar-preview-title[b-j5pp8ygqmu] {
    font-weight: 900;
    color: rgba(15,23,42,.80);
    margin-bottom: .5rem;
}

.ar-preview-row[b-j5pp8ygqmu] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.ar-preview-name[b-j5pp8ygqmu] {
    font-weight: 900;
}

/* Empty */
.ar-empty[b-j5pp8ygqmu] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.ar-empty-icon[b-j5pp8ygqmu] {
    font-size: 2rem;
    color: var(--ar-blue);
    margin-bottom: .35rem;
}

.ar-empty-title[b-j5pp8ygqmu] {
    font-weight: 900;
    font-size: 1.05rem;
}

.ar-empty-text[b-j5pp8ygqmu] {
    color: var(--ar-muted);
    font-weight: 600;
}
/* /Pages/Configuracion/Colegios.razor.rz.scp.css */
:root[b-ikp45vmzbx] {
    --cg-blue: #0D47A1;
    --cg-yellow: #FFD600;
    --cg-text: #0F172A;
    --cg-muted: rgba(15,23,42,.72);
    --cg-border: rgba(13,71,161,.14);
    --cg-card: #FFFFFF;
    --cg-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --cg-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.cg-page[b-ikp45vmzbx] {
    color: var(--cg-text);
}

/* Header */
.cg-header[b-ikp45vmzbx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 1rem; /* (añadido) */
}

.cg-title[b-ikp45vmzbx] {
    margin: 0;
    font-weight: 700;
}

.cg-subtitle[b-ikp45vmzbx] {
    margin: 0;
    font-size: 13px;
    color: #6c757d;
}

.cg-actions[b-ikp45vmzbx] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cg-search[b-ikp45vmzbx] {
    min-width: 260px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(13,71,161,.25);
    font-weight: 600;
}

    .cg-search:focus[b-ikp45vmzbx] {
        border-color: #0D47A1;
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.cg-btn-primary[b-ikp45vmzbx] {
    background: #0D47A1;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 16px;
    font-weight: 600;
}

    .cg-btn-primary:hover[b-ikp45vmzbx] {
        background: #093780;
    }

.overlay[b-ikp45vmzbx] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 1040;
}

.modal.show[b-ikp45vmzbx] {
    z-index: 1050;
}

/* Loading */
.cg-loading[b-ikp45vmzbx] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .cg-loading .spinner-border[b-ikp45vmzbx] {
        color: var(--cg-blue);
    }

.cg-loading-text[b-ikp45vmzbx] {
    color: var(--cg-muted);
    font-weight: 700;
}

/* Card */
.cg-card[b-ikp45vmzbx] {
    background: var(--cg-card);
    border: 1px solid var(--cg-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    position: relative;
}

    .cg-card[b-ikp45vmzbx]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--cg-blue),var(--cg-yellow));
    }

.cg-card-head[b-ikp45vmzbx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.cg-card-title[b-ikp45vmzbx] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-card-meta[b-ikp45vmzbx] {
    color: var(--cg-muted);
    font-weight: 700;
}

/* Table */
.cg-table-wrap[b-ikp45vmzbx] {
    padding: .35rem .75rem .75rem .75rem;
}

.cg-table thead th[b-ikp45vmzbx] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cg-table tbody td[b-ikp45vmzbx] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.cg-table tbody tr:hover[b-ikp45vmzbx] {
    background: rgba(13,71,161,.04);
}

.cg-main-title[b-ikp45vmzbx] {
    font-weight: 700;
}

/* Buttons */
.cg-btn[b-ikp45vmzbx] {
    border-radius: 12px;
    font-weight: 700;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.cg-btn-primary[b-ikp45vmzbx] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
    white-space: nowrap; /* fuerza una sola línea */
    padding: 10px 18px;
}

    .cg-btn-primary:hover[b-ikp45vmzbx] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.cg-btn-secondary[b-ikp45vmzbx] {
    background: rgba(148,163,184,.22);
    color: #0F172A;
    border-color: rgba(148,163,184,.30);
}

    .cg-btn-secondary:hover[b-ikp45vmzbx] {
        background: rgba(148,163,184,.32);
    }

/* Inputs */
.cg-label[b-ikp45vmzbx] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.cg-input[b-ikp45vmzbx] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .cg-input:focus[b-ikp45vmzbx] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.cg-hint[b-ikp45vmzbx] {
    color: var(--cg-muted);
    font-weight: 600;
    font-size: .92rem;
}

/* Overlay + Modal */
.cg-overlay[b-ikp45vmzbx] {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.55);
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.cg-modal[b-ikp45vmzbx] {
    position: fixed;
    inset: 0;
    z-index: 2001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.cg-modal-card[b-ikp45vmzbx] {
    width: min(640px, 96vw);
    background: #fff;
    border: 1px solid rgba(13,71,161,.16);
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(2,8,23,.22);
    overflow: hidden;
    position: relative;
}

    .cg-modal-card[b-ikp45vmzbx]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--cg-blue),var(--cg-yellow));
    }

.cg-modal-header[b-ikp45vmzbx] {
    padding: 1rem 1rem .85rem 1rem;
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    border-bottom: 1px solid rgba(13,71,161,.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cg-modal-title[b-ikp45vmzbx] {
    font-weight: 900;
    letter-spacing: -.01em;
    margin: 0;
}

.cg-modal-body[b-ikp45vmzbx] {
    padding: 1rem;
}

.cg-modal-footer[b-ikp45vmzbx] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
}

/* Empty */
.cg-empty[b-ikp45vmzbx] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.cg-empty-icon[b-ikp45vmzbx] {
    font-size: 2rem;
    color: var(--cg-blue);
    margin-bottom: .35rem;
}

.cg-empty-title[b-ikp45vmzbx] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cg-empty-text[b-ikp45vmzbx] {
    color: var(--cg-muted);
    font-weight: 600;
}

.cg-pager[b-ikp45vmzbx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
    flex-wrap: wrap;
}

.cg-pager-text[b-ikp45vmzbx] {
    color: rgba(15,23,42,.72);
    font-weight: 700;
}

.cg-pager .pagination .page-link[b-ikp45vmzbx] {
    border-radius: 10px;
    font-weight: 800;
}

.cg-pager .pagination .page-item.active .page-link[b-ikp45vmzbx] {
    background: #0D47A1;
    border-color: #0D47A1;
}

.cg-pager .pagination .page-link:focus[b-ikp45vmzbx] {
    box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
}

/* Responsive (añadido, NO rompe estilos) */
@media (max-width: 576px) {
    .cg-actions[b-ikp45vmzbx] {
        width: 100%;
        flex-wrap: wrap;
    }

    .cg-search[b-ikp45vmzbx] {
        width: 100%;
        min-width: 0;
    }
}
/* /Pages/Configuracion/Competencias.razor.rz.scp.css */
:root[b-z4wntj8py0] {
    --cp-blue: #0D47A1;
    --cp-yellow: #FFD600;
    --cp-text: #0F172A;
    --cp-muted: rgba(15,23,42,.72);
    --cp-border: rgba(13,71,161,.14);
    --cp-card: #FFFFFF;
    --cp-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --cp-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.cp-page[b-z4wntj8py0] {
    color: var(--cp-text);
}

/* Header */
.cp-header[b-z4wntj8py0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.cp-title[b-z4wntj8py0] {
    font-weight: 900;
    letter-spacing: -.02em;
}

.cp-subtitle[b-z4wntj8py0] {
    color: var(--cp-muted);
    font-weight: 600;
}

/* Loading */
.cp-loading[b-z4wntj8py0] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .cp-loading .spinner-border[b-z4wntj8py0] {
        color: var(--cp-blue);
    }

.cp-loading-text[b-z4wntj8py0] {
    color: var(--cp-muted);
    font-weight: 700;
}

/* Filter */
.cp-filter[b-z4wntj8py0] {
    border: 1px solid var(--cp-border) !important;
    border-radius: 18px !important;
    overflow: hidden;
}

.cp-label[b-z4wntj8py0] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.cp-input[b-z4wntj8py0] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .cp-input:focus[b-z4wntj8py0] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.cp-hint[b-z4wntj8py0] {
    color: var(--cp-muted);
    font-weight: 600;
    font-size: .92rem;
}

/* Card */
.cp-card[b-z4wntj8py0] {
    background: var(--cp-card);
    border: 1px solid var(--cp-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cp-shadow-sm);
    position: relative;
}

    .cp-card[b-z4wntj8py0]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--cp-blue),var(--cp-yellow));
    }

.cp-card-head[b-z4wntj8py0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.cp-card-title[b-z4wntj8py0] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cp-card-meta[b-z4wntj8py0] {
    color: var(--cp-muted);
    font-weight: 700;
}

/* Table */
.cp-table-wrap[b-z4wntj8py0] {
    padding: .35rem .75rem .75rem .75rem;
}

.cp-table thead th[b-z4wntj8py0] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cp-table tbody td[b-z4wntj8py0] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.cp-table tbody tr:hover[b-z4wntj8py0] {
    background: rgba(13,71,161,.04);
}

.cp-main-title[b-z4wntj8py0] {
    font-weight: 900;
}

/* Badges */
.cp-badge[b-z4wntj8py0] {
    display: inline-block;
    width: 110px;
    text-align: center;
    font-size: 11px;
    padding: 4px 0;
    border-radius: 999px;
    font-weight: 900;
}

.cp-badge-success[b-z4wntj8py0] {
    background: rgba(22,163,74,.14) !important;
    color: #166534 !important;
}

.cp-badge-danger[b-z4wntj8py0] {
    background: rgba(239,68,68,.12) !important;
    color: #991B1B !important;
}

/* Buttons */
.cp-btn[b-z4wntj8py0] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.cp-btn-primary[b-z4wntj8py0] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .cp-btn-primary:hover[b-z4wntj8py0] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.cp-btn-secondary[b-z4wntj8py0] {
    background: rgba(148,163,184,.22);
    color: #0F172A;
    border-color: rgba(148,163,184,.30);
}

    .cp-btn-secondary:hover[b-z4wntj8py0] {
        background: rgba(148,163,184,.32);
    }

.cp-btn-warning[b-z4wntj8py0] {
    background: rgba(255,214,0,.55);
    color: #111827;
    border-color: rgba(255,214,0,.65);
}

    .cp-btn-warning:hover[b-z4wntj8py0] {
        background: rgba(255,214,0,.72);
    }

/* Overlay + Modal */
.cp-overlay[b-z4wntj8py0] {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.55);
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.cp-modal[b-z4wntj8py0] {
    position: fixed;
    inset: 0;
    z-index: 2001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.cp-modal-card[b-z4wntj8py0] {
    width: min(640px, 96vw);
    background: #fff;
    border: 1px solid rgba(13,71,161,.16);
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(2,8,23,.22);
    overflow: hidden;
    position: relative;
}

    .cp-modal-card[b-z4wntj8py0]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--cp-blue),var(--cp-yellow));
    }

.cp-modal-header[b-z4wntj8py0] {
    padding: 1rem 1rem .85rem 1rem;
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    border-bottom: 1px solid rgba(13,71,161,.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cp-modal-title[b-z4wntj8py0] {
    font-weight: 900;
    letter-spacing: -.01em;
    margin: 0;
}

.cp-modal-body[b-z4wntj8py0] {
    padding: 1rem;
}

.cp-modal-footer[b-z4wntj8py0] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
}

/* Switch */
.cp-switch .form-check-input:checked[b-z4wntj8py0] {
    background-color: #0D47A1;
    border-color: #0D47A1;
}

/* Preview */
.cp-preview[b-z4wntj8py0] {
    border: 1px dashed rgba(13,71,161,.22);
    background: rgba(13,71,161,.04);
    border-radius: 14px;
    padding: .9rem;
}

.cp-preview-title[b-z4wntj8py0] {
    font-weight: 900;
    color: rgba(15,23,42,.80);
    margin-bottom: .5rem;
}

.cp-preview-row[b-z4wntj8py0] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.cp-preview-ico[b-z4wntj8py0] {
    color: var(--cp-blue);
}

.cp-preview-name[b-z4wntj8py0] {
    font-weight: 900;
}

/* Empty */
.cp-empty[b-z4wntj8py0] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.cp-empty-icon[b-z4wntj8py0] {
    font-size: 2rem;
    color: var(--cp-blue);
    margin-bottom: .35rem;
}

.cp-empty-title[b-z4wntj8py0] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cp-empty-text[b-z4wntj8py0] {
    color: var(--cp-muted);
    font-weight: 600;
}
/* /Pages/Configuracion/Componentes.razor.rz.scp.css */
:root[b-ecn7spklwy] {
    --cp-blue: #0D47A1;
    --cp-yellow: #FFD600;
    --cp-text: #0F172A;
    --cp-muted: rgba(15,23,42,.72);
    --cp-border: rgba(13,71,161,.14);
    --cp-card: #FFFFFF;
    --cp-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --cp-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.cp-page[b-ecn7spklwy] {
    color: var(--cp-text);
}

/* Header */
.cp-header[b-ecn7spklwy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.cp-title[b-ecn7spklwy] {
    margin: 0;
    font-weight: 700;
}

.cp-subtitle[b-ecn7spklwy] {
    margin: .25rem 0 0 0;
    font-size: 13px;
    color: #6c757d;
    font-weight: 600;
}

.cp-actions[b-ecn7spklwy] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

/* Search */
.cp-search[b-ecn7spklwy] {
    min-width: 320px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(13,71,161,.25);
    font-weight: 700;
}

    .cp-search:focus[b-ecn7spklwy] {
        border-color: var(--cp-blue);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

/* Buttons */
.cp-btn[b-ecn7spklwy] {
    border-radius: 12px;
    font-weight: 900;
    padding: .62rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.cp-btn-primary[b-ecn7spklwy] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .cp-btn-primary:hover[b-ecn7spklwy] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

    .cp-btn-primary:disabled[b-ecn7spklwy] {
        opacity: .55;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }

.cp-btn-secondary[b-ecn7spklwy] {
    background: rgba(148,163,184,.22);
    color: #0F172A;
    border-color: rgba(148,163,184,.30);
}

    .cp-btn-secondary:hover[b-ecn7spklwy] {
        background: rgba(148,163,184,.32);
    }

/* Card */
.cp-card[b-ecn7spklwy] {
    background: var(--cp-card);
    border: 1px solid var(--cp-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cp-shadow-sm);
    position: relative;
}

    .cp-card[b-ecn7spklwy]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--cp-blue),var(--cp-yellow));
    }

.cp-card-head[b-ecn7spklwy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.cp-card-title[b-ecn7spklwy] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cp-card-meta[b-ecn7spklwy] {
    color: var(--cp-muted);
    font-weight: 800;
}

/* Body */
.cp-card-body[b-ecn7spklwy] {
    padding: 1rem;
}

/* Inputs */
.cp-label[b-ecn7spklwy] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.cp-input[b-ecn7spklwy] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 700;
}

    .cp-input:focus[b-ecn7spklwy] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.cp-hint[b-ecn7spklwy] {
    color: var(--cp-muted);
    font-weight: 600;
    font-size: .92rem;
}

/* Table */
.cp-table-wrap[b-ecn7spklwy] {
    padding: .35rem .75rem .75rem .75rem;
}

.cp-table thead th[b-ecn7spklwy] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cp-table tbody td[b-ecn7spklwy] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.cp-table tbody tr:hover[b-ecn7spklwy] {
    background: rgba(13,71,161,.04);
}

/* Badges */
.badge-custom[b-ecn7spklwy] {
    display: inline-block;
    width: 110px;
    text-align: center;
    font-size: 11px;
    padding: 3px 0;
    border-radius: 10px;
    font-weight: 800;
}

/* Cards mobile */
.cp-cards[b-ecn7spklwy] {
    padding: 1rem;
    display: grid;
    gap: .8rem;
}

.cp-item[b-ecn7spklwy] {
    border: 1px solid rgba(13,71,161,.14);
    border-radius: 16px;
    padding: .9rem;
    box-shadow: 0 8px 18px rgba(2,8,23,.06);
    background: #fff;
}

.cp-item-top[b-ecn7spklwy] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
}

.cp-item-title[b-ecn7spklwy] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cp-item-actions[b-ecn7spklwy] {
    margin-top: .75rem;
}

/* Empty */
.cp-empty[b-ecn7spklwy] {
    padding: 1.25rem 1rem;
    text-align: center;
}

.cp-empty-icon[b-ecn7spklwy] {
    font-size: 2rem;
    color: var(--cp-blue);
    margin-bottom: .35rem;
}

.cp-empty-title[b-ecn7spklwy] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cp-empty-text[b-ecn7spklwy] {
    color: var(--cp-muted);
    font-weight: 600;
}

/* Pager */
.cp-pager[b-ecn7spklwy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
    flex-wrap: wrap;
}

.cp-pager-text[b-ecn7spklwy] {
    color: rgba(15,23,42,.72);
    font-weight: 800;
}

.cp-pager .pagination .page-link[b-ecn7spklwy] {
    border-radius: 10px;
    font-weight: 800;
}

.cp-pager .pagination .page-item.active .page-link[b-ecn7spklwy] {
    background: var(--cp-blue);
    border-color: var(--cp-blue);
}

.cp-pager .pagination .page-link:focus[b-ecn7spklwy] {
    box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
}

/* Overlay + Modal */
.cp-overlay[b-ecn7spklwy] {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.55);
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.cp-modal[b-ecn7spklwy] {
    position: fixed;
    inset: 0;
    z-index: 2001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.cp-modal-card[b-ecn7spklwy] {
    width: min(640px, 96vw);
    background: #fff;
    border: 1px solid rgba(13,71,161,.16);
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(2,8,23,.22);
    overflow: hidden;
    position: relative;
}

    .cp-modal-card[b-ecn7spklwy]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--cp-blue),var(--cp-yellow));
    }

.cp-modal-header[b-ecn7spklwy] {
    padding: 1rem 1rem .85rem 1rem;
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    border-bottom: 1px solid rgba(13,71,161,.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cp-modal-title[b-ecn7spklwy] {
    font-weight: 900;
    letter-spacing: -.01em;
    margin: 0;
}

.cp-modal-body[b-ecn7spklwy] {
    padding: 1rem;
}

.cp-modal-footer[b-ecn7spklwy] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
}

/* Responsive */
@media (max-width: 576px) {
    .cp-search[b-ecn7spklwy] {
        min-width: 100%;
    }

    .cp-actions[b-ecn7spklwy] {
        width: 100%;
    }

    .cp-btn[b-ecn7spklwy] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Configuracion/Docentes.razor.rz.scp.css */
:root[b-b7weyg2gvv] {
    --cg-blue: #0D47A1;
    --cg-yellow: #FFD600;
    --cg-text: #0F172A;
    --cg-muted: rgba(15,23,42,.72);
    --cg-border: rgba(13,71,161,.14);
    --cg-card: #FFFFFF;
    --cg-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
}

/* Page */
.cg-page[b-b7weyg2gvv] {
    color: var(--cg-text);
}

/* Header */
.cg-header[b-b7weyg2gvv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cg-title[b-b7weyg2gvv] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -.02em;
}

.cg-subtitle[b-b7weyg2gvv] {
    margin: 0;
    font-size: 13px;
    color: #6c757d;
}

.cg-actions[b-b7weyg2gvv] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cg-search[b-b7weyg2gvv] {
    min-width: 320px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid rgba(13,71,161,.25);
    font-weight: 700;
    height: 44px;
}

    .cg-search:focus[b-b7weyg2gvv] {
        border-color: #0D47A1;
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

/* Loading */
.cg-loading[b-b7weyg2gvv] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .cg-loading .spinner-border[b-b7weyg2gvv] {
        color: var(--cg-blue);
    }

.cg-loading-text[b-b7weyg2gvv] {
    color: var(--cg-muted);
    font-weight: 800;
}

/* Card */
.cg-card[b-b7weyg2gvv] {
    background: var(--cg-card);
    border: 1px solid var(--cg-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    position: relative;
}

    .cg-card[b-b7weyg2gvv]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-card-head[b-b7weyg2gvv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.cg-card-title[b-b7weyg2gvv] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-card-meta[b-b7weyg2gvv] {
    color: var(--cg-muted);
    font-weight: 700;
}

/* Table */
.cg-table-wrap[b-b7weyg2gvv] {
    padding: .35rem .75rem .75rem .75rem;
}

.cg-table thead th[b-b7weyg2gvv] {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cg-table tbody td[b-b7weyg2gvv] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.cg-table tbody tr:hover[b-b7weyg2gvv] {
    background: rgba(13,71,161,.04);
}

.cg-main-title[b-b7weyg2gvv] {
    font-weight: 900;
}

/* Badge */
.cg-badge[b-b7weyg2gvv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    text-align: center;
    font-size: 11px;
    padding: 6px 0;
    border-radius: 999px;
    font-weight: 800;
}

.cg-badge-sm[b-b7weyg2gvv] {
    width: auto;
    padding: 6px 10px;
}

/* Switch */
.cg-switch .form-check-input[b-b7weyg2gvv] {
    width: 2.6rem;
    height: 1.35rem;
    cursor: pointer;
}

    .cg-switch .form-check-input:focus[b-b7weyg2gvv] {
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
        border-color: rgba(13,71,161,.45);
    }

    .cg-switch .form-check-input:checked[b-b7weyg2gvv] {
        background-color: #0D47A1;
        border-color: var(--cg-blue);
    }

/* Empty */
.cg-empty[b-b7weyg2gvv] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.cg-empty-icon[b-b7weyg2gvv] {
    font-size: 2rem;
    color: #0D47A1;
    margin-bottom: .35rem;
}

.cg-empty-title[b-b7weyg2gvv] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cg-empty-text[b-b7weyg2gvv] {
    color: var(--cg-muted);
    font-weight: 600;
}

/* Pager */
.cg-pager[b-b7weyg2gvv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
    flex-wrap: wrap;
}

.cg-pager-text[b-b7weyg2gvv] {
    color: rgba(15,23,42,.72);
    font-weight: 800;
}

.cg-pager .pagination .page-link[b-b7weyg2gvv] {
    border-radius: 10px;
    font-weight: 800;
}

.cg-pager .pagination .page-item.active .page-link[b-b7weyg2gvv] {
    background: #0D47A1;
    border-color: #0D47A1;
}

.cg-pager .pagination .page-link:focus[b-b7weyg2gvv] {
    box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
}

/* Mobile cards */
.cg-mobile[b-b7weyg2gvv] {
    padding: .75rem;
}

.cg-mobile-card[b-b7weyg2gvv] {
    border: 1px solid rgba(13,71,161,.14);
    border-radius: 16px;
    box-shadow: 0 12px 22px rgba(2,8,23,.08);
    margin-bottom: .75rem;
    overflow: hidden;
    background: #fff;
    position: relative;
}

    .cg-mobile-card[b-b7weyg2gvv]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-mobile-head[b-b7weyg2gvv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .9rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.cg-mobile-name[b-b7weyg2gvv] {
    font-weight: 900;
    letter-spacing: -.01em;
    line-height: 1.2;
}

.cg-mobile-body[b-b7weyg2gvv] {
    padding: .9rem;
}

.cg-kv[b-b7weyg2gvv] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .35rem 0;
    border-bottom: 1px dashed rgba(13,71,161,.12);
}

    .cg-kv:last-child[b-b7weyg2gvv] {
        border-bottom: none;
    }

.cg-k[b-b7weyg2gvv] {
    color: rgba(15,23,42,.72);
    font-weight: 800;
    font-size: .9rem;
}

.cg-v[b-b7weyg2gvv] {
    font-weight: 700;
}

.cg-mobile-actions[b-b7weyg2gvv] {
    display: flex;
    justify-content: flex-end;
    margin-top: .75rem;
}

/* Responsive: input full */
@media (max-width: 768px) {
    .cg-search[b-b7weyg2gvv] {
        min-width: 100%;
        width: 100%;
    }
}
/* /Pages/Configuracion/Estudiantes.razor.rz.scp.css */
:root[b-t3s8ekdeqb] {
    --cg-blue: #0D47A1;
    --cg-yellow: #FFD600;
    --cg-text: #0F172A;
    --cg-muted: rgba(15,23,42,.72);
    --cg-border: rgba(13,71,161,.14);
    --cg-card: #FFFFFF;
    --cg-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
}

.cg-page[b-t3s8ekdeqb] {
    color: var(--cg-text);
}

/* Header */
.cg-header[b-t3s8ekdeqb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cg-title[b-t3s8ekdeqb] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -.02em;
}

.cg-subtitle[b-t3s8ekdeqb] {
    margin: 0;
    font-size: 13px;
    color: #6c757d;
}

.cg-actions[b-t3s8ekdeqb] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cg-search[b-t3s8ekdeqb] {
    min-width: 320px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid rgba(13,71,161,.25);
    font-weight: 700;
    height: 44px;
}

    .cg-search:focus[b-t3s8ekdeqb] {
        border-color: #0D47A1;
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

/* Loading */
.cg-loading[b-t3s8ekdeqb] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .cg-loading .spinner-border[b-t3s8ekdeqb] {
        color: var(--cg-blue);
    }

.cg-loading-text[b-t3s8ekdeqb] {
    color: var(--cg-muted);
    font-weight: 800;
}

/* Card */
.cg-card[b-t3s8ekdeqb] {
    background: var(--cg-card);
    border: 1px solid var(--cg-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    position: relative;
}

    .cg-card[b-t3s8ekdeqb]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-card-head[b-t3s8ekdeqb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.cg-card-title[b-t3s8ekdeqb] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-card-meta[b-t3s8ekdeqb] {
    color: var(--cg-muted);
    font-weight: 700;
}

/* Inputs */
.cg-label[b-t3s8ekdeqb] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.cg-input[b-t3s8ekdeqb] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 700;
    height: 44px;
}

    .cg-input:focus[b-t3s8ekdeqb] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.cg-hint[b-t3s8ekdeqb] {
    color: var(--cg-muted);
    font-weight: 600;
    font-size: .92rem;
}

/* Button */
.cg-btn[b-t3s8ekdeqb] {
    border-radius: 12px;
    font-weight: 900;
    padding: .65rem 1rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.cg-btn-primary[b-t3s8ekdeqb] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .cg-btn-primary:hover[b-t3s8ekdeqb] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.cg-btn-fit[b-t3s8ekdeqb] {
    height: 44px;
}

/* Table */
.cg-table-wrap[b-t3s8ekdeqb] {
    padding: .35rem .75rem .75rem .75rem;
}

.cg-table thead th[b-t3s8ekdeqb] {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cg-table tbody td[b-t3s8ekdeqb] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.cg-table tbody tr:hover[b-t3s8ekdeqb] {
    background: rgba(13,71,161,.04);
}

.cg-main-title[b-t3s8ekdeqb] {
    font-weight: 900;
}

/* Badge */
.cg-badge[b-t3s8ekdeqb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    text-align: center;
    font-size: 11px;
    padding: 6px 0;
    border-radius: 999px;
    font-weight: 800;
}

.cg-badge-sm[b-t3s8ekdeqb] {
    width: auto;
    padding: 6px 10px;
}

/* Switch */
.cg-switch .form-check-input[b-t3s8ekdeqb] {
    width: 2.6rem;
    height: 1.35rem;
    cursor: pointer;
}

    .cg-switch .form-check-input:focus[b-t3s8ekdeqb] {
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
        border-color: rgba(13,71,161,.45);
    }

    .cg-switch .form-check-input:checked[b-t3s8ekdeqb] {
        background-color: var(--cg-blue);
        border-color: var(--cg-blue);
    }

/* Empty */
.cg-empty[b-t3s8ekdeqb] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.cg-empty-icon[b-t3s8ekdeqb] {
    font-size: 2rem;
    color: var(--cg-blue);
    margin-bottom: .35rem;
}

.cg-empty-title[b-t3s8ekdeqb] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cg-empty-text[b-t3s8ekdeqb] {
    color: var(--cg-muted);
    font-weight: 600;
}

/* Pager */
.cg-pager[b-t3s8ekdeqb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
    flex-wrap: wrap;
}

.cg-pager-text[b-t3s8ekdeqb] {
    color: rgba(15,23,42,.72);
    font-weight: 800;
}

.cg-pager .pagination .page-link[b-t3s8ekdeqb] {
    border-radius: 10px;
    font-weight: 800;
}

.cg-pager .pagination .page-item.active .page-link[b-t3s8ekdeqb] {
    background: #0D47A1;
    border-color: #0D47A1;
}

.cg-pager .pagination .page-link:focus[b-t3s8ekdeqb] {
    box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
}

/* Mobile cards */
.cg-mobile[b-t3s8ekdeqb] {
    padding: .75rem;
}

.cg-mobile-card[b-t3s8ekdeqb] {
    border: 1px solid rgba(13,71,161,.14);
    border-radius: 16px;
    box-shadow: 0 12px 22px rgba(2,8,23,.08);
    margin-bottom: .75rem;
    overflow: hidden;
    background: #fff;
    position: relative;
}

    .cg-mobile-card[b-t3s8ekdeqb]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-mobile-head[b-t3s8ekdeqb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .9rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.cg-mobile-name[b-t3s8ekdeqb] {
    font-weight: 900;
    letter-spacing: -.01em;
    line-height: 1.2;
}

.cg-mobile-body[b-t3s8ekdeqb] {
    padding: .9rem;
}

.cg-kv[b-t3s8ekdeqb] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .35rem 0;
    border-bottom: 1px dashed rgba(13,71,161,.12);
}

    .cg-kv:last-child[b-t3s8ekdeqb] {
        border-bottom: none;
    }

.cg-k[b-t3s8ekdeqb] {
    color: rgba(15,23,42,.72);
    font-weight: 800;
    font-size: .9rem;
}

.cg-v[b-t3s8ekdeqb] {
    font-weight: 700;
}

.cg-mobile-actions[b-t3s8ekdeqb] {
    display: flex;
    justify-content: flex-end;
    margin-top: .75rem;
}

/* Responsive */
@media (max-width: 768px) {
    .cg-search[b-t3s8ekdeqb] {
        min-width: 100%;
        width: 100%;
    }
}
/* /Pages/Configuracion/GenerarResultadoSimulacro.razor.rz.scp.css */
body[b-zu2ek53fa3] {
}
/* /Pages/Configuracion/Grupos.razor.rz.scp.css */
:root[b-43qba64m28] {
    --cg-blue: #0D47A1;
    --cg-yellow: #FFD600;
    --cg-text: #0F172A;
    --cg-muted: rgba(15,23,42,.72);
    --cg-border: rgba(13,71,161,.14);
    --cg-card: #FFFFFF;
    --cg-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --cg-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.cg-page[b-43qba64m28] {
    color: var(--cg-text);
}

/* Header */
.cg-header[b-43qba64m28] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cg-title[b-43qba64m28] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -.02em;
}

.cg-subtitle[b-43qba64m28] {
    margin: 0;
    font-size: 13px;
    color: #6c757d;
}

.cg-actions[b-43qba64m28] {
    display: flex;
    gap: 12px;
    align-items: center;
}

/* Loading */
.cg-loading[b-43qba64m28] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .cg-loading .spinner-border[b-43qba64m28] {
        color: var(--cg-blue);
    }

.cg-loading-text[b-43qba64m28] {
    color: var(--cg-muted);
    font-weight: 800;
}

/* Card */
.cg-card[b-43qba64m28] {
    background: var(--cg-card);
    border: 1px solid var(--cg-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    position: relative;
}

    .cg-card[b-43qba64m28]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-card-head[b-43qba64m28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.cg-card-title[b-43qba64m28] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-card-meta[b-43qba64m28] {
    color: var(--cg-muted);
    font-weight: 700;
}

/* Table */
.cg-table-wrap[b-43qba64m28] {
    padding: .35rem .75rem .75rem .75rem;
}

.cg-table thead th[b-43qba64m28] {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cg-table tbody td[b-43qba64m28] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.cg-table tbody tr:hover[b-43qba64m28] {
    background: rgba(13,71,161,.04);
}

.cg-main-title[b-43qba64m28] {
    font-weight: 900;
}

/* Badges */
.cg-badge[b-43qba64m28] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    text-align: center;
    font-size: 11px;
    padding: 6px 0;
    border-radius: 999px;
    font-weight: 800;
}

/* Buttons */
.cg-btn[b-43qba64m28] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    white-space: nowrap;
}

.cg-btn-primary[b-43qba64m28] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .cg-btn-primary:hover[b-43qba64m28] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.cg-btn-secondary[b-43qba64m28] {
    background: rgba(148,163,184,.22);
    color: #0F172A;
    border-color: rgba(148,163,184,.30);
}

    .cg-btn-secondary:hover[b-43qba64m28] {
        background: rgba(148,163,184,.32);
    }

/* Inputs */
.cg-label[b-43qba64m28] {
    font-weight: 700;
    color: rgba(15,23,42,.85);
}

.cg-input[b-43qba64m28] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 700;
}

    .cg-input:focus[b-43qba64m28] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

/* Overlay + Modal */
.cg-overlay[b-43qba64m28] {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.55);
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.cg-modal[b-43qba64m28] {
    position: fixed;
    inset: 0;
    z-index: 2001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.cg-modal-card[b-43qba64m28] {
    width: min(640px, 96vw);
    background: #fff;
    border: 1px solid rgba(13,71,161,.16);
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(2,8,23,.22);
    overflow: hidden;
    position: relative;
}

    .cg-modal-card[b-43qba64m28]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-modal-header[b-43qba64m28] {
    padding: 1rem 1rem .85rem 1rem;
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    border-bottom: 1px solid rgba(13,71,161,.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cg-modal-title[b-43qba64m28] {
    font-weight: 900;
    letter-spacing: -.01em;
    margin: 0;
}

.cg-modal-body[b-43qba64m28] {
    padding: 1rem;
}

.cg-modal-footer[b-43qba64m28] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
}

/* Empty */
.cg-empty[b-43qba64m28] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.cg-empty-icon[b-43qba64m28] {
    font-size: 2rem;
    color: var(--cg-blue);
    margin-bottom: .35rem;
}

.cg-empty-title[b-43qba64m28] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cg-empty-text[b-43qba64m28] {
    color: var(--cg-muted);
    font-weight: 600;
}
/* /Pages/Configuracion/ImportarDocentes.razor.rz.scp.css */
:root[b-k5sew2bxh2] {
    --cg-blue: #0D47A1;
    --cg-yellow: #FFD600;
    --cg-text: #0F172A;
    --cg-muted: rgba(15,23,42,.72);
    --cg-border: rgba(13,71,161,.14);
    --cg-card: #FFFFFF;
    --cg-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --cg-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.cg-page[b-k5sew2bxh2] {
    color: var(--cg-text);
}

/* Header */
.cg-header[b-k5sew2bxh2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cg-title[b-k5sew2bxh2] {
    margin: 0;
    font-weight: 800;
}

.cg-subtitle[b-k5sew2bxh2] {
    margin: 0;
    font-size: 13px;
    color: #6c757d;
}

/* Loading */
.cg-loading[b-k5sew2bxh2] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .cg-loading .spinner-border[b-k5sew2bxh2] {
        color: var(--cg-blue);
    }

.cg-loading-text[b-k5sew2bxh2] {
    color: var(--cg-muted);
    font-weight: 800;
}

/* Card */
.cg-card[b-k5sew2bxh2] {
    background: var(--cg-card);
    border: 1px solid var(--cg-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    position: relative;
}

    .cg-card[b-k5sew2bxh2]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-card-head[b-k5sew2bxh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    flex-wrap: wrap;
}

.cg-card-title[b-k5sew2bxh2] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-card-meta[b-k5sew2bxh2] {
    color: var(--cg-muted);
    font-weight: 700;
    font-size: .92rem;
}

/* Table */
.cg-table-wrap[b-k5sew2bxh2] {
    padding: .35rem .75rem .75rem .75rem;
}

.cg-table thead th[b-k5sew2bxh2] {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cg-table tbody td[b-k5sew2bxh2] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
    vertical-align: middle;
}

.cg-table tbody tr:hover[b-k5sew2bxh2] {
    background: rgba(13,71,161,.04);
}

.cg-main-title[b-k5sew2bxh2] {
    font-weight: 900;
}

.cg-doc[b-k5sew2bxh2] {
    font-weight: 800;
    letter-spacing: .02em;
}

/* Inputs */
.cg-label[b-k5sew2bxh2] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.cg-input[b-k5sew2bxh2] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 700;
}

    .cg-input:focus[b-k5sew2bxh2] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.cg-hint[b-k5sew2bxh2] {
    color: var(--cg-muted);
    font-weight: 600;
    font-size: .92rem;
}

/* Buttons */
.cg-btn[b-k5sew2bxh2] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    white-space: nowrap;
}

.cg-btn-sm[b-k5sew2bxh2] {
    padding: .45rem .75rem;
    border-radius: 11px;
    font-weight: 900;
}

.cg-btn-primary[b-k5sew2bxh2] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .cg-btn-primary:hover[b-k5sew2bxh2] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

    .cg-btn-primary:disabled[b-k5sew2bxh2] {
        opacity: .55;
        box-shadow: none;
        transform: none;
    }

/* Empty */
.cg-empty[b-k5sew2bxh2] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.cg-empty-icon[b-k5sew2bxh2] {
    font-size: 2rem;
    color: var(--cg-blue);
    margin-bottom: .35rem;
}

.cg-empty-title[b-k5sew2bxh2] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cg-empty-text[b-k5sew2bxh2] {
    color: var(--cg-muted);
    font-weight: 600;
}

/* Pager */
.cg-pager[b-k5sew2bxh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
    flex-wrap: wrap;
}

.cg-pager-text[b-k5sew2bxh2] {
    color: rgba(15,23,42,.72);
    font-weight: 800;
}

.cg-pager .pagination .page-link[b-k5sew2bxh2] {
    border-radius: 10px;
    font-weight: 800;
}

.cg-pager .pagination .page-item.active .page-link[b-k5sew2bxh2] {
    background: #0D47A1;
    border-color: #0D47A1;
}

.cg-pager .pagination .page-link:focus[b-k5sew2bxh2] {
    box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
}
/* /Pages/Configuracion/ImportarEstudiantes.razor.rz.scp.css */
:root[b-tfdxm6qhea] {
    --cg-blue: #0D47A1;
    --cg-yellow: #FFD600;
    --cg-text: #0F172A;
    --cg-muted: rgba(15,23,42,.72);
    --cg-border: rgba(13,71,161,.14);
    --cg-card: #FFFFFF;
    --cg-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --cg-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.cg-page[b-tfdxm6qhea] {
    color: var(--cg-text);
}

/* Header */
.cg-header[b-tfdxm6qhea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cg-title[b-tfdxm6qhea] {
    margin: 0;
    font-weight: 800;
}

.cg-subtitle[b-tfdxm6qhea] {
    margin: 0;
    font-size: 13px;
    color: #6c757d;
}

/* Loading */
.cg-loading[b-tfdxm6qhea] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .cg-loading .spinner-border[b-tfdxm6qhea] {
        color: var(--cg-blue);
    }

.cg-loading-text[b-tfdxm6qhea] {
    color: var(--cg-muted);
    font-weight: 800;
}

/* Card */
.cg-card[b-tfdxm6qhea] {
    background: var(--cg-card);
    border: 1px solid var(--cg-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    position: relative;
}

    .cg-card[b-tfdxm6qhea]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-card-head[b-tfdxm6qhea] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    flex-wrap: wrap;
}

.cg-card-title[b-tfdxm6qhea] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-card-meta[b-tfdxm6qhea] {
    color: var(--cg-muted);
    font-weight: 700;
    font-size: .92rem;
}

/* Table */
.cg-table-wrap[b-tfdxm6qhea] {
    padding: .35rem .75rem .75rem .75rem;
}

.cg-table thead th[b-tfdxm6qhea] {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cg-table tbody td[b-tfdxm6qhea] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
    vertical-align: middle;
}

.cg-table tbody tr:hover[b-tfdxm6qhea] {
    background: rgba(13,71,161,.04);
}

.cg-main-title[b-tfdxm6qhea] {
    font-weight: 900;
}

.cg-doc[b-tfdxm6qhea] {
    font-weight: 800;
    letter-spacing: .02em;
}

/* Inputs */
.cg-label[b-tfdxm6qhea] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.cg-input[b-tfdxm6qhea] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .cg-input:focus[b-tfdxm6qhea] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

/* Buttons */
.cg-btn[b-tfdxm6qhea] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    white-space: nowrap;
}

.cg-btn-sm[b-tfdxm6qhea] {
    padding: .45rem .75rem;
    border-radius: 11px;
    font-weight: 900;
}

.cg-btn-primary[b-tfdxm6qhea] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .cg-btn-primary:hover[b-tfdxm6qhea] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

    .cg-btn-primary:disabled[b-tfdxm6qhea] {
        opacity: .55;
        box-shadow: none;
        transform: none;
    }

/* Empty */
.cg-empty[b-tfdxm6qhea] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.cg-empty-icon[b-tfdxm6qhea] {
    font-size: 2rem;
    color: var(--cg-blue);
    margin-bottom: .35rem;
}

.cg-empty-title[b-tfdxm6qhea] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cg-empty-text[b-tfdxm6qhea] {
    color: var(--cg-muted);
    font-weight: 600;
}

/* Pager */
.cg-pager[b-tfdxm6qhea] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
    flex-wrap: wrap;
}

.cg-pager-text[b-tfdxm6qhea] {
    color: rgba(15,23,42,.72);
    font-weight: 800;
}

.cg-pager .pagination .page-link[b-tfdxm6qhea] {
    border-radius: 10px;
    font-weight: 800;
}

.cg-pager .pagination .page-item.active .page-link[b-tfdxm6qhea] {
    background: #0D47A1;
    border-color: #0D47A1;
}

.cg-pager .pagination .page-link:focus[b-tfdxm6qhea] {
    box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
}
/* /Pages/Configuracion/Periodo.razor.rz.scp.css */
:root[b-0d21m8je8w] {
    --cg-blue: #0D47A1;
    --cg-yellow: #FFD600;
    --cg-text: #0F172A;
    --cg-muted: rgba(15,23,42,.72);
    --cg-border: rgba(13,71,161,.14);
    --cg-card: #FFFFFF;
    --cg-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --cg-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.cg-page[b-0d21m8je8w] {
    color: var(--cg-text);
}

/* Header */
.cg-header[b-0d21m8je8w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.cg-title[b-0d21m8je8w] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-subtitle[b-0d21m8je8w] {
    margin: 0;
    font-size: 13px;
    color: #6c757d;
}

.cg-actions[b-0d21m8je8w] {
    display: flex;
    gap: 12px;
    align-items: center;
}

/* Loading */
.cg-loading[b-0d21m8je8w] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .cg-loading .spinner-border[b-0d21m8je8w] {
        color: var(--cg-blue);
    }

.cg-loading-text[b-0d21m8je8w] {
    color: var(--cg-muted);
    font-weight: 800;
}

/* Card */
.cg-card[b-0d21m8je8w] {
    background: var(--cg-card);
    border: 1px solid var(--cg-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    position: relative;
}

    .cg-card[b-0d21m8je8w]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-card-head[b-0d21m8je8w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    flex-wrap: wrap;
}

.cg-card-title[b-0d21m8je8w] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-card-meta[b-0d21m8je8w] {
    color: var(--cg-muted);
    font-weight: 700;
    font-size: .92rem;
}

/* Table */
.cg-table-wrap[b-0d21m8je8w] {
    padding: .35rem .75rem .75rem .75rem;
}

.cg-table thead th[b-0d21m8je8w] {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cg-table tbody td[b-0d21m8je8w] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
    vertical-align: middle;
}

.cg-table tbody tr:hover[b-0d21m8je8w] {
    background: rgba(13,71,161,.04);
}

.cg-main-title[b-0d21m8je8w] {
    font-weight: 900;
}

/* Badges */
.cg-badge[b-0d21m8je8w] {
    display: inline-block;
    min-width: 110px;
    text-align: center;
    font-size: 11px;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 900;
    letter-spacing: .02em;
}

.cg-badge-success[b-0d21m8je8w] {
    background: rgba(25,135,84,.14);
    color: #198754;
    border: 1px solid rgba(25,135,84,.20);
}

.cg-badge-danger[b-0d21m8je8w] {
    background: rgba(220,53,69,.14);
    color: #dc3545;
    border: 1px solid rgba(220,53,69,.22);
}

/* Buttons */
.cg-btn[b-0d21m8je8w] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    white-space: nowrap;
}

.cg-btn-secondary[b-0d21m8je8w] {
    background: rgba(148,163,184,.22);
    color: #0F172A;
    border-color: rgba(148,163,184,.30);
}

    .cg-btn-secondary:hover[b-0d21m8je8w] {
        background: rgba(148,163,184,.32);
    }

.cg-btn-warning[b-0d21m8je8w] {
    background: #FFD600;
    color: #0F172A;
    border: 1px solid rgba(255,214,0,.35);
    box-shadow: 0 10px 20px rgba(255,214,0,.22);
}

    .cg-btn-warning:hover[b-0d21m8je8w] {
        background: #F2CB00;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(255,214,0,.26);
    }

.cg-btn-danger[b-0d21m8je8w] {
    background: #dc3545;
    color: #fff;
    box-shadow: 0 10px 20px rgba(220,53,69,.18);
}

    .cg-btn-danger:hover[b-0d21m8je8w] {
        background: #bb2d3b;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(220,53,69,.22);
    }

/* Overlay + Modal */
.cg-overlay[b-0d21m8je8w] {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.55);
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.cg-modal[b-0d21m8je8w] {
    position: fixed;
    inset: 0;
    z-index: 2001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.cg-modal-card[b-0d21m8je8w] {
    width: min(640px, 96vw);
    background: #fff;
    border: 1px solid rgba(13,71,161,.16);
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(2,8,23,.22);
    overflow: hidden;
    position: relative;
}

    .cg-modal-card[b-0d21m8je8w]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-modal-header[b-0d21m8je8w] {
    padding: 1rem 1rem .85rem 1rem;
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    border-bottom: 1px solid rgba(13,71,161,.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cg-modal-title[b-0d21m8je8w] {
    font-weight: 900;
    letter-spacing: -.01em;
    margin: 0;
}

.cg-x[b-0d21m8je8w] {
    border: 0;
    background: transparent;
    font-size: 18px;
    font-weight: 900;
    color: rgba(15,23,42,.75);
    cursor: pointer;
    line-height: 1;
}

    .cg-x:hover[b-0d21m8je8w] {
        color: rgba(15,23,42,1);
    }

.cg-modal-body[b-0d21m8je8w] {
    padding: 1rem;
}

.cg-modal-footer[b-0d21m8je8w] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
    flex-wrap: wrap;
}

/* Warning box */
.cg-warning[b-0d21m8je8w] {
    border: 1px solid rgba(255,214,0,.45);
    background: rgba(255,214,0,.12);
    border-radius: 14px;
    padding: 1rem;
}

.cg-warning-title[b-0d21m8je8w] {
    font-weight: 900;
    margin-bottom: .35rem;
}

.cg-warning-text[b-0d21m8je8w] {
    color: rgba(15,23,42,.8);
    font-weight: 650;
}

/* Empty */
.cg-empty[b-0d21m8je8w] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.cg-empty-icon[b-0d21m8je8w] {
    font-size: 2rem;
    color: var(--cg-blue);
    margin-bottom: .35rem;
}

.cg-empty-title[b-0d21m8je8w] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cg-empty-text[b-0d21m8je8w] {
    color: var(--cg-muted);
    font-weight: 600;
}

/* Footnote */
.cg-footnote[b-0d21m8je8w] {
    margin: .5rem .25rem 0 .25rem;
    padding: .75rem .75rem;
    border-radius: 14px;
    background: rgba(13,71,161,.04);
    border: 1px solid rgba(13,71,161,.10);
    display: flex;
    gap: .5rem;
    align-items: center;
    color: rgba(15,23,42,.78);
    font-weight: 650;
}

.cg-footnote-dot[b-0d21m8je8w] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--cg-blue), var(--cg-yellow));
}
/* /Pages/Configuracion/Registro.razor.rz.scp.css */
/* ==============================
   REGISTRO – ESTILOS LOCALES
   ============================== */

:root[b-mcvdrremv1] {
    --cg-blue: #0D47A1;
    --cg-yellow: #FFD600;
    --cg-text: #0F172A;
    --cg-muted: rgba(15,23,42,.72);
    --cg-border: rgba(13,71,161,.22);
}

/* Contenedor general */
.cg-form[b-mcvdrremv1] {
    background: #ffffff;
    border: 1px solid rgba(13,71,161,.14);
    border-radius: 18px;
    padding: 1.75rem;
    box-shadow: 0 16px 34px rgba(2,8,23,.10);
    position: relative;
}

    .cg-form[b-mcvdrremv1]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
        border-radius: 18px 18px 0 0;
    }

    /* Labels */
    .cg-form label[b-mcvdrremv1],
    .form-label[b-mcvdrremv1] {
        font-weight: 800;
        color: rgba(15,23,42,.85);
        margin-bottom: .35rem;
    }

    /* Inputs / Selects */
    .cg-form .form-control[b-mcvdrremv1] {
        border-radius: 12px;
        border: 1px solid var(--cg-border);
        padding: .65rem .85rem;
        font-weight: 600;
        color: var(--cg-text);
    }

        .cg-form .form-control[b-mcvdrremv1]::placeholder {
            color: rgba(15,23,42,.45);
            font-weight: 500;
        }

        .cg-form .form-control:focus[b-mcvdrremv1] {
            border-color: var(--cg-blue);
            box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
        }

    /* Select específico */
    .cg-form select.form-control[b-mcvdrremv1] {
        cursor: pointer;
    }

    /* Ayuda / hint */
    .cg-form .form-text[b-mcvdrremv1] {
        font-size: .82rem;
        font-weight: 600;
        color: var(--cg-muted);
        margin-top: .25rem;
    }

    /* Botón principal */
    .cg-form .btn-primary[b-mcvdrremv1] {
        background: #0D47A1;
        border: none;
        border-radius: 12px;
        padding: .65rem 1.25rem;
        font-weight: 800;
        box-shadow: 0 10px 20px rgba(13,71,161,.18);
        transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    }

        .cg-form .btn-primary:hover[b-mcvdrremv1] {
            background: #0B3E8D;
            transform: translateY(-1px);
            box-shadow: 0 14px 26px rgba(13,71,161,.22);
        }

/* Alertas */
.alert[b-mcvdrremv1] {
    border-radius: 14px;
    font-weight: 700;
    padding: .75rem 1rem;
}

/* Validation summary */
.validation-summary-errors[b-mcvdrremv1],
.validation-summary-valid[b-mcvdrremv1] {
    margin-bottom: 1rem;
}

    .validation-summary-errors ul[b-mcvdrremv1] {
        margin: 0;
        padding-left: 1.25rem;
    }

/* Responsive */
@media (max-width: 768px) {
    .cg-form[b-mcvdrremv1] {
        padding: 1.25rem;
        border-radius: 16px;
    }

        .cg-form .btn-primary[b-mcvdrremv1] {
            width: 100%;
        }
}
/* /Pages/Configuracion/ReportePlataforma.razor.rz.scp.css */
:root[b-kd41vxrprg] {
    --cg-blue: #0D47A1;
    --cg-yellow: #FFD600;
    --cg-text: #0F172A;
    --cg-muted: rgba(15,23,42,.72);
    --cg-border: rgba(13,71,161,.14);
    --cg-card: #FFFFFF;
    --cg-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --cg-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.cg-page[b-kd41vxrprg] {
    color: var(--cg-text);
}

/* Header */
.cg-header[b-kd41vxrprg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.cg-title[b-kd41vxrprg] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-subtitle[b-kd41vxrprg] {
    margin: 0;
    font-size: 13px;
    color: #6c757d;
}

/* Card */
.cg-card[b-kd41vxrprg] {
    background: var(--cg-card);
    border: 1px solid var(--cg-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cg-shadow-sm);
    position: relative;
}

    .cg-card[b-kd41vxrprg]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--cg-blue), var(--cg-yellow));
    }

.cg-card-head[b-kd41vxrprg] {
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.cg-card-title[b-kd41vxrprg] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cg-card-meta[b-kd41vxrprg] {
    color: var(--cg-muted);
    font-weight: 700;
    font-size: .92rem;
}

.cg-card-body[b-kd41vxrprg] {
    padding: 1rem;
}

/* Filters */
.cg-filters[b-kd41vxrprg] {
    display: grid;
    grid-template-columns: 1fr 1fr 220px;
    gap: 14px;
    align-items: end;
}

.cg-field[b-kd41vxrprg] {
    min-width: 0;
}

.cg-field-action[b-kd41vxrprg] {
    display: flex;
    align-items: end;
}

.cg-label[b-kd41vxrprg] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
    margin-bottom: .35rem;
}

.cg-input[b-kd41vxrprg] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 650;
}

    .cg-input:focus[b-kd41vxrprg] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

@media (max-width: 992px) {
    .cg-filters[b-kd41vxrprg] {
        grid-template-columns: 1fr;
    }
}

/* Buttons */
.cg-btn[b-kd41vxrprg] {
    border-radius: 12px;
    font-weight: 900;
    padding: .65rem 1rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    white-space: nowrap;
}

.cg-btn-block[b-kd41vxrprg] {
    width: 100%;
}

.cg-btn-primary[b-kd41vxrprg] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .cg-btn-primary:hover[b-kd41vxrprg] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

/* Tabs */
.cg-tabs[b-kd41vxrprg] {
    display: flex;
    gap: .5rem;
    padding: .5rem;
    border: 1px solid rgba(13,71,161,.12);
    background: rgba(13,71,161,.03);
    border-radius: 14px;
    flex-wrap: wrap;
}

.cg-tab[b-kd41vxrprg] {
    border: 1px solid rgba(13,71,161,.18);
    background: #fff;
    color: rgba(15,23,42,.85);
    border-radius: 12px;
    padding: .55rem .9rem;
    font-weight: 900;
    cursor: pointer;
    transition: background-color .12s ease, transform .12s ease, box-shadow .12s ease;
}

    .cg-tab:hover[b-kd41vxrprg] {
        background: rgba(13,71,161,.04);
        transform: translateY(-1px);
    }

    .cg-tab.active[b-kd41vxrprg] {
        background: rgba(13,71,161,.16);
        border-color: rgba(13,71,161,.22);
        color: #0F172A;
    }

/* Panel */
.cg-panel[b-kd41vxrprg] {
    margin-top: .9rem;
    border: 1px solid rgba(13,71,161,.12);
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 10px 22px rgba(2,8,23,.06);
    background: #fff;
}

/* Chart wrapper */
.cg-chart[b-kd41vxrprg] {
    padding: .75rem;
    border: 1px solid rgba(13,71,161,.10);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(13,71,161,.04), rgba(13,71,161,0));
    margin-bottom: 1rem;
}

/* Table */
.cg-table thead th[b-kd41vxrprg] {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.cg-table tbody td[b-kd41vxrprg] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
    vertical-align: middle;
}

.cg-table tbody tr:hover[b-kd41vxrprg] {
    background: rgba(13,71,161,.04);
}

.cg-main-title[b-kd41vxrprg] {
    font-weight: 900;
}

/* Empty */
.cg-empty[b-kd41vxrprg] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.cg-empty-icon[b-kd41vxrprg] {
    font-size: 2rem;
    color: var(--cg-blue);
    margin-bottom: .35rem;
}

.cg-empty-title[b-kd41vxrprg] {
    font-weight: 900;
    font-size: 1.05rem;
}

.cg-empty-text[b-kd41vxrprg] {
    color: var(--cg-muted);
    font-weight: 600;
}

/* Subcard (Otros) */
.cg-subcard[b-kd41vxrprg] {
    border: 1px solid rgba(13,71,161,.12);
    background: rgba(13,71,161,.03);
    border-radius: 16px;
    padding: .9rem 1rem;
    margin-bottom: 1rem;
}

.cg-subcard-title[b-kd41vxrprg] {
    font-weight: 900;
}

.cg-subcard-text[b-kd41vxrprg] {
    color: var(--cg-muted);
    font-weight: 650;
    margin-top: .25rem;
}

/* Keep cursor pointer for tabs if Bootstrap nav-tabs exists elsewhere */
.nav-tabs .nav-link[b-kd41vxrprg] {
    cursor: pointer;
}
/* /Pages/ContenidoPedagogico/AdministrarContenido.razor.rz.scp.css */
/* =========================
   ADMIN CONTENIDO
   Paleta: #0D47A1 / #FFD600
========================= */
:root[b-flpomo6pl9] {
    --ac-blue: #0D47A1;
    --ac-yellow: #FFD600;
    --ac-text: #0F172A;
    --ac-muted: rgba(15,23,42,.72);
    --ac-border: rgba(13,71,161,.14);
    --ac-card: #FFFFFF;
    --ac-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --ac-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.ac-page[b-flpomo6pl9] {
    color: var(--ac-text);
}

/* Header */
.ac-header[b-flpomo6pl9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ac-title[b-flpomo6pl9] {
    font-weight: 900;
    letter-spacing: -.02em;
}

.ac-subtitle[b-flpomo6pl9] {
    color: var(--ac-muted);
    font-weight: 600;
}

/* Badge */
.ac-badge[b-flpomo6pl9] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    background: rgba(13,71,161,.08);
    border: 1px solid var(--ac-border);
    color: var(--ac-blue);
    font-weight: 800;
    user-select: none;
}

    .ac-badge .dot[b-flpomo6pl9] {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--ac-yellow);
        box-shadow: 0 0 0 4px rgba(255,214,0,.25);
    }

/* Loading */
.ac-loading[b-flpomo6pl9] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .ac-loading .spinner-border[b-flpomo6pl9] {
        color: var(--ac-blue);
    }

.ac-loading-text[b-flpomo6pl9] {
    color: var(--ac-muted);
    font-weight: 600;
}

/* Card */
.ac-card[b-flpomo6pl9] {
    background: var(--ac-card);
    border: 1px solid var(--ac-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--ac-shadow-sm);
    position: relative;
}

    .ac-card[b-flpomo6pl9]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--ac-blue),var(--ac-yellow));
        opacity: .95;
    }

.ac-card-head[b-flpomo6pl9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .85rem 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.ac-card-title[b-flpomo6pl9] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.ac-card-meta[b-flpomo6pl9] {
    color: var(--ac-muted);
    font-weight: 700;
}

.ac-card-body[b-flpomo6pl9] {
    padding: 1rem;
}

.ac-label[b-flpomo6pl9] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.ac-input[b-flpomo6pl9] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .ac-input:focus[b-flpomo6pl9] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.ac-help[b-flpomo6pl9] {
    color: var(--ac-muted);
    font-weight: 600;
    font-size: .9rem;
}

/* Table card */
.ac-table-card[b-flpomo6pl9] {
    background: var(--ac-card);
    border: 1px solid var(--ac-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--ac-shadow-sm);
}

.ac-table-head[b-flpomo6pl9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.ac-table-title[b-flpomo6pl9] {
    font-weight: 900;
}

.ac-table-meta[b-flpomo6pl9] {
    color: var(--ac-muted);
    font-weight: 700;
}

.ac-table-wrap[b-flpomo6pl9] {
    padding: .35rem .75rem .75rem .75rem;
}

.ac-table thead th[b-flpomo6pl9] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.ac-table tbody td[b-flpomo6pl9] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.ac-table tbody tr:hover[b-flpomo6pl9] {
    background: rgba(13,71,161,.04);
}

.ac-muted[b-flpomo6pl9] {
    color: var(--ac-muted);
    font-weight: 600;
}

/* Buttons */
.ac-btn[b-flpomo6pl9] {
    border-radius: 12px;
    font-weight: 900;
    padding: .5rem .8rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.ac-btn-primary[b-flpomo6pl9] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .ac-btn-primary:hover[b-flpomo6pl9] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

/* Switch */
.ac-switch .form-check-input[b-flpomo6pl9] {
    cursor: pointer;
}

    .ac-switch .form-check-input:checked[b-flpomo6pl9] {
        background-color: #0D47A1;
        border-color: #0D47A1;
    }

/* Empty */
.ac-empty[b-flpomo6pl9] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.ac-empty-icon[b-flpomo6pl9] {
    font-size: 2rem;
    color: var(--ac-blue);
    margin-bottom: .35rem;
}

.ac-empty-title[b-flpomo6pl9] {
    font-weight: 900;
    font-size: 1.05rem;
}

.ac-empty-text[b-flpomo6pl9] {
    color: var(--ac-muted);
    font-weight: 600;
}

/* Pagination */
.ac-pagination[b-flpomo6pl9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
    flex-wrap: wrap;
}

.ac-pageinfo[b-flpomo6pl9] {
    color: var(--ac-muted);
    font-weight: 700;
}

.pagination .page-link[b-flpomo6pl9] {
    border-radius: 12px !important;
    margin: 0 .12rem;
    font-weight: 800;
    color: var(--ac-blue);
    border-color: rgba(13,71,161,.16);
}

.pagination .page-item.active .page-link[b-flpomo6pl9] {
    background: #0D47A1;
    border-color: var(--ac-blue);
    color: #fff;
    box-shadow: 0 12px 22px rgba(13,71,161,.18);
}
/* /Pages/ContenidoPedagogico/CrearContenido.razor.rz.scp.css */
/* =========================
   CREAR CONTENIDO
   Paleta: #0D47A1 / #FFD600
========================= */
:root[b-m9mmu41ko3] {
    --cc-blue: #0D47A1;
    --cc-yellow: #FFD600;
    --cc-text: #0F172A;
    --cc-muted: rgba(15,23,42,.72);
    --cc-border: rgba(13,71,161,.14);
    --cc-card: #FFFFFF;
    --cc-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --cc-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.cc-page[b-m9mmu41ko3] {
    color: var(--cc-text);
}

/* Header */
.cc-header[b-m9mmu41ko3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.cc-title[b-m9mmu41ko3] {
    font-weight: 900;
    letter-spacing: -.02em;
}

.cc-subtitle[b-m9mmu41ko3] {
    color: var(--cc-muted);
    font-weight: 600;
}

/* Badge */
.cc-badge[b-m9mmu41ko3] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    background: rgba(13,71,161,.08);
    border: 1px solid var(--cc-border);
    color: var(--cc-blue);
    font-weight: 800;
    user-select: none;
}

    .cc-badge .dot[b-m9mmu41ko3] {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--cc-yellow);
        box-shadow: 0 0 0 4px rgba(255,214,0,.25);
    }

/* Card */
.cc-card[b-m9mmu41ko3] {
    background: var(--cc-card);
    border: 1px solid var(--cc-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--cc-shadow-sm);
    position: relative;
}

    .cc-card[b-m9mmu41ko3]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--cc-blue),var(--cc-yellow));
        opacity: .95;
    }

.cc-card-head[b-m9mmu41ko3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .85rem 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.cc-card-title[b-m9mmu41ko3] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.cc-card-meta[b-m9mmu41ko3] {
    color: var(--cc-muted);
    font-weight: 700;
}

.cc-card-body[b-m9mmu41ko3] {
    padding: 1rem;
}

/* Labels & Inputs */
.cc-label[b-m9mmu41ko3] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.cc-input[b-m9mmu41ko3] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .cc-input:focus[b-m9mmu41ko3] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.cc-help[b-m9mmu41ko3] {
    color: var(--cc-muted);
    font-weight: 600;
    font-size: .9rem;
}

/* File box */
.cc-filebox[b-m9mmu41ko3] {
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
}

.cc-filebtn[b-m9mmu41ko3] {
    white-space: nowrap;
}

.cc-filename[b-m9mmu41ko3] {
    flex: 1;
    min-width: 260px;
}

.cc-filetag[b-m9mmu41ko3] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-weight: 900;
    font-size: .82rem;
    padding: .35rem .6rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

    .cc-filetag.neutral[b-m9mmu41ko3] {
        background: rgba(148,163,184,.18);
        border-color: rgba(148,163,184,.30);
        color: #334155;
    }

    .cc-filetag.ok[b-m9mmu41ko3] {
        background: rgba(22,163,74,.14);
        border-color: rgba(22,163,74,.25);
        color: #166534;
    }

    .cc-filetag.bad[b-m9mmu41ko3] {
        background: rgba(239,68,68,.12);
        border-color: rgba(239,68,68,.25);
        color: #991B1B;
    }

/* Status text */
.cc-status[b-m9mmu41ko3] {
    color: var(--cc-muted);
    font-weight: 700;
}

/* Buttons */
.cc-btn[b-m9mmu41ko3] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

    .cc-btn:active[b-m9mmu41ko3] {
        transform: translateY(0);
    }

.cc-btn-primary[b-m9mmu41ko3] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .cc-btn-primary:hover[b-m9mmu41ko3] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.cc-btn-success[b-m9mmu41ko3] {
    background: #16A34A;
    color: #fff;
    box-shadow: 0 10px 20px rgba(22,163,74,.16);
}

    .cc-btn-success:hover[b-m9mmu41ko3] {
        background: #12813B;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(22,163,74,.22);
    }

/* Overlay modal */
.cc-overlay[b-m9mmu41ko3] {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 1rem;
}

.cc-modal[b-m9mmu41ko3] {
    width: min(520px, 96vw);
    background: #fff;
    border: 1px solid rgba(13,71,161,.16);
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(2,8,23,.22);
    padding: 1.25rem 1.25rem 1rem 1.25rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .cc-modal[b-m9mmu41ko3]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--cc-blue),var(--cc-yellow));
    }

.cc-modal-icon .spinner-border[b-m9mmu41ko3] {
    color: var(--cc-blue);
    width: 3rem;
    height: 3rem;
}

.cc-modal-title[b-m9mmu41ko3] {
    margin-top: .6rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.cc-modal-text[b-m9mmu41ko3] {
    color: var(--cc-muted);
    font-weight: 600;
    margin-top: .25rem;
}

.cc-progress[b-m9mmu41ko3] {
    margin-top: 1rem;
    height: .75rem;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(13,71,161,.08);
    border: 1px solid rgba(13,71,161,.12);
}

    .cc-progress .progress-bar[b-m9mmu41ko3] {
        background: linear-gradient(90deg,var(--cc-blue),var(--cc-yellow));
    }

.cc-modal-percent[b-m9mmu41ko3] {
    margin-top: .6rem;
    font-weight: 900;
    color: rgba(15,23,42,.85);
}
/* /Pages/ContenidoPedagogico/LeerContenido.razor.rz.scp.css */
:root[b-dg8qod086h] {
    --lc-blue: #0D47A1;
    --lc-yellow: #FFD600;
    --lc-text: #0F172A;
    --lc-muted: rgba(15,23,42,.72);
    --lc-border: rgba(13,71,161,.14);
    --lc-card: #FFFFFF;
    --lc-shadow-sm: 0 5px 11px rgba(2,8,23,.08);
    --lc-shadow-md: 0 8px 17px rgba(2,8,23,.12);
}

.lc-page[b-dg8qod086h] {
    color: var(--lc-text);
}

/* Header */
.lc-header[b-dg8qod086h] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.lc-title[b-dg8qod086h] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -.02em;
}

.lc-subtitle[b-dg8qod086h] {
    margin: .25rem 0 0 0;
    font-size: 13px;
    color: var(--lc-muted);
    font-weight: 700;
}

.lc-actions[b-dg8qod086h] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

/* Buttons */
.lc-btn[b-dg8qod086h] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border-radius: 12px;
    font-weight: 900;
    padding: .62rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    text-decoration: none;
    white-space: nowrap;
}

.lc-btn-primary[b-dg8qod086h] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .lc-btn-primary:hover[b-dg8qod086h] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.lc-btn-secondary[b-dg8qod086h] {
    background: rgba(148,163,184,.22);
    color: var(--lc-text);
    border-color: rgba(148,163,184,.30);
}

    .lc-btn-secondary:hover[b-dg8qod086h] {
        background: rgba(148,163,184,.32);
        color: var(--lc-text);
    }

/* Card container */
.lc-card[b-dg8qod086h] {
    background: var(--lc-card);
    border: 1px solid var(--lc-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--lc-shadow-sm);
    position: relative;
}

    .lc-card[b-dg8qod086h]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--lc-blue), var(--lc-yellow));
    }

/* Iframe wrap */
.lc-frame-wrap[b-dg8qod086h] {
    width: 100%;
    height: calc(100vh - 190px);
    min-height: 520px;
    display: flex;
    background: #fff;
}

.lc-iframe[b-dg8qod086h] {
    width: 100%;
    height: 100%;
    border: none;
}

/* Empty state */
.lc-empty[b-dg8qod086h] {
    background: var(--lc-card);
    border: 1px dashed rgba(13,71,161,.32);
    border-radius: 18px;
    box-shadow: var(--lc-shadow-sm);
    padding: 1.25rem;
    text-align: center;
}

.lc-empty-icon[b-dg8qod086h] {
    font-size: 2.1rem;
    color: var(--lc-blue);
    margin-bottom: .35rem;
}

.lc-empty-title[b-dg8qod086h] {
    font-weight: 900;
    font-size: 1.05rem;
    margin-top: .1rem;
}

.lc-empty-text[b-dg8qod086h] {
    color: var(--lc-muted);
    font-weight: 700;
    margin-top: .25rem;
}

.lc-empty-actions[b-dg8qod086h] {
    margin-top: .9rem;
    display: flex;
    justify-content: center;
}

/* Responsive */
@media (max-width: 576px) {
    .lc-frame-wrap[b-dg8qod086h] {
        height: calc(100vh - 230px);
        min-height: 520px;
    }

    .lc-btn[b-dg8qod086h] {
        width: 100%;
        justify-content: center;
    }

    .lc-actions[b-dg8qod086h] {
        width: 100%;
    }
}
/* /Pages/ContenidoPedagogico/ListaContenido.razor.rz.scp.css */
:root[b-liz7sjbldt] {
    --p-blue-900: #0D47A1;
    --p-blue-400: #80A4FF;
    --p-cream: #F1F1E6;
    --p-gold: #D0A616;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #dfe6f3;
    --border-strong: #cfd9ee;
    --shadow: 0 12px 28px rgba(15,23,42,.08);
    --shadow-soft: 0 6px 16px rgba(15,23,42,.06);
}

/* Contenedor general */
.content-wrap[b-liz7sjbldt] {
    width: 100%;
}

/* Encabezado */
.page-head[b-liz7sjbldt] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 0 1rem 0;
}

.page-title[b-liz7sjbldt] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -0.4px;
    color: var(--text);
}

.page-subtitle[b-liz7sjbldt] {
    margin: .35rem 0 0 0;
    color: var(--muted);
    font-weight: 600;
}

/* Card filtros */
.filter-card[b-liz7sjbldt] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow-soft);
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

    .filter-card[b-liz7sjbldt]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(128,164,255,.16);
        pointer-events: none;
    }

    .filter-card > *[b-liz7sjbldt] {
        position: relative;
        z-index: 1;
    }

.filter-grid[b-liz7sjbldt] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: end;
}

.form-label[b-liz7sjbldt] {
    font-weight: 800;
    color: var(--text);
    margin-bottom: .35rem;
}

.form-hint[b-liz7sjbldt] {
    display: block;
    color: var(--muted);
    margin-top: .35rem;
    font-weight: 600;
}

/* Select con icono */
.select-wrap[b-liz7sjbldt] {
    position: relative;
}

    .select-wrap i[b-liz7sjbldt] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: rgba(13,71,161,.75);
        font-size: 1.1rem;
        pointer-events: none;
    }

.form-control-pro[b-liz7sjbldt] {
    border-radius: 14px !important;
    border: 1px solid var(--border-strong) !important;
    padding-left: 40px !important;
    height: 44px;
    font-weight: 600;
    box-shadow: none !important;
}

    .form-control-pro:focus[b-liz7sjbldt] {
        border-color: rgba(13,71,161,.55) !important;
        box-shadow: 0 0 0 .20rem rgba(13,71,161,.12) !important;
    }

/* Meta badges */
.filter-meta[b-liz7sjbldt] {
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.meta-badge[b-liz7sjbldt] {
    background: rgba(241,241,230,.75);
    border: 1px solid rgba(13,71,161,.12);
    border-radius: 14px;
    padding: .55rem .75rem;
    min-width: 140px;
    text-align: center;
}

.meta-label[b-liz7sjbldt] {
    display: block;
    font-size: .78rem;
    color: var(--muted);
    font-weight: 800;
}

.meta-value[b-liz7sjbldt] {
    display: block;
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--text);
    letter-spacing: -0.2px;
}

/* Loading */
.loading-row[b-liz7sjbldt] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.loading-text[b-liz7sjbldt] {
    color: var(--muted);
    font-weight: 700;
}

/* Tabla */
.table-card[b-liz7sjbldt] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.table-pro[b-liz7sjbldt] {
    margin: 0;
}

    .table-pro thead th[b-liz7sjbldt] {
        background: rgba(13,71,161,.06);
        color: var(--text);
        font-weight: 900;
        border-bottom: 1px solid var(--border) !important;
        padding: .85rem .75rem;
        white-space: nowrap;
    }

    .table-pro tbody td[b-liz7sjbldt] {
        border-top: 1px solid rgba(223,230,243,.75) !important;
        padding: .85rem .75rem;
        vertical-align: middle;
    }

    .table-pro tbody tr:hover[b-liz7sjbldt] {
        background: rgba(128,164,255,.08);
    }

.td-index[b-liz7sjbldt] {
    font-weight: 900;
    color: var(--p-blue-900);
}

.td-desc[b-liz7sjbldt] {
    max-width: 520px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.td-author[b-liz7sjbldt] {
    font-weight: 700;
    color: #334155;
}

/* Botón Ver */
.btn-pro[b-liz7sjbldt] {
    border-radius: 12px !important;
    font-weight: 800 !important;
    padding: .45rem .75rem !important;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: #0D47A1 !important;
    border: 1px solid rgba(13,71,161,.35) !important;
}

    .btn-pro:hover[b-liz7sjbldt] {
        filter: brightness(.95);
    }

/* Empty state */
.empty-state[b-liz7sjbldt] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .8rem;
    border-radius: 14px;
    background: rgba(128,164,255,.10);
    border: 1px dashed rgba(13,71,161,.28);
    color: var(--text);
    font-weight: 700;
}

    .empty-state i[b-liz7sjbldt] {
        color: var(--p-blue-900);
        font-size: 1.2rem;
    }

/* Paginación */
.pager[b-liz7sjbldt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border-top: 1px solid var(--border);
    background: rgba(241,241,230,.35);
}

.pager-text[b-liz7sjbldt] {
    color: var(--muted);
    font-weight: 700;
}

.pagination-pro[b-liz7sjbldt] {
    margin: 0;
}

    .pagination-pro .page-link[b-liz7sjbldt] {
        border-radius: 12px !important;
        border: 1px solid var(--border-strong) !important;
        color: var(--p-blue-900) !important;
        font-weight: 800;
        padding: .45rem .75rem;
        box-shadow: none !important;
    }

    .pagination-pro .page-item.active .page-link[b-liz7sjbldt] {
        background: rgba(13,71,161,.10) !important;
        border-color: rgba(13,71,161,.35) !important;
        color: var(--p-blue-900) !important;
    }

    .pagination-pro .page-item.disabled .page-link[b-liz7sjbldt] {
        opacity: .55;
    }

/* Responsive */
@media (max-width: 992px) {
    .filter-grid[b-liz7sjbldt] {
        grid-template-columns: 1fr;
    }

    .filter-meta[b-liz7sjbldt] {
        justify-content: flex-start;
    }

    .td-desc[b-liz7sjbldt] {
        max-width: 360px;
    }
}

@media (max-width: 576px) {
    .filter-card[b-liz7sjbldt], .table-card[b-liz7sjbldt] {
        border-radius: 14px;
    }

    .pager[b-liz7sjbldt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .td-desc[b-liz7sjbldt] {
        max-width: 220px;
    }
}
/* /Pages/Dashboard/DashboardAdmin.razor.rz.scp.css */
/* =========================
   PALETA / VARIABLES
========================= */
:root[b-0t8quqz3rh] {
    --brand-blue: #0D47A1;
    --brand-yellow: #FFD600;
    --bg: #F6F8FC;
    --card: #FFFFFF;
    --text: #0F172A;
    --muted: rgba(15, 23, 42, .70);
    --border: rgba(13, 71, 161, .12);
    --shadow-sm: 0 10px 24px rgba(2, 8, 23, .08);
    --shadow-md: 0 14px 30px rgba(2, 8, 23, .12);
}


/* Contenedor dashboard */
.dashboard[b-0t8quqz3rh] {
    color: var(--text);
}

/* Loading */
.dash-loading[b-0t8quqz3rh] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .dash-loading .spinner-grow[b-0t8quqz3rh] {
        background-color: var(--brand-blue);
    }

.dash-loading-text[b-0t8quqz3rh] {
    color: var(--muted);
    font-weight: 500;
}

/* Header */
.dash-header[b-0t8quqz3rh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dash-title[b-0t8quqz3rh] {
    font-weight: 800;
    letter-spacing: -0.02em;
}

.dash-subtitle[b-0t8quqz3rh] {
    color: var(--muted);
}

/* Badge "En línea" */
.dash-badge[b-0t8quqz3rh] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    background: rgba(13, 71, 161, .08);
    border: 1px solid var(--border);
    color: var(--brand-blue);
    font-weight: 600;
    user-select: none;
}

    .dash-badge .dot[b-0t8quqz3rh] {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--brand-yellow);
        box-shadow: 0 0 0 4px rgba(255, 214, 0, .25);
    }

/* =========================
   KPI CARD
========================= */
.kpi-card[b-0t8quqz3rh] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1rem 1rem .9rem 1rem;
    box-shadow: var(--shadow-sm);
    position: relative;
    overflow: hidden;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

    /* Acento superior */
    .kpi-card[b-0t8quqz3rh]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--brand-blue), var(--brand-yellow));
        opacity: .95;
    }

    .kpi-card:hover[b-0t8quqz3rh] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
        border-color: rgba(13, 71, 161, .22);
    }

.kpi-top[b-0t8quqz3rh] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding-top: .35rem;
}

.kpi-icon[b-0t8quqz3rh] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: white;
    flex: 0 0 48px;
}

.kpi-icon--primary[b-0t8quqz3rh] {
    background: var(--brand-blue);
}

.kpi-icon--warning[b-0t8quqz3rh] {
    background: #F4B400; /* amarillito más sobrio */
}

.kpi-icon--success[b-0t8quqz3rh] {
    background: #16A34A;
}

.kpi-meta[b-0t8quqz3rh] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.kpi-title[b-0t8quqz3rh] {
    color: var(--muted);
    font-weight: 700;
    font-size: .95rem;
}

.kpi-value[b-0t8quqz3rh] {
    font-weight: 900;
    font-size: 1.65rem;
    letter-spacing: -0.02em;
    color: var(--text);
}

/* Footer / pills */
.kpi-foot[b-0t8quqz3rh] {
    margin-top: .85rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    flex-wrap: wrap;
}

.kpi-foot--split[b-0t8quqz3rh] {
    justify-content: space-between;
}

.kpi-pill[b-0t8quqz3rh] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .6rem;
    border-radius: 999px;
    border: 1px solid rgba(13, 71, 161, .16);
    background: rgba(13, 71, 161, .06);
    color: rgba(13, 71, 161, .95);
    font-weight: 700;
    font-size: .85rem;
}

.kpi-pill--soft[b-0t8quqz3rh] {
    border-color: rgba(255, 214, 0, .35);
    background: rgba(255, 214, 0, .20);
    color: #5A4A00;
}

/* =========================
   CHART CARD
========================= */
.chart-card[b-0t8quqz3rh] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.chart-head[b-0t8quqz3rh] {
    padding: 1rem 1rem .75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(13, 71, 161, .10);
    background: linear-gradient(180deg, rgba(13, 71, 161, .06), rgba(13, 71, 161, 0));
}

.chart-title[b-0t8quqz3rh] {
    font-weight: 900;
    letter-spacing: -0.01em;
}

.chart-subtitle[b-0t8quqz3rh] {
    color: var(--muted);
    font-weight: 600;
    font-size: .95rem;
}

.chart-accent[b-0t8quqz3rh] {
    width: 52px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-blue), var(--brand-yellow));
    opacity: .95;
}

.chart-body[b-0t8quqz3rh] {
    padding: 1rem;
}

/* Ajuste general card-text si lo sigues usando en otros sitios */
.card-text[b-0t8quqz3rh] {
    margin-bottom: 0.2rem;
}
/* /Pages/Dashboard/DashboardDocente.razor.rz.scp.css */
:root[b-idbvmsjvl0] {
    --p-blue-900: #0D47A1;
    --p-blue-400: #80A4FF;
    --p-cream: #F1F1E6;
    --p-gold: #D0A616;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #dfe6f3;
    --border-strong: #cfd9ee;
    --shadow: 0 12px 28px rgba(15,23,42,.08);
    --shadow-soft: 0 6px 16px rgba(15,23,42,.06);
}

/* Loading */
.dash-loading[b-idbvmsjvl0] {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

/* Contenedor principal */
.dash-wrap[b-idbvmsjvl0] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    padding: 1.25rem;
}

/* Header */
.dash-head[b-idbvmsjvl0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.dash-title[b-idbvmsjvl0] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -0.3px;
    color: var(--text);
    position: relative;
    padding-bottom: .55rem;
}

    .dash-title[b-idbvmsjvl0]::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 170px;
        height: 3px;
        border-radius: 999px;
        background: var(--p-blue-900);
        opacity: .20;
    }

.dash-subtitle[b-idbvmsjvl0] {
    margin-top: .35rem;
    color: var(--muted);
    font-weight: 600;
}

.dash-head-actions[b-idbvmsjvl0] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.dash-search[b-idbvmsjvl0] {
    min-width: 280px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid rgba(13,71,161,.22);
    font-weight: 700;
    outline: none;
}

    .dash-search:focus[b-idbvmsjvl0] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

/* Card base (igual al estudiante) */
.custom-card[b-idbvmsjvl0] {
    border-radius: 16px !important;
    background: var(--card);
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow-soft);
    transition: transform .08s ease, box-shadow .15s ease, border-color .15s ease;
    overflow: hidden;
    position: relative;
}

    .custom-card[b-idbvmsjvl0]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--p-blue-900);
        opacity: .30;
    }

    .custom-card:hover[b-idbvmsjvl0] {
        transform: translateY(-2px);
        border-color: var(--border-strong) !important;
        box-shadow: 0 14px 32px rgba(15,23,42,.10);
    }

/* ===== KPI ===== */
.kpi-row[b-idbvmsjvl0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    width: 100%;
}

.kpi-card[b-idbvmsjvl0] {
    min-height: 96px;
    border-left: 4px solid rgba(13,71,161,.45) !important;
}

    .kpi-card.kpi-gold-left[b-idbvmsjvl0] {
        border-left-color: rgba(208,166,22,.65) !important;
    }

    .kpi-card.kpi-red-left[b-idbvmsjvl0] {
        border-left-color: rgba(222, 35, 35, .55) !important;
    }

.kpi-chip[b-idbvmsjvl0] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13,71,161,.10);
    border: 1px solid rgba(13,71,161,.18);
}

    .kpi-chip i[b-idbvmsjvl0] {
        font-size: 1.35rem;
        color: var(--p-blue-900);
    }

    .kpi-chip.gold[b-idbvmsjvl0] {
        background: rgba(208,166,22,.12);
        border-color: rgba(208,166,22,.22);
    }

        .kpi-chip.gold i[b-idbvmsjvl0] {
            color: var(--p-gold);
        }

    .kpi-chip.danger[b-idbvmsjvl0] {
        background: rgba(222,35,35,.10);
        border-color: rgba(222,35,35,.18);
    }

        .kpi-chip.danger i[b-idbvmsjvl0] {
            color: rgba(222,35,35,1);
        }

.kpi-title[b-idbvmsjvl0] {
    color: var(--muted);
    font-weight: 800;
    font-size: .95rem;
    margin: 0;
}

.kpi-value[b-idbvmsjvl0] {
    font-size: 1.9rem;
    font-weight: 900;
    letter-spacing: -0.6px;
    color: var(--text);
    line-height: 1.1;
    margin-top: .15rem;
}

.kpi-meta[b-idbvmsjvl0] {
    color: var(--muted);
    font-size: .85rem;
    font-weight: 600;
    margin-top: .1rem;
}

/* ===== Buttons ===== */
.dash-btn[b-idbvmsjvl0] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    white-space: nowrap;
}

.dash-btn-primary[b-idbvmsjvl0] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .dash-btn-primary:hover[b-idbvmsjvl0] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.dash-btn-soft[b-idbvmsjvl0] {
    background: rgba(148,163,184,.22);
    color: #0F172A;
    border-color: rgba(148,163,184,.30);
}

    .dash-btn-soft:hover[b-idbvmsjvl0] {
        background: rgba(148,163,184,.32);
    }

.dash-btn-muted[b-idbvmsjvl0] {
    background: rgba(148,163,184,.12);
    color: rgba(15,23,42,.55);
    border-color: rgba(148,163,184,.25);
}

/* ===== Grid general ===== */
.dash-grid[b-idbvmsjvl0] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}

.top-grid .dash-card-wide[b-idbvmsjvl0] {
    grid-column: span 8;
}

.top-grid .dash-card-side[b-idbvmsjvl0] {
    grid-column: span 4;
}

.dash-card-head[b-idbvmsjvl0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: .9rem;
}

.dash-card-title[b-idbvmsjvl0] {
    font-weight: 900;
    color: var(--text);
    letter-spacing: -.02em;
}

.dash-pill[b-idbvmsjvl0] {
    font-weight: 900;
    font-size: .78rem;
    padding: .28rem .55rem;
    border-radius: 999px;
    border: 1px solid rgba(13,71,161,.22);
    background: rgba(13,71,161,.08);
    color: var(--p-blue-900);
}

    .dash-pill.warn[b-idbvmsjvl0] {
        border-color: rgba(208,166,22,.30);
        background: rgba(208,166,22,.10);
        color: rgba(122, 96, 10, 1);
    }

/* Empty */
.dash-empty-pro[b-idbvmsjvl0] {
    border: 1px dashed rgba(13,71,161,.35);
    background: rgba(128,164,255,.10);
    border-radius: 16px;
    padding: 1rem 1.1rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    color: var(--text);
}

    .dash-empty-pro i[b-idbvmsjvl0] {
        color: var(--p-blue-900);
        font-size: 1.2rem;
    }

/* ===== Hoy ===== */
.today-grid[b-idbvmsjvl0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.today-item[b-idbvmsjvl0] {
    background: var(--p-cream);
    border: 1px solid rgba(13,71,161,.12);
    border-radius: 16px;
    padding: .9rem 1rem;
}

.today-label[b-idbvmsjvl0] {
    color: var(--muted);
    font-weight: 900;
    font-size: .85rem;
}

.today-value[b-idbvmsjvl0] {
    color: var(--text);
    font-weight: 900;
    font-size: 1.05rem;
    margin-top: .15rem;
}

.today-meta[b-idbvmsjvl0] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .6rem;
}

.today-chip[b-idbvmsjvl0] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .55rem;
    border-radius: 999px;
    border: 1px solid rgba(13,71,161,.16);
    background: rgba(255,255,255,.75);
    font-weight: 800;
    font-size: .82rem;
    color: rgba(15,23,42,.85);
}

.today-link[b-idbvmsjvl0] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-weight: 900;
    color: #0D47A1;
    text-decoration: none;
    margin-top: .2rem;
}

    .today-link:hover[b-idbvmsjvl0] {
        text-decoration: underline;
    }

.today-muted[b-idbvmsjvl0] {
    color: rgba(15,23,42,.70);
    font-weight: 800;
    margin-top: .2rem;
}

.today-hint[b-idbvmsjvl0] {
    color: rgba(15,23,42,.65);
    font-weight: 700;
    font-size: .9rem;
    margin-top: .55rem;
}

/* ===== Pendientes rápidos ===== */
.todo-list[b-idbvmsjvl0] {
    display: grid;
    gap: .65rem;
}

.todo-item[b-idbvmsjvl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem .9rem;
    border-radius: 14px;
    border: 1px solid rgba(13,71,161,.12);
    background: rgba(13,71,161,.04);
}

.todo-left[b-idbvmsjvl0] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

    .todo-left i[b-idbvmsjvl0] {
        color: var(--p-blue-900);
        font-size: 1.05rem;
    }

.todo-title[b-idbvmsjvl0] {
    font-weight: 900;
    color: var(--text);
    line-height: 1.1;
}

.todo-meta[b-idbvmsjvl0] {
    color: var(--muted);
    font-weight: 700;
    font-size: .85rem;
    margin-top: .12rem;
}

.todo-num[b-idbvmsjvl0] {
    font-weight: 900;
    color: var(--text);
    background: #fff;
    border: 1px solid rgba(13,71,161,.16);
    border-radius: 999px;
    padding: .25rem .6rem;
    min-width: 44px;
    text-align: center;
}

/* ===== Secciones ===== */
.dash-section-title[b-idbvmsjvl0] {
    margin-top: 1.2rem;
    font-weight: 900;
    letter-spacing: -0.3px;
    color: var(--text);
    position: relative;
    padding-bottom: .55rem;
}

    .dash-section-title[b-idbvmsjvl0]::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 170px;
        height: 3px;
        border-radius: 999px;
        background: var(--p-blue-900);
        opacity: .20;
    }

/* ===== Grupos cards ===== */
.grupos-grid .grupo-card[b-idbvmsjvl0] {
    grid-column: span 4;
}

.grupo-top[b-idbvmsjvl0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.grupo-icon[b-idbvmsjvl0] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13,71,161,.10);
    border: 1px solid rgba(13,71,161,.14);
    flex: 0 0 auto;
}

    .grupo-icon i[b-idbvmsjvl0] {
        font-size: 1.4rem;
        color: var(--p-blue-900);
    }

.grupo-info[b-idbvmsjvl0] {
    flex: 1 1 auto;
    min-width: 0;
}

.grupo-title[b-idbvmsjvl0] {
    font-weight: 900;
    color: var(--text);
    letter-spacing: -0.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grupo-sub[b-idbvmsjvl0] {
    color: var(--muted);
    font-weight: 700;
    font-size: .85rem;
    margin-top: .15rem;
}

.grupo-badge[b-idbvmsjvl0] {
    font-weight: 900;
    font-size: .78rem;
    padding: .28rem .55rem;
    border-radius: 999px;
    border: 1px solid rgba(148,163,184,.35);
    background: rgba(148,163,184,.16);
    color: rgba(15,23,42,.78);
    flex: 0 0 auto;
}

    .grupo-badge.ok[b-idbvmsjvl0] {
        border-color: rgba(2,189,76,.28);
        background: rgba(2,189,76,.10);
        color: rgba(2, 120, 50, 1);
    }

    .grupo-badge.off[b-idbvmsjvl0] {
        border-color: rgba(222,35,35,.28);
        background: rgba(222,35,35,.10);
        color: rgba(170, 20, 20, 1);
    }

.grupo-metrics[b-idbvmsjvl0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    margin-top: .9rem;
}

.gm-label[b-idbvmsjvl0] {
    color: var(--muted);
    font-weight: 800;
    font-size: .85rem;
}

.gm-value[b-idbvmsjvl0] {
    font-weight: 900;
    color: var(--text);
    font-size: 1.05rem;
}

.grupo-bar[b-idbvmsjvl0] {
    margin-top: .75rem;
    height: 10px;
    border-radius: 999px;
    background: #eef2ff;
    overflow: hidden;
    border: 1px solid rgba(15,23,42,.06);
}

.grupo-bar-fill[b-idbvmsjvl0] {
    height: 100%;
    background: var(--p-blue-900);
    border-radius: 999px;
    opacity: .85;
}

.grupo-actions[b-idbvmsjvl0] {
    display: flex;
    gap: .6rem;
    margin-top: .95rem;
    flex-wrap: wrap;
}

/* ===== Tables ===== */
.dash-table thead th[b-idbvmsjvl0] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.dash-table tbody td[b-idbvmsjvl0] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.dash-td-muted[b-idbvmsjvl0] {
    color: rgba(15,23,42,.72);
    font-weight: 700;
}

.dash-td-strong[b-idbvmsjvl0] {
    font-weight: 900;
}

/* ===== Mobile cards (grupos y actividad) ===== */
.m-card[b-idbvmsjvl0] {
    border: 1px solid rgba(13,71,161,.14);
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--shadow-soft);
    padding: .9rem;
    margin-bottom: .75rem;
    position: relative;
    overflow: hidden;
}

    .m-card[b-idbvmsjvl0]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, var(--p-blue-900), var(--p-gold));
        opacity: .35;
    }

.m-card-top[b-idbvmsjvl0] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
}

.m-title[b-idbvmsjvl0] {
    font-weight: 900;
    color: var(--text);
}

.m-sub[b-idbvmsjvl0] {
    color: var(--muted);
    font-weight: 700;
    font-size: .9rem;
    margin-top: .15rem;
}

.m-badge[b-idbvmsjvl0] {
    font-weight: 900;
    font-size: .78rem;
    padding: .25rem .55rem;
    border-radius: 999px;
    border: 1px solid rgba(148,163,184,.35);
    background: rgba(148,163,184,.16);
    color: rgba(15,23,42,.78);
    white-space: nowrap;
}

    .m-badge.ok[b-idbvmsjvl0] {
        border-color: rgba(2,189,76,.28);
        background: rgba(2,189,76,.10);
        color: rgba(2, 120, 50, 1);
    }

    .m-badge.off[b-idbvmsjvl0] {
        border-color: rgba(222,35,35,.28);
        background: rgba(222,35,35,.10);
        color: rgba(170, 20, 20, 1);
    }

.m-metrics[b-idbvmsjvl0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    margin-top: .7rem;
}

.m-metric[b-idbvmsjvl0] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    padding: .55rem .7rem;
    border: 1px solid rgba(13,71,161,.10);
    border-radius: 14px;
    background: rgba(13,71,161,.04);
}

    .m-metric span[b-idbvmsjvl0] {
        color: var(--muted);
        font-weight: 800;
        font-size: .85rem;
    }

    .m-metric strong[b-idbvmsjvl0] {
        color: var(--text);
        font-weight: 900;
    }

.m-bar[b-idbvmsjvl0] {
    margin-top: .7rem;
    height: 10px;
    border-radius: 999px;
    background: #eef2ff;
    overflow: hidden;
    border: 1px solid rgba(15,23,42,.06);
}

.m-bar-fill[b-idbvmsjvl0] {
    height: 100%;
    background: var(--p-blue-900);
    border-radius: 999px;
    opacity: .85;
}

.m-actions[b-idbvmsjvl0] {
    display: grid;
    gap: .5rem;
    margin-top: .85rem;
}

/* Activity card */
.act-card[b-idbvmsjvl0] {
    border: 1px solid rgba(13,71,161,.12);
    border-radius: 16px;
    padding: .85rem .9rem;
    margin-bottom: .65rem;
    background: rgba(13,71,161,.03);
}

.act-top[b-idbvmsjvl0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.act-title[b-idbvmsjvl0] {
    font-weight: 900;
    color: var(--text);
}

.act-date[b-idbvmsjvl0] {
    color: rgba(15,23,42,.70);
    font-weight: 800;
    font-size: .85rem;
    white-space: nowrap;
}

.act-detail[b-idbvmsjvl0] {
    color: rgba(15,23,42,.82);
    font-weight: 700;
    margin-top: .35rem;
}

/* Responsive */
@media (max-width: 1200px) {
    .kpi-row[b-idbvmsjvl0] {
        grid-template-columns: repeat(2, 1fr);
    }

    .top-grid .dash-card-wide[b-idbvmsjvl0] {
        grid-column: span 12;
    }

    .top-grid .dash-card-side[b-idbvmsjvl0] {
        grid-column: span 12;
    }

    .grupos-grid .grupo-card[b-idbvmsjvl0] {
        grid-column: span 6;
    }
}

@media (max-width: 576px) {
    .kpi-row[b-idbvmsjvl0] {
        grid-template-columns: 1fr;
    }

    .today-grid[b-idbvmsjvl0] {
        grid-template-columns: 1fr;
    }

    .dash-search[b-idbvmsjvl0] {
        min-width: 100%;
        width: 100%;
    }
}
/* /Pages/Dashboard/DashboardEstudiante.razor.rz.scp.css */
:root[b-ngunk2vvlg] {
    --p-blue-900: #0D47A1;
    --p-blue-400: #80A4FF;
    --p-cream: #F1F1E6;
    --p-gold: #D0A616;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #dfe6f3;
    --border-strong: #cfd9ee;
    --shadow: 0 12px 28px rgba(15,23,42,.08);
    --shadow-soft: 0 6px 16px rgba(15,23,42,.06);
}

/* Loading */
.dash-loading[b-ngunk2vvlg] {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

/* Contenedor principal */
.dash-wrap[b-ngunk2vvlg] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    padding: 1.25rem;
}

    /* TITULOS */
    .dash-wrap h3[b-ngunk2vvlg] {
        margin-top: 1.2rem;
        font-weight: 900;
        letter-spacing: -0.3px;
        color: var(--text);
        position: relative;
        padding-bottom: .55rem;
    }

        .dash-wrap h3[b-ngunk2vvlg]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 170px;
            height: 3px;
            border-radius: 999px;
            background: var(--p-blue-900);
            opacity: .20;
        }

.dash-subtitle[b-ngunk2vvlg] {
    margin-top: .35rem;
    color: var(--muted);
    font-weight: 600;
}

/* ===== KPI EN UNA SOLA FILA ===== */
.kpi-row[b-ngunk2vvlg] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    width: 100%;
}

/* Card base */
.custom-card[b-ngunk2vvlg] {
    border-radius: 16px !important;
    background: var(--card);
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow-soft);
    transition: transform .08s ease, box-shadow .15s ease, border-color .15s ease;
    overflow: hidden;
    position: relative;
}

    /* Acento superior */
    .custom-card[b-ngunk2vvlg]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--p-blue-900);
        opacity: .30;
    }

    .custom-card:hover[b-ngunk2vvlg] {
        transform: translateY(-2px);
        border-color: var(--border-strong) !important;
        box-shadow: 0 14px 32px rgba(15,23,42,.10);
    }

/* KPI */
.kpi-card[b-ngunk2vvlg] {
    min-height: 96px;
    border-left: 4px solid rgba(13,71,161,.45) !important;
}

    .kpi-card.kpi-gold-left[b-ngunk2vvlg] {
        border-left-color: rgba(208,166,22,.65) !important;
    }

.kpi-chip[b-ngunk2vvlg] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13,71,161,.10);
    border: 1px solid rgba(13,71,161,.18);
}

    .kpi-chip i[b-ngunk2vvlg] {
        font-size: 1.35rem;
        color: var(--p-blue-900);
    }

    .kpi-chip.gold[b-ngunk2vvlg] {
        background: rgba(208,166,22,.12);
        border-color: rgba(208,166,22,.22);
    }

        .kpi-chip.gold i[b-ngunk2vvlg] {
            color: var(--p-gold);
        }

.kpi-title[b-ngunk2vvlg] {
    color: var(--muted);
    font-weight: 800;
    font-size: .95rem;
    margin: 0;
}

.kpi-value[b-ngunk2vvlg] {
    font-size: 1.9rem;
    font-weight: 900;
    letter-spacing: -0.6px;
    color: var(--text);
    line-height: 1.1;
    margin-top: .15rem;
}

.kpi-meta[b-ngunk2vvlg] {
    color: var(--muted);
    font-size: .85rem;
    font-weight: 600;
    margin-top: .1rem;
}

/* Summary */
.dash-summary[b-ngunk2vvlg] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin: .75rem 0 1rem 0;
}

.dash-summary-item[b-ngunk2vvlg] {
    background: var(--p-cream);
    border: 1px solid rgba(13,71,161,.12);
    border-radius: 14px;
    padding: .7rem .9rem;
    display: flex;
    gap: .6rem;
    align-items: baseline;
}

.summary-label[b-ngunk2vvlg] {
    color: var(--muted);
    font-weight: 800;
    font-size: .85rem;
}

.summary-value[b-ngunk2vvlg] {
    color: var(--text);
    font-weight: 900;
}

/* Grid de áreas */
.dash-grid[b-ngunk2vvlg] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}

.areas-grid .area-card[b-ngunk2vvlg] {
    grid-column: span 4;
}

.area-top[b-ngunk2vvlg] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.area-icon[b-ngunk2vvlg] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13,71,161,.10);
    border: 1px solid rgba(13,71,161,.14);
}

    .area-icon i[b-ngunk2vvlg] {
        font-size: 1.5rem;
        color: var(--area-color);
    }

.area-title[b-ngunk2vvlg] {
    font-weight: 900;
    color: var(--text);
    letter-spacing: -0.3px;
}

.area-sub[b-ngunk2vvlg] {
    color: var(--muted);
    font-size: .85rem;
    margin-top: -2px;
}

.area-metric[b-ngunk2vvlg] {
    margin-top: .85rem;
    display: flex;
    align-items: baseline;
    gap: .4rem;
}

.area-value[b-ngunk2vvlg] {
    font-size: 1.7rem;
    font-weight: 900;
    color: var(--text);
    letter-spacing: -0.5px;
}

.area-unit[b-ngunk2vvlg] {
    color: var(--muted);
    font-weight: 800;
}

.area-bar[b-ngunk2vvlg] {
    margin-top: .75rem;
    height: 10px;
    border-radius: 999px;
    background: #eef2ff;
    overflow: hidden;
    border: 1px solid rgba(15,23,42,.06);
}

.area-bar-fill[b-ngunk2vvlg] {
    height: 100%;
    background: var(--area-color);
    border-radius: 999px;
}

/* Empty */
.dash-empty-pro[b-ngunk2vvlg] {
    border: 1px dashed rgba(13,71,161,.35);
    background: rgba(128,164,255,.10);
    border-radius: 16px;
    padding: 1rem 1.1rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    color: var(--text);
}

    .dash-empty-pro i[b-ngunk2vvlg] {
        color: var(--p-blue-900);
        font-size: 1.2rem;
    }

/* Responsive */
@media (max-width: 992px) {
    .kpi-row[b-ngunk2vvlg] {
        grid-template-columns: repeat(2, 1fr);
    }

    .areas-grid .area-card[b-ngunk2vvlg] {
        grid-column: span 6;
    }
}

@media (max-width: 576px) {
    .kpi-row[b-ngunk2vvlg] {
        grid-template-columns: 1fr;
    }

    .areas-grid .area-card[b-ngunk2vvlg] {
        grid-column: span 12;
    }
}
/* /Pages/Examenes/ExamenSimulacro.razor.rz.scp.css */
/* =========================
   Base / UX
========================= */
:root[b-7rr8eas8uc] {
    --bg: #f6f8fc;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --line: rgba(15,23,42,.08);
    --brand: #0A2F6F; /* azul institucional */
    --brand-2: #072654; /* navy */
    --accent: #A6D220; /* verde */
    --warn: #f59e0b;
    --shadow-sm: 0 8px 18px rgba(2,6,23,.08);
    --shadow-md: 0 16px 34px rgba(2,6,23,.12);
    --radius: 14px;
}

body[b-7rr8eas8uc] {
    background: var(--bg);
}

/* Mantienes tu regla anti-copy */
*[b-7rr8eas8uc] {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* =========================
   Timer moderno
========================= */
.exam-timer[b-7rr8eas8uc] {
    position: fixed;
    top: 68px;
    right: 22px;
    z-index: 1000;
    background: rgba(255,255,255,.92);
    border: 1px solid var(--line);
    backdrop-filter: blur(10px);
    border-radius: 14px;
    padding: 10px 14px;
    box-shadow: var(--shadow-sm);
    min-width: 180px;
}

.exam-timer__label[b-7rr8eas8uc] {
    font-size: .78rem;
    color: var(--muted);
    font-weight: 700;
    letter-spacing: .2px;
}

.exam-timer__time[b-7rr8eas8uc] {
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--brand-2);
    letter-spacing: .8px;
    line-height: 1.15;
}

/* =========================
   Loading
========================= */
.exam-loading[b-7rr8eas8uc] {
    min-height: 55vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}

.exam-loading__spinner[b-7rr8eas8uc] {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 4px solid rgba(10,47,111,.18);
    border-top-color: var(--brand);
    animation: spin-b-7rr8eas8uc .9s linear infinite;
}

.exam-loading__text[b-7rr8eas8uc] {
    color: var(--muted);
    font-weight: 700;
}

@keyframes spin-b-7rr8eas8uc {
    to {
        transform: rotate(360deg);
    }
}

/* =========================
   Layout general
========================= */
.exam-shell[b-7rr8eas8uc] {
    max-width: 980px;
    margin: 0 auto;
    padding: 22px 18px 40px;
}

/* Header */
.exam-header[b-7rr8eas8uc] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 18px 18px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.exam-title[b-7rr8eas8uc] {
    margin: 0;
    font-weight: 900;
    color: var(--text);
    letter-spacing: -.2px;
}

.exam-subtitle[b-7rr8eas8uc] {
    margin: 4px 0 0;
    color: var(--muted);
    font-weight: 600;
    font-size: .95rem;
}

.exam-header__right[b-7rr8eas8uc] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.exam-pill[b-7rr8eas8uc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(10,47,111,.05);
    color: var(--brand-2);
    font-weight: 800;
    font-size: .85rem;
    white-space: nowrap;
}

    .exam-pill i[b-7rr8eas8uc] {
        font-size: 1rem;
    }

.exam-pill--done[b-7rr8eas8uc] {
    background: rgba(166,210,32,.16);
    color: #244b00;
    border-color: rgba(166,210,32,.35);
}

/* =========================
   Navegación por áreas
========================= */
.exam-area-nav[b-7rr8eas8uc] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 12px 16px;
    margin-bottom: 14px;
}

.exam-area-nav__progress[b-7rr8eas8uc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.exam-area-nav__label[b-7rr8eas8uc] {
    font-weight: 800;
    color: var(--brand-2);
    font-size: .92rem;
}

.exam-area-nav__dots[b-7rr8eas8uc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.exam-area-nav__dot[b-7rr8eas8uc] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid rgba(10, 47, 111, .25);
    background: #fff;
    padding: 0;
    cursor: pointer;
    transition: transform .12s ease, background-color .14s ease, border-color .14s ease;
}

.exam-area-nav__dot:hover:not(:disabled)[b-7rr8eas8uc] {
    transform: scale(1.15);
    border-color: var(--brand);
}

.exam-area-nav__dot--active[b-7rr8eas8uc] {
    background: var(--brand);
    border-color: var(--brand);
    transform: scale(1.2);
}

.exam-area-nav__dot--done:not(.exam-area-nav__dot--active)[b-7rr8eas8uc] {
    background: rgba(166, 210, 32, .55);
    border-color: rgba(166, 210, 32, .75);
}

.exam-area-nav__dot:disabled[b-7rr8eas8uc] {
    cursor: not-allowed;
    opacity: .7;
}

.btn-area-nav[b-7rr8eas8uc] {
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 120px;
    justify-content: center;
}

.exam-actions__center[b-7rr8eas8uc] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

/* =========================
   Área
========================= */
.exam-area[b-7rr8eas8uc] {
    margin-top: 0;
}

.exam-area__head[b-7rr8eas8uc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 2px;
}

.exam-area__badge[b-7rr8eas8uc] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(10,47,111,.08);
    border: 1px solid rgba(10,47,111,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand);
    box-shadow: 0 8px 18px rgba(2,6,23,.06);
}

.exam-area__title[b-7rr8eas8uc] {
    margin: 0;
    font-weight: 900;
    color: var(--brand-2);
}

.exam-area__hint[b-7rr8eas8uc] {
    color: var(--muted);
    font-weight: 600;
    font-size: .88rem;
}

/* =========================
   Pregunta Card
========================= */
.q-card[b-7rr8eas8uc] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    margin: 12px 0;
}

.q-card__head[b-7rr8eas8uc] {
    display: flex;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(10,47,111,.05), rgba(10,47,111,.02));
}

.q-num[b-7rr8eas8uc] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #0D47A1;
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(7,38,84,.22);
    flex: 0 0 auto;
}

.q-title__label[b-7rr8eas8uc] {
    color: var(--muted);
    font-weight: 800;
    font-size: .82rem;
}

.q-title__text[b-7rr8eas8uc] {
    color: var(--text);
    font-weight: 400;
    margin-top: 2px;
    line-height: 1.5;
}

/* HTML de Quill (MarkupString): requiere ::deep por aislamiento CSS de Blazor */
.q-title__text[b-7rr8eas8uc]  :is(p, div, span, li, em, i, u, label, td, th) {
    font-weight: 400 !important;
    margin-bottom: 0.5rem;
}

.q-title__text[b-7rr8eas8uc]  :is(p, div, span, li):last-child {
    margin-bottom: 0;
}

.q-title__text[b-7rr8eas8uc]  :is(strong, b) {
    font-weight: 700 !important;
}

.q-title__text[b-7rr8eas8uc]  :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 600 !important;
    font-size: inherit;
    margin: 0 0 0.5rem;
}

.q-card__body[b-7rr8eas8uc] {
    padding: 14px 16px 16px;
}

/* =========================
   Respuestas (radio cards)
========================= */
.answers-grid[b-7rr8eas8uc] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 860px) {
    .answers-grid[b-7rr8eas8uc] {
        grid-template-columns: 1fr 1fr;
    }
}

.answer-option[b-7rr8eas8uc] {
    display: block;
    cursor: pointer;
    height: 100%;
    font-weight: 400;
}

.answer-radio[b-7rr8eas8uc] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.answer-card[b-7rr8eas8uc] {
    min-height: 72px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 12px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
    box-shadow: 0 8px 16px rgba(2,6,23,.05);
    transition: transform .12s ease, border-color .14s ease, background-color .14s ease;
    position: relative;
    height: 100%;
}

.answer-letter[b-7rr8eas8uc] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(10,47,111,.08);
    border: 1px solid rgba(10,47,111,.12);
    color: var(--brand-2);
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    flex: 0 0 auto;
}

.answer-text[b-7rr8eas8uc] {
    color: var(--text);
    font-weight: 400;
    line-height: 1.5;
    padding-top: 2px;
    flex: 1;
}

.answer-text[b-7rr8eas8uc]  :is(p, div, span, li, em, i, u) {
    font-weight: 400 !important;
}

.answer-text[b-7rr8eas8uc]  :is(strong, b) {
    font-weight: 700 !important;
}

.answer-check[b-7rr8eas8uc] {
    margin-left: auto;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(2,6,23,.04);
    border: 1px solid var(--line);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(.9);
    transition: opacity .14s ease, transform .14s ease;
    color: #1f7a00;
}

/* hover */
.answer-option:hover .answer-card[b-7rr8eas8uc] {
    transform: translateY(-1px);
    border-color: rgba(10,47,111,.22);
    background: rgba(10,47,111,.02);
}

/* checked */
.answer-radio:checked + .answer-card[b-7rr8eas8uc] {
    /*border-color: rgba(166,210,32,.65);*/
    border: 2px solid #4CAF50 !important;
    background: rgba(166,210,32,.10);
    box-shadow: 0 16px 30px rgba(166,210,32,.14);
}

    .answer-radio:checked + .answer-card .answer-check[b-7rr8eas8uc] {
        opacity: 1;
        transform: scale(1);
        background: rgba(166,210,32,.20);
        border-color: rgba(166,210,32,.35);
    }

/* disabled */
.answer-radio:disabled + .answer-card[b-7rr8eas8uc] {
    opacity: .85;
    cursor: not-allowed;
}

.answer-option:has(.answer-radio:disabled)[b-7rr8eas8uc] {
    cursor: not-allowed;
}

/* =========================
   Acciones / Footer
========================= */
.exam-actions[b-7rr8eas8uc] {
    position: sticky;
    bottom: 12px;
    margin-top: 16px;
    background: rgba(246,248,252,.75);
    backdrop-filter: blur(10px);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: var(--shadow-md);
}

.exam-tip[b-7rr8eas8uc] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--muted);
    font-weight: 700;
}

    .exam-tip i[b-7rr8eas8uc] {
        color: var(--brand);
        font-size: 1.1rem;
    }

.btn-send[b-7rr8eas8uc] {
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 12px 24px rgba(10,47,111,.18);
}

    .btn-send i[b-7rr8eas8uc] {
        font-size: 1.05rem;
    }

/* Responsive: timer no tape contenido */
@media (max-width: 640px) {
    .exam-timer[b-7rr8eas8uc] {
        top: 60px;
        right: 12px;
        min-width: 160px;
        padding: 10px 12px;
    }

    .exam-shell[b-7rr8eas8uc] {
        padding: 16px 12px 34px;
    }

    .exam-header[b-7rr8eas8uc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .exam-actions[b-7rr8eas8uc] {
        flex-direction: column;
        align-items: stretch;
    }

    .exam-actions__center[b-7rr8eas8uc] {
        order: -1;
        width: 100%;
    }

    .exam-actions__center .btn-area-nav[b-7rr8eas8uc] {
        flex: 1;
        min-width: 0;
    }

    .exam-actions__right .btn-send[b-7rr8eas8uc] {
        width: 100%;
        justify-content: center;
    }
}

/* Imágenes dentro del enunciado/respuestas */
img[b-7rr8eas8uc] {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
/* /Pages/Examenes/ListaDesafios.razor.rz.scp.css */
:root[b-p1zzg2hapz] {
    --p-blue-900: #0D47A1;
    --p-blue-400: #80A4FF;
    --p-cream: #F1F1E6;
    --p-gold: #D0A616;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #dfe6f3;
    --shadow: 0 12px 28px rgba(15,23,42,.08);
    --shadow-soft: 0 6px 16px rgba(15,23,42,.06);
}

/* Overlay + Modal */
.overlay[b-p1zzg2hapz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal.show[b-p1zzg2hapz] {
    display: block;
    z-index: 1050;
}

.alinear-text[b-p1zzg2hapz] {
    vertical-align: middle;
    text-align: center;
}

/* Card contenedora */
.des-card[b-p1zzg2hapz] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.des-table[b-p1zzg2hapz] {
    margin: 0;
}

.des-thead th[b-p1zzg2hapz] {
    background: rgba(13,71,161,.08) !important;
    color: var(--text);
    font-weight: 900;
    border-bottom: 1px solid var(--border) !important;
    padding: .85rem .75rem;
    white-space: nowrap;
}

.des-table tbody td[b-p1zzg2hapz] {
    border-top: 1px solid rgba(223,230,243,.75) !important;
    padding: .85rem .75rem;
}

.des-table tbody tr:hover[b-p1zzg2hapz] {
    background: rgba(128,164,255,.06);
}

.des-name[b-p1zzg2hapz] {
    font-weight: 800;
    color: #0b1220;
}

/* Chip intentos */
.des-chip[b-p1zzg2hapz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .6rem;
    border-radius: 999px;
    background: rgba(13,71,161,.08);
    border: 1px solid rgba(13,71,161,.14);
    color: #0b2f6b;
    font-weight: 900;
    font-size: .78rem;
}

/* Botón */
.des-btn[b-p1zzg2hapz] {
    border-radius: 12px !important;
    font-weight: 900 !important;
    padding: .45rem .85rem !important;
    box-shadow: none !important;
}

/* Nota inferior */
.des-footnote[b-p1zzg2hapz] {
    padding: .85rem 1rem;
    border-top: 1px solid var(--border);
    background: rgba(241,241,230,.35);
    color: var(--muted);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: .55rem;
}

    .des-footnote i[b-p1zzg2hapz] {
        color: var(--p-gold);
        font-size: 1.1rem;
    }

/* Modal estilo pro */
.des-modal[b-p1zzg2hapz] {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.des-modal-head[b-p1zzg2hapz] {
    background: rgba(13,71,161,.06);
    border-bottom: 1px solid var(--border);
}

    .des-modal-head .modal-title[b-p1zzg2hapz] {
        display: flex;
        align-items: center;
        gap: .55rem;
        font-weight: 900;
        color: #0b1220;
    }

        .des-modal-head .modal-title i[b-p1zzg2hapz] {
            color: var(--p-blue-900);
        }

.des-modal-body[b-p1zzg2hapz] {
    color: #334155;
    font-weight: 600;
    line-height: 1.6;
}

.des-modal-foot[b-p1zzg2hapz] {
    background: rgba(241,241,230,.22);
    border-top: 1px solid var(--border);
}

/* Responsive */
@media (max-width: 768px) {
    .des-thead th[b-p1zzg2hapz] {
        font-size: .9rem;
    }

    .des-btn[b-p1zzg2hapz] {
        width: 100%;
    }
}
/* /Pages/Examenes/ListaSimulacros.razor.rz.scp.css */
:root[b-0d8a1o0uhs] {
    --p-blue-900: #0D47A1;
    --p-blue-400: #80A4FF;
    --p-cream: #F1F1E6;
    --p-gold: #D0A616;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #dfe6f3;
    --shadow: 0 12px 28px rgba(15,23,42,.08);
    --shadow-soft: 0 6px 16px rgba(15,23,42,.06);
}

/* Overlay + Modal */
.overlay[b-0d8a1o0uhs] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal.show[b-0d8a1o0uhs] {
    display: block;
    z-index: 1050;
}

.alinear-text[b-0d8a1o0uhs] {
    vertical-align: middle;
    text-align: center;
}

/* Header */
.sim-head[b-0d8a1o0uhs] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.sim-title[b-0d8a1o0uhs] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -0.4px;
    color: var(--text);
}

.sim-subtitle[b-0d8a1o0uhs] {
    margin: .35rem 0 0 0;
    color: var(--muted);
    font-weight: 600;
}

/* Alerts */
.sim-alert[b-0d8a1o0uhs] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    border-radius: 14px;
    border: 1px solid rgba(13,71,161,.10);
    box-shadow: var(--shadow-soft);
}

    .sim-alert i[b-0d8a1o0uhs] {
        font-size: 1.1rem;
        margin-top: .1rem;
    }

/* Loading */
.sim-loading[b-0d8a1o0uhs] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 0;
}

.sim-loading-text[b-0d8a1o0uhs] {
    color: var(--muted);
    font-weight: 700;
}

/* Card contenedora */
.sim-card[b-0d8a1o0uhs] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

/* Tabla */
.sim-table[b-0d8a1o0uhs] {
    margin: 0;
}

.sim-thead th[b-0d8a1o0uhs] {
    background: rgba(13,71,161,.08) !important;
    color: var(--text);
    font-weight: 900;
    border-bottom: 1px solid var(--border) !important;
    padding: .85rem .75rem;
    white-space: nowrap;
}

.sim-table tbody td[b-0d8a1o0uhs] {
    border-top: 1px solid rgba(223,230,243,.75) !important;
    padding: .85rem .75rem;
}

.sim-table tbody tr:hover[b-0d8a1o0uhs] {
    background: rgba(128,164,255,.06);
}

.sim-name[b-0d8a1o0uhs] {
    font-weight: 800;
    color: #0b1220;
}

/* Chip intentos */
.sim-chip[b-0d8a1o0uhs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .6rem;
    border-radius: 999px;
    background: rgba(13,71,161,.08);
    border: 1px solid rgba(13,71,161,.14);
    color: #0b2f6b;
    font-weight: 900;
    font-size: .78rem;
}

/* Botón */
.sim-btn[b-0d8a1o0uhs] {
    border-radius: 12px !important;
    font-weight: 900 !important;
    padding: .45rem .85rem !important;
    box-shadow: none !important;
}

/* Nota inferior */
.sim-footnote[b-0d8a1o0uhs] {
    padding: .85rem 1rem;
    border-top: 1px solid var(--border);
    background: rgba(241,241,230,.35);
    color: var(--muted);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: .55rem;
}

    .sim-footnote i[b-0d8a1o0uhs] {
        color: var(--p-gold);
        font-size: 1.1rem;
    }

/* Panel derecho */
.sim-side[b-0d8a1o0uhs] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    padding: 1rem;
    height: 100%;
}

.sim-side-head[b-0d8a1o0uhs] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-weight: 900;
    color: #0b1220;
    padding-bottom: .65rem;
    border-bottom: 1px solid rgba(223,230,243,.75);
    margin-bottom: .75rem;
}

    .sim-side-head i[b-0d8a1o0uhs] {
        color: var(--p-gold);
    }

.sim-side-list[b-0d8a1o0uhs] {
    margin: 0;
    padding-left: 1.1rem;
    color: #334155;
    font-weight: 650;
    line-height: 1.6;
}

    .sim-side-list li[b-0d8a1o0uhs] {
        margin-bottom: .5rem;
    }

.sim-side-badge[b-0d8a1o0uhs] {
    margin-top: 1rem;
    background: rgba(241,241,230,.75);
    border: 1px solid rgba(13,71,161,.12);
    border-radius: 14px;
    padding: .65rem .75rem;
    text-align: center;
}

.sim-side-badge-label[b-0d8a1o0uhs] {
    display: block;
    font-size: .78rem;
    color: var(--muted);
    font-weight: 800;
}

.sim-side-badge-value[b-0d8a1o0uhs] {
    display: block;
    font-size: 1.15rem;
    font-weight: 900;
    color: var(--text);
}

/* Modal */
.sim-modal[b-0d8a1o0uhs] {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.sim-modal-head[b-0d8a1o0uhs] {
    background: rgba(13,71,161,.06);
    border-bottom: 1px solid var(--border);
}

    .sim-modal-head .modal-title[b-0d8a1o0uhs] {
        display: flex;
        align-items: center;
        gap: .55rem;
        font-weight: 900;
        color: #0b1220;
    }

        .sim-modal-head .modal-title i[b-0d8a1o0uhs] {
            color: var(--p-blue-900);
        }

.sim-modal-body[b-0d8a1o0uhs] {
    color: #334155;
    font-weight: 600;
    line-height: 1.6;
}

.sim-modal-foot[b-0d8a1o0uhs] {
    background: rgba(241,241,230,.22);
    border-top: 1px solid var(--border);
}

/* Responsive */
@media (max-width: 768px) {
    .sim-btn[b-0d8a1o0uhs] {
        width: 100%;
    }
}
/* /Pages/Examenes/Simulacro.razor.rz.scp.css */
/* =========================
   CREAR EXAMEN
   Paleta: #0D47A1 / #FFD600
========================= */
:root[b-96lgtlsgp3] {
    --ce-blue: #0D47A1;
    --ce-yellow: #FFD600;
    --ce-text: #0F172A;
    --ce-muted: rgba(15,23,42,.72);
    --ce-border: rgba(13,71,161,.14);
    --ce-card: #FFFFFF;
    --ce-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --ce-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.ce-page[b-96lgtlsgp3] {
    color: var(--ce-text);
}

/* Header */
.ce-header[b-96lgtlsgp3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ce-title[b-96lgtlsgp3] {
    font-weight: 900;
    letter-spacing: -.02em;
}

.ce-subtitle[b-96lgtlsgp3] {
    color: var(--ce-muted);
    font-weight: 600;
}

/* Badge */
.ce-badge[b-96lgtlsgp3] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    background: rgba(13,71,161,.08);
    border: 1px solid var(--ce-border);
    color: var(--ce-blue);
    font-weight: 800;
    user-select: none;
}

    .ce-badge .dot[b-96lgtlsgp3] {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--ce-yellow);
        box-shadow: 0 0 0 4px rgba(255,214,0,.25);
    }

/* Validation */
.ce-validation[b-96lgtlsgp3] {
    border-radius: 14px;
    border: 1px solid rgba(220,38,38,.20);
}

/* Card */
.ce-card[b-96lgtlsgp3] {
    background: var(--ce-card);
    border: 1px solid var(--ce-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--ce-shadow-sm);
    position: relative;
}

    .ce-card[b-96lgtlsgp3]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--ce-blue),var(--ce-yellow));
        opacity: .95;
    }

.ce-card-head[b-96lgtlsgp3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .85rem 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.ce-card-title[b-96lgtlsgp3] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.ce-card-meta[b-96lgtlsgp3] {
    color: var(--ce-muted);
    font-weight: 700;
}

.ce-card-actions[b-96lgtlsgp3] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.ce-card-body[b-96lgtlsgp3] {
    padding: 1rem;
}

.ce-divider[b-96lgtlsgp3] {
    border-color: rgba(13,71,161,.12);
    margin: 1rem 0;
}

/* Labels / Inputs */
.ce-label[b-96lgtlsgp3] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.ce-input[b-96lgtlsgp3] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .ce-input:focus[b-96lgtlsgp3] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

/* Block */
.ce-block-head[b-96lgtlsgp3] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .5rem;
    flex-wrap: wrap;
}

.ce-block-title[b-96lgtlsgp3] {
    font-weight: 900;
}

.ce-block-hint[b-96lgtlsgp3] {
    color: var(--ce-muted);
    font-weight: 600;
    font-size: .9rem;
}

/* Editor */
.ce-editor[b-96lgtlsgp3] {
    border: 1px solid rgba(13,71,161,.14);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 18px rgba(2,8,23,.04);
}

    .ce-editor .ql-toolbar[b-96lgtlsgp3] {
        border: 0 !important;
        border-bottom: 1px solid rgba(13,71,161,.10) !important;
        background: rgba(13,71,161,.04);
    }

    .ce-editor .ql-container[b-96lgtlsgp3] {
        border: 0 !important;
        min-height: 160px;
    }

/* Detail list */
.ce-detail-list[b-96lgtlsgp3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ce-detail-item[b-96lgtlsgp3] {
    border: 1px solid rgba(13,71,161,.14);
    border-radius: 16px;
    background: rgba(13,71,161,.03);
    padding: .85rem;
}

/* Empty */
.ce-empty[b-96lgtlsgp3] {
    padding: 1.6rem 1rem;
    text-align: center;
    border: 1px dashed rgba(13,71,161,.20);
    border-radius: 16px;
    background: rgba(13,71,161,.02);
}

.ce-empty-icon[b-96lgtlsgp3] {
    font-size: 2rem;
    color: var(--ce-blue);
    margin-bottom: .35rem;
}

.ce-empty-title[b-96lgtlsgp3] {
    font-weight: 900;
    font-size: 1.05rem;
}

.ce-empty-text[b-96lgtlsgp3] {
    color: var(--ce-muted);
    font-weight: 600;
}

/* Footer */
.ce-footer[b-96lgtlsgp3] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(13,71,161,.10);
}

/* Buttons */
.ce-btn[b-96lgtlsgp3] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
}

    .ce-btn:active[b-96lgtlsgp3] {
        transform: translateY(0);
    }

.ce-btn-primary[b-96lgtlsgp3] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .ce-btn-primary:hover[b-96lgtlsgp3] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

.ce-btn-success[b-96lgtlsgp3] {
    background: #16A34A;
    color: #fff;
    box-shadow: 0 10px 10px rgba(22,163,74,.16);
}

    .ce-btn-success:hover[b-96lgtlsgp3] {
        background: #12813B;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 10px 15px rgba(22,163,74,.22);
    }

.ce-btn-danger[b-96lgtlsgp3] {
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.25);
    color: #991B1B;
}

    .ce-btn-danger:hover[b-96lgtlsgp3] {
        background: rgba(239,68,68,.18);
        border-color: rgba(239,68,68,.35);
    }
/* /Pages/Home.razor.rz.scp.css */
/* ===== HERO SLIDER (Bootstrap Carousel) ===== */
.hero-slider-wrap[b-p075o2h27q] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: .75rem 0 1.25rem 0;
}

.hero-carousel[b-p075o2h27q] {
    width: 80%;
    height: 250px; /* Desktop fijo */
    
    overflow: hidden;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    background: #fff;
}

    /* Desktop: altura fija real */
    .hero-carousel .carousel-inner[b-p075o2h27q],
    .hero-carousel .carousel-item[b-p075o2h27q] {
        height: 250px;
    }

.hero-img[b-p075o2h27q] {
    width: 100%;
    height: 250px;
    object-fit: cover; /* Desktop: se ve “banner” */
    object-position: center;
    display: block;
}

/* Dots */
.hero-carousel .carousel-indicators[b-p075o2h27q] {
    margin-bottom: .75rem;
}

    .hero-carousel .carousel-indicators [data-bs-target][b-p075o2h27q] {
        width: 10px;
        height: 10px;
        border-radius: 999px;
        border: 0;
        background-color: rgba(13,71,161,.35);
        opacity: 1;
    }

    .hero-carousel .carousel-indicators .active[b-p075o2h27q] {
        background-color: var(--p-gold);
        box-shadow: 0 0 0 4px rgba(208,166,22,.18);


    }


/* ===== SEPARADOR ENTRE SLIDER E INTRO ===== */
.intro-divider[b-p075o2h27q] {
    width: 100%;
    max-width: 980px;
    margin: .75rem auto 1.25rem auto;
    height: 1px;
    background: rgba(13,71,161,.12);
    position: relative;
}

    .intro-divider[b-p075o2h27q]::after {
        content: "";
        position: absolute;
        left: 50%;
        top: -2px;
        transform: translateX(-50%);
        width: 110px;
        height: 5px;
        border-radius: 999px;
        background: rgba(208,166,22,.28);
    }

/* ===== SECCIÓN INTRO (base) ===== */
.intro-section[b-p075o2h27q] {
    max-width: 980px;
    margin: 0 auto 2rem auto;
    text-align: center;
    padding: 1.35rem 1.2rem;
    border-radius: 18px;
    border: 1px solid rgba(13,71,161,.12);
    box-shadow: 0 10px 24px rgba(15,23,42,.06);
    position: relative;
    overflow: hidden;
}

    /* Fondo suave tipo sección */
    .intro-section[b-p075o2h27q]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(128,164,255,.18);
        pointer-events: none;
    }

    /* Contenido por encima del fondo */
    .intro-section > *[b-p075o2h27q] {
        position: relative;
        z-index: 1;
    }

/* ===== ICONO INSTITUCIONAL ===== */
.intro-icon[b-p075o2h27q] {
    width: 54px;
    height: 54px;
    margin: 0 auto .75rem auto;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(13,71,161,.16);
    background: rgba(241,241,230,.65);
}

    .intro-icon i[b-p075o2h27q] {
        font-size: 1.6rem;
    }

/* ===== TÍTULO ===== */
.intro-title[b-p075o2h27q] {
    font-size: clamp(1.55rem, 2.2vw, 2.15rem);
    font-weight: 900;
    letter-spacing: -0.6px;
    margin: .1rem 0 .7rem 0;
    display: inline-block;
    padding-bottom: .55rem;
    position: relative;
}

    .intro-title[b-p075o2h27q]::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 150px;
        height: 3px;
        border-radius: 999px;
        opacity: .95;
    }

/* ===== TEXTO ===== */
.intro-text[b-p075o2h27q] {
    max-width: 880px;
    margin: .85rem auto 0 auto;
    font-size: 1rem;
    line-height: 1.68;
    font-weight: 600;
    color: #334155;
}

/* ===== ANIMACIÓN SUAVE (sin JS) ===== */
@media (prefers-reduced-motion: no-preference) {
    .intro-animate[b-p075o2h27q] {
        animation: introFadeUp-b-p075o2h27q .55s ease-out both;
    }

    @keyframes introFadeUp-b-p075o2h27q {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* ===== VARIANTE CORPORATIVA ===== */
.intro--corp[b-p075o2h27q] {
    background: rgba(255,255,255,.92);
}

    .intro--corp .intro-icon i[b-p075o2h27q] {
        color: var(--p-blue-900);
    }

    .intro--corp .intro-title[b-p075o2h27q] {
        color: var(--p-blue-900);
    }

        .intro--corp .intro-title[b-p075o2h27q]::after {
            background: rgba(13,71,161,.95);
        }

/* ===== VARIANTE JUVENIL ===== */
.intro--youth[b-p075o2h27q] {
    background: rgba(241,241,230,.78);
    border-color: rgba(13,71,161,.14);
}

    .intro--youth .intro-icon[b-p075o2h27q] {
        background: rgba(255,255,255,.75);
        border-color: rgba(208,166,22,.25);
    }

        .intro--youth .intro-icon i[b-p075o2h27q] {
            color: var(--p-gold);
        }

    .intro--youth .intro-title[b-p075o2h27q] {
        color: #0b2f6b;
    }

        .intro--youth .intro-title[b-p075o2h27q]::after {
            background: rgba(208,166,22,.40);
        }

/* Responsive */
@media (max-width: 768px) {
    .intro-section[b-p075o2h27q] {
        padding: 1.1rem 1rem;
        border-radius: 14px;
    }

    .intro-text[b-p075o2h27q] {
        font-size: .95rem;
        line-height: 1.58;
    }
}


/* ===== RESPONSIVE: NO RECORTE + AUTO AJUSTE ===== */

/* Tablets */
@media (max-width: 992px) {
    .hero-carousel[b-p075o2h27q] {
      display: none !important;
    }
}


/* /Pages/Login.razor.rz.scp.css */
/* =========================
   Paleta
   ========================= */
:root[b-8gj23muzkp] {
    --cbn-blue: #0D47A1;
    --cbn-yellow: #FFD600;
    --cbn-bg: #f4f7fb;
    --cbn-text: #0f172a;
    --cbn-muted: #6b7280;
}


p[b-8gj23muzkp] {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    text-rendering: optimizeLegibility;
}
/* Fondo general */
.login-page[b-8gj23muzkp] {
    background: radial-gradient(1200px 600px at 20% 10%, rgba(13, 71, 161, 0.18), transparent 60%), radial-gradient(900px 500px at 90% 30%, rgba(255, 214, 0, 0.20), transparent 55%), var(--cbn-bg);
}

/* Card */
.login-card[b-8gj23muzkp] {
    border-radius: 18px;
}

/* Títulos */
.login-title[b-8gj23muzkp] {
    color: var(--cbn-text);
    font-weight: 800;
    letter-spacing: -0.4px;
}

.login-subtitle[b-8gj23muzkp] {
    color: var(--cbn-muted);
}

/* Inputs */
.login-input[b-8gj23muzkp] {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    transition: box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}

    .login-input:focus[b-8gj23muzkp] {
        border-color: rgba(13, 71, 161, 0.55);
        box-shadow: 0 0 0 0.25rem rgba(13, 71, 161, 0.18);
    }

/* Botón principal */
.login-btn[b-8gj23muzkp] {
    border-radius: 12px;
    background-color: #0D47A1;
    border: none;
    font-weight: 700;
    padding: 0.9rem 1rem;
    transition: transform .08s ease, box-shadow .15s ease, filter .15s ease;
}

    .login-btn:hover[b-8gj23muzkp] {
        filter: brightness(1.03);
        box-shadow: 0 10px 25px rgba(13, 71, 161, 0.25);
    }

    .login-btn:active[b-8gj23muzkp] {
        transform: translateY(1px);
    }

/* Botón ojo */
.login-eye-btn[b-8gj23muzkp] {
    border-radius: 0 12px 12px 0;
    border-color: #e5e7eb;
}

/* Link */
.forgot-password-link[b-8gj23muzkp] {
    color: var(--cbn-blue);
    font-weight: 600;
    text-decoration: none;
}

    .forgot-password-link:hover[b-8gj23muzkp] {
        text-decoration: underline;
    }

/* Divisor */
.divider[b-8gj23muzkp] {
    position: relative;
    text-align: center;
}

    .divider span[b-8gj23muzkp] {
        background: white;
        padding: 0 12px;
        color: var(--cbn-muted);
        font-size: 0.9rem;
        border-radius: 99px;
    }

    .divider[b-8gj23muzkp]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        border-top: 1px solid #e5e7eb;
        transform: translateY(-50%);
        z-index: -1;
    }

/* Panel imagen */
.login-image-panel[b-8gj23muzkp] {
    position: relative;
    min-height: 100%;
    background: #0b2f6d;
}

.login-card-img[b-8gj23muzkp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.login-image-overlay[b-8gj23muzkp] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(13, 71, 161, 0.80), rgba(0, 0, 0, 0.15));
    z-index: 1;
}

.login-image-caption[b-8gj23muzkp] {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    z-index: 2;
    color: white;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.20);
}

    .login-image-caption h3[b-8gj23muzkp] {
        font-weight: 800;
        letter-spacing: -0.2px;
    }

    .login-image-caption p[b-8gj23muzkp] {
        opacity: 0.95;
    }

/* Footer */
.login-footer[b-8gj23muzkp] {
    color: var(--cbn-muted);
}

/* Modal loader */
.modal.login-loading-modal[b-8gj23muzkp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

    .modal.login-loading-modal .modal-content[b-8gj23muzkp] {
        border: none;
        background: transparent;
        box-shadow: none;
    }

    .modal.login-loading-modal .spinner-border[b-8gj23muzkp] {
        width: 3.2rem;
        height: 3.2rem;
        border-width: 0.35rem;
    }

/* Ajustes responsive */
@media (max-width: 576px) {
    .login-card[b-8gj23muzkp] {
        border-radius: 14px;
    }
}
/* /Pages/Pregunta/ListaPreguntas.razor.rz.scp.css */
/* =========================
   LISTA PREGUNTAS - THEME
   Paleta: #0D47A1 / #FFD600
========================= */
:root[b-zbtovwjzx2] {
    --lp-blue: #0D47A1;
    --lp-yellow: #FFD600;
    --lp-bg: #F6F8FC;
    --lp-card: #FFFFFF;
    --lp-text: #0F172A;
    --lp-muted: rgba(15, 23, 42, .72);
    --lp-border: rgba(13, 71, 161, .14);
    --lp-shadow-sm: 0 10px 22px rgba(2, 8, 23, .08);
    --lp-shadow-md: 0 16px 34px rgba(2, 8, 23, .12);
}

.lp-page[b-zbtovwjzx2] {
    color: var(--lp-text);
}

.lp-card-filters .lp-card-body[b-zbtovwjzx2] {
    padding: 1rem;
}

.lp-label[b-zbtovwjzx2] {
    font-weight: 800;
    color: rgba(15, 23, 42, .85);
}

.lp-input[b-zbtovwjzx2] {
    border-radius: 12px;
    border-color: rgba(13, 71, 161, .18);
    font-weight: 600;
}

.lp-filter-actions[b-zbtovwjzx2] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.lp-card-table[b-zbtovwjzx2] {
    position: relative;
}

.lp-paging-overlay[b-zbtovwjzx2] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.72);
    border-radius: inherit;
    pointer-events: none;
}

/* Alert */
.lp-alert[b-zbtovwjzx2] {
    border: 1px solid rgba(22, 163, 74, .25);
    border-radius: 14px;
}

/* Header */
.lp-header[b-zbtovwjzx2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.lp-title[b-zbtovwjzx2] {
    font-weight: 900;
    letter-spacing: -0.02em;
}

.lp-subtitle[b-zbtovwjzx2] {
    color: var(--lp-muted);
    font-weight: 600;
}

.lp-actions[b-zbtovwjzx2] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

/* Buttons */
.lp-btn[b-zbtovwjzx2] {
    border-radius: 12px;
    font-weight: 800;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
    
}

    .lp-btn:active[b-zbtovwjzx2] {
        transform: translateY(0);
    }

.lp-btn-primary[b-zbtovwjzx2] {
    background: #0B3E8D;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13, 71, 161, .18);
}

    .lp-btn-primary:hover[b-zbtovwjzx2] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13, 71, 161, .22);
    }

.lp-btn-outline[b-zbtovwjzx2] {
    background: rgba(13, 71, 161, .06);
    border-color: rgba(13, 71, 161, .18);
    color: var(--lp-blue);
}

    .lp-btn-outline:hover[b-zbtovwjzx2] {
        background: rgba(13, 71, 161, .10);
        border-color: rgba(13, 71, 161, .28);
        color: var(--lp-blue);
    }

.lp-btn:disabled[b-zbtovwjzx2] {
    opacity: .65;
    cursor: not-allowed;
}

/* Loading */
.lp-loading[b-zbtovwjzx2] {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-items: center;
    justify-content: center;
}

    .lp-loading .spinner-border[b-zbtovwjzx2] {
        color: var(--lp-blue);
    }

.lp-loading-text[b-zbtovwjzx2] {
    color: var(--lp-muted);
    font-weight: 600;
}

/* Card container */
.lp-card[b-zbtovwjzx2] {
    background: var(--lp-card);
    border: 1px solid var(--lp-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--lp-shadow-sm);
    position: relative;
}

    .lp-card[b-zbtovwjzx2]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, var(--lp-blue), var(--lp-yellow));
        opacity: .95;
    }

.lp-card-head[b-zbtovwjzx2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .85rem 1rem;
    border-bottom: 1px solid rgba(13, 71, 161, .10);
    background: linear-gradient(180deg, rgba(13, 71, 161, .06), rgba(13, 71, 161, 0));
}

.lp-card-title[b-zbtovwjzx2] {
    font-weight: 900;
    letter-spacing: -0.01em;
}

.lp-card-meta[b-zbtovwjzx2] {
    color: var(--lp-muted);
    font-weight: 700;
}

/* Table */
.lp-table-wrap[b-zbtovwjzx2] {
    padding: .35rem .75rem .75rem .75rem;
}

.lp-table thead th[b-zbtovwjzx2] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15, 23, 42, .72);
    border-bottom: 1px solid rgba(13, 71, 161, .12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.lp-table tbody td[b-zbtovwjzx2] {
    border-top: 1px solid rgba(13, 71, 161, .08) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.lp-table tbody tr:hover[b-zbtovwjzx2] {
    background: rgba(13, 71, 161, .04);
}

.lp-muted[b-zbtovwjzx2] {
    color: var(--lp-muted);
    font-weight: 600;
}

/* Link button inside table */
.lp-link-btn[b-zbtovwjzx2] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .45rem .7rem;
    border-radius: 12px;
    border: 1px solid rgba(13, 71, 161, .16);
    background: rgba(13, 71, 161, .06);
    color: var(--lp-blue);
    font-weight: 900;
    text-decoration: none;
    transition: background-color .12s ease, border-color .12s ease, transform .12s ease;
}

    .lp-link-btn:hover[b-zbtovwjzx2] {
        background: rgba(13, 71, 161, .10);
        border-color: rgba(13, 71, 161, .26);
        transform: translateY(-1px);
    }

.lp-link-text[b-zbtovwjzx2] {
    font-weight: 900;
}

/* Chip */
.lp-chip[b-zbtovwjzx2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .18rem .55rem;
    border-radius: 999px;
    background: rgba(255, 214, 0, .22);
    border: 1px solid rgba(255, 214, 0, .45);
    color: #5A4A00;
    font-weight: 900;
}

/* Switch */
.lp-switch[b-zbtovwjzx2] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .lp-switch .form-check-input[b-zbtovwjzx2] {
        cursor: pointer;
    }

.lp-state[b-zbtovwjzx2] {
    font-weight: 900;
    font-size: .85rem;
    padding: .18rem .55rem;
    border-radius: 999px;
    border: 1px solid transparent;
    user-select: none;
}

    .lp-state.on[b-zbtovwjzx2] {
        background: rgba(22, 163, 74, .14);
        border-color: rgba(22, 163, 74, .25);
        color: #166534;
    }

    .lp-state.off[b-zbtovwjzx2] {
        background: rgba(239, 68, 68, .12);
        border-color: rgba(239, 68, 68, .24);
        color: #991B1B;
    }

/* Pagination */
.lp-pagination[b-zbtovwjzx2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem 1rem 1rem;
    border-top: 1px solid rgba(13, 71, 161, .10);
}

.lp-pageinfo[b-zbtovwjzx2] {
    color: var(--lp-muted);
    font-weight: 700;
}

.pagination .page-link[b-zbtovwjzx2] {
    border-radius: 12px !important;
    margin: 0 .15rem;
    font-weight: 800;
    color: var(--lp-blue);
    border-color: rgba(13, 71, 161, .16);
}

.pagination .page-item.active .page-link[b-zbtovwjzx2] {
    background: #0B3E8D;
    border-color: var(--lp-blue);
    color: #fff;
    box-shadow: 0 12px 22px rgba(13, 71, 161, .18);
}

/* Empty state */
.lp-empty[b-zbtovwjzx2] {
    background: var(--lp-card);
    border: 1px solid var(--lp-border);
    border-radius: 18px;
    box-shadow: var(--lp-shadow-sm);
    padding: 2rem 1.25rem;
    text-align: center;
}

.lp-empty-icon[b-zbtovwjzx2] {
    font-size: 2.2rem;
    color: var(--lp-blue);
    margin-bottom: .4rem;
}

.lp-empty-title[b-zbtovwjzx2] {
    font-weight: 900;
    font-size: 1.15rem;
}

.lp-empty-text[b-zbtovwjzx2] {
    color: var(--lp-muted);
    font-weight: 600;
}

/* Modal overlay + modal */
.lp-overlay[b-zbtovwjzx2] {
    position: fixed;
    inset: 0;
    background-color: rgba(2, 8, 23, 0.55);
    z-index: 1040;
    backdrop-filter: blur(3px);
}

.lp-modal[b-zbtovwjzx2] {
    z-index: 1050;
}

.lp-modal-dialog[b-zbtovwjzx2] {
    max-width: 900px;
    width: min(92vw, 900px);
}

.lp-modal-content[b-zbtovwjzx2] {
    border-radius: 18px;
    border: 1px solid rgba(13, 71, 161, .14);
    box-shadow: var(--lp-shadow-md);
    overflow: hidden;
}

.lp-modal-header[b-zbtovwjzx2] {
    background: linear-gradient(90deg, rgba(13, 71, 161, .10), rgba(255, 214, 0, .10));
    border-bottom: 1px solid rgba(13, 71, 161, .10);
}

.lp-modal-body[b-zbtovwjzx2] {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
}

    .lp-modal-body img[b-zbtovwjzx2] {
        max-width: 100%;
        height: auto;
    }

.lp-modal-body-inner[b-zbtovwjzx2] {
    color: rgba(15, 23, 42, .92);
    font-weight: 400;
    line-height: 1.5;
}

/* HTML de Quill (MarkupString): requiere ::deep por aislamiento CSS de Blazor */
.lp-enunciado-html[b-zbtovwjzx2] {
    font-weight: 400;
}

.lp-enunciado-html[b-zbtovwjzx2]  :is(p, div, span, li, em, i, u, label, td, th) {
    font-weight: 400 !important;
    margin-bottom: 0.5rem;
}

.lp-enunciado-html[b-zbtovwjzx2]  :is(p, div, span, li):last-child {
    margin-bottom: 0;
}

.lp-enunciado-html[b-zbtovwjzx2]  :is(strong, b) {
    font-weight: 700 !important;
}

.lp-enunciado-html[b-zbtovwjzx2]  :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 600 !important;
    font-size: inherit;
    margin: 0 0 0.5rem;
}

.lp-modal-footer[b-zbtovwjzx2] {
    border-top: 1px solid rgba(13, 71, 161, .10);
    background: rgba(13, 71, 161, .04);
}
/* /Pages/Resultados.razor.rz.scp.css */
:root[b-penlla8ag7] {
    --p-blue-900: #0D47A1;
    --p-blue-400: #80A4FF;
    --p-cream: #F1F1E6;
    --p-gold: #D0A616;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #dfe6f3;
    --border-strong: #cfd9ee;
    --shadow: 0 12px 28px rgba(15,23,42,.08);
    --shadow-soft: 0 6px 16px rgba(15,23,42,.06);
}

/* Wrapper */
.res-wrap[b-penlla8ag7] {
    width: 100%;
}

/* Header */
.res-head[b-penlla8ag7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.res-title[b-penlla8ag7] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -0.4px;
    color: var(--text);
}

.res-subtitle[b-penlla8ag7] {
    margin: .35rem 0 0 0;
    color: var(--muted);
    font-weight: 600;
}

/* Alerts mejorados */
.res-alert[b-penlla8ag7] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    border-radius: 14px;
    border: 1px solid rgba(13,71,161,.10);
    box-shadow: var(--shadow-soft);
}

    .res-alert i[b-penlla8ag7] {
        font-size: 1.1rem;
        margin-top: .1rem;
    }

/* Loading */
.res-loading[b-penlla8ag7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 0;
}

.res-loading-text[b-penlla8ag7] {
    color: var(--muted);
    font-weight: 700;
}

/* Empty */
.res-empty[b-penlla8ag7] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .9rem;
    border-radius: 16px;
    background: rgba(128,164,255,.10);
    border: 1px dashed rgba(13,71,161,.28);
    color: var(--text);
    font-weight: 800;
}

    .res-empty i[b-penlla8ag7] {
        color: var(--p-blue-900);
        font-size: 1.2rem;
    }

/* Card contenedora por examen */
.res-exam[b-penlla8ag7] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    padding: 1rem 1rem 1.1rem 1rem;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
}

    .res-exam[b-penlla8ag7]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 18% 20%, rgba(128,164,255,.14), transparent 45%), radial-gradient(circle at 88% 30%, rgba(208,166,22,.10), transparent 45%);
        pointer-events: none;
    }

    .res-exam > *[b-penlla8ag7] {
        position: relative;
        z-index: 1;
    }

.res-exam-head[b-penlla8ag7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(223,230,243,.75);
    margin-bottom: .85rem;
}

.res-exam-title[b-penlla8ag7] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-weight: 900;
    color: #0b1220;
}

    .res-exam-title i[b-penlla8ag7] {
        color: var(--p-blue-900);
    }

.res-meta[b-penlla8ag7] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: .45rem;
}

.res-meta-item[b-penlla8ag7] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #334155;
    font-weight: 700;
}

    .res-meta-item i[b-penlla8ag7] {
        color: rgba(13,71,161,.75);
    }

.res-exam-right[b-penlla8ag7] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .65rem;
}

.res-btn-pdf[b-penlla8ag7] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .62rem 1rem;
    border: 1px solid rgba(208,166,22,.45);
    border-radius: 12px;
    background: linear-gradient(180deg, #fff9e8 0%, #fff4d4 100%);
    color: #8a6b00;
    font-weight: 800;
    font-size: .88rem;
    box-shadow: var(--shadow-soft);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.res-btn-pdf i[b-penlla8ag7] {
    font-size: 1rem;
}

.res-btn-pdf:hover:not(:disabled)[b-penlla8ag7] {
    transform: translateY(-1px);
    box-shadow: var(--shadow);
    background: #fff4d4;
}

.res-btn-pdf:disabled[b-penlla8ag7] {
    opacity: .65;
    cursor: not-allowed;
}

.res-btn-view[b-penlla8ag7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border-radius: 12px;
    padding: .6rem 1rem;
    font-size: .92rem;
    font-weight: 800;
    line-height: 1.2;
    color: #ffffff;
    background: linear-gradient(180deg, #1565c0 0%, #0d47a1 100%);
    border: 2px solid #0a3d8f;
    box-shadow: 0 8px 18px rgba(13, 71, 161, .28);
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s ease, box-shadow .15s ease, transform .12s ease;
}

.res-btn-view i[b-penlla8ag7] {
    font-size: 1rem;
}

.res-btn-view:hover[b-penlla8ag7] {
    background: linear-gradient(180deg, #1976d2 0%, #0d47a1 100%);
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(13, 71, 161, .34);
    transform: translateY(-1px);
}

.res-btn-view:focus-visible[b-penlla8ag7] {
    outline: 3px solid rgba(21, 101, 192, .45);
    outline-offset: 2px;
}

/* Pill derecha */
.res-pill[b-penlla8ag7] {
    background: rgba(241,241,230,.75);
    border: 1px solid rgba(13,71,161,.12);
    border-radius: 14px;
    padding: .55rem .75rem;
    min-width: 110px;
    text-align: center;
    box-shadow: var(--shadow-soft);
}

.res-pill-label[b-penlla8ag7] {
    display: block;
    font-size: .78rem;
    color: var(--muted);
    font-weight: 800;
}

.res-pill-value[b-penlla8ag7] {
    display: block;
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--text);
}

/* Grid de áreas */
.res-areas[b-penlla8ag7] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .85rem;
}

/* Cards por área */
.res-card[b-penlla8ag7] {
    border-radius: 16px;
    border: 1px solid rgba(223,230,243,.9);
    box-shadow: var(--shadow-soft);
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    height: 100%;
}

    .res-card:hover[b-penlla8ag7] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(15,23,42,.10);
        border-color: rgba(13,71,161,.18);
    }

.res-card-body[b-penlla8ag7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem;
}

/* Icono */
.res-icon[b-penlla8ag7] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13,71,161,.08);
    border: 1px solid rgba(13,71,161,.14);
    flex: 0 0 auto;
}

    .res-icon span[b-penlla8ag7] {
        font-size: 1.45rem;
        line-height: 1;
        color: var(--iconColor, var(--p-blue-900));
    }

/* Texto */
.res-card-title[b-penlla8ag7] {
    margin: 0;
    font-size: .95rem;
    font-weight: 900;
    color: #0b1220;
    line-height: 1.15;
}

.res-card-score[b-penlla8ag7] {
    margin: .2rem 0 0 0;
    font-weight: 800;
    color: var(--muted);
}

/* Responsive */
@media (max-width: 1200px) {
    .res-areas[b-penlla8ag7] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .res-areas[b-penlla8ag7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .res-exam-head[b-penlla8ag7] {
        flex-direction: column;
    }

    .res-exam-right[b-penlla8ag7] {
        align-items: stretch;
        width: 100%;
    }

    .res-btn-view[b-penlla8ag7] {
        width: 100%;
    }

    .res-areas[b-penlla8ag7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .res-areas[b-penlla8ag7] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/ResultadosExamenes/DesafiosRealizados.razor.rz.scp.css */
body[b-9k33yp004l] {
}
.badge-custom[b-9k33yp004l] {
    display: inline-block;
    width: 110px; /* Ajusta el ancho deseado */
    text-align: center;
    font-size: 11px; /* Ajusta el tamaño del texto */
    padding: 3px 0; /* Asegura que tenga suficiente espacio */
    border-radius: 10px; /* Para mantener el estilo de los bordes redondeados */
}

/* /Pages/ResultadosExamenes/DetalleResultadoDesafio.razor.rz.scp.css */
/* =========================
   DETALLE RESULTADO DESAFÍO
   Paleta: #0D47A1 / #FFD600
========================= */
:root[b-y14jf9g31g] {
    --rdd-blue: #0D47A1;
    --rdd-blue-dark: #0B3E8D;
    --rdd-yellow: #FFD600;
    --rdd-text: #0F172A;
    --rdd-muted: rgba(15, 23, 42, .72);
    --rdd-border: rgba(13, 71, 161, .14);
    --rdd-card: #FFFFFF;
    --rdd-shadow-sm: 0 10px 22px rgba(2, 8, 23, .08);
    --rdd-shadow-md: 0 16px 34px rgba(2, 8, 23, .12);
    --rdd-good: #166534;
    --rdd-mid: #B45309;
    --rdd-low: #B91C1C;
}

.rdd-page[b-y14jf9g31g] {
    color: var(--rdd-text);
    max-width: 1100px;
}

/* Loading */
.rdd-loading[b-y14jf9g31g] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
}

.rdd-loading__spinner[b-y14jf9g31g] {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 4px solid rgba(13, 71, 161, .18);
    border-top-color: var(--rdd-blue);
    animation: rdd-spin-b-y14jf9g31g .9s linear infinite;
}

.rdd-loading__text[b-y14jf9g31g] {
    color: var(--rdd-muted);
    font-weight: 700;
}

@keyframes rdd-spin-b-y14jf9g31g {
    to { transform: rotate(360deg); }
}

/* Empty */
.rdd-empty[b-y14jf9g31g] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    border: 1px solid rgba(245, 158, 11, .35);
    background: rgba(245, 158, 11, .10);
    color: #92400E;
    font-weight: 700;
    margin-bottom: 1rem;
}

/* Header */
.rdd-header[b-y14jf9g31g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.rdd-back[b-y14jf9g31g] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: none;
    background: transparent;
    color: var(--rdd-blue);
    font-weight: 800;
    padding: 0;
    margin-bottom: .55rem;
    cursor: pointer;
    transition: opacity .15s ease;
}

    .rdd-back:hover[b-y14jf9g31g] {
        opacity: .8;
    }

.rdd-title[b-y14jf9g31g] {
    margin: 0;
    font-weight: 900;
    letter-spacing: -.02em;
    font-size: 1.65rem;
    position: relative;
    padding-bottom: .5rem;
}

    .rdd-title[b-y14jf9g31g]::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 160px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--rdd-blue), var(--rdd-yellow));
        opacity: .9;
    }

.rdd-subtitle[b-y14jf9g31g] {
    margin: .45rem 0 0;
    color: var(--rdd-muted);
    font-weight: 600;
}

.rdd-date-badge[b-y14jf9g31g] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .85rem;
    border-radius: 999px;
    background: rgba(13, 71, 161, .08);
    border: 1px solid var(--rdd-border);
    color: var(--rdd-blue);
    font-weight: 800;
    white-space: nowrap;
}

/* Hero / student card */
.rdd-hero[b-y14jf9g31g] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    background: var(--rdd-card);
    border: 1px solid var(--rdd-border);
    border-radius: 18px;
    box-shadow: var(--rdd-shadow-sm);
    overflow: hidden;
    margin-bottom: 1.5rem;
    position: relative;
}

    .rdd-hero[b-y14jf9g31g]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, var(--rdd-blue), var(--rdd-yellow));
    }

.rdd-hero__profile[b-y14jf9g31g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.35rem;
    flex-wrap: wrap;
}

.rdd-avatar[b-y14jf9g31g] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(13, 71, 161, .14), rgba(255, 214, 0, .18));
    border: 1px solid var(--rdd-border);
    color: var(--rdd-blue);
    font-size: 1.5rem;
    flex-shrink: 0;
}

.rdd-student-name[b-y14jf9g31g] {
    margin: 0;
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: -.01em;
}

.rdd-student-doc[b-y14jf9g31g] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .25rem;
    color: var(--rdd-muted);
    font-weight: 700;
    font-size: .92rem;
}

.rdd-hero__state[b-y14jf9g31g] {
    margin-left: auto;
}

.rdd-hero__score[b-y14jf9g31g] {
    display: flex;
    align-items: stretch;
    border-left: 1px solid rgba(13, 71, 161, .10);
    background: linear-gradient(180deg, rgba(13, 71, 161, .05), rgba(13, 71, 161, 0));
}

.rdd-score-card[b-y14jf9g31g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 2rem;
    min-width: 170px;
    text-align: center;
}

.rdd-score-value[b-y14jf9g31g] {
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1;
    color: var(--rdd-blue);
    letter-spacing: -.03em;
}

.rdd-score-label[b-y14jf9g31g] {
    margin-top: .35rem;
    font-weight: 800;
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--rdd-muted);
}

.rdd-score-hint[b-y14jf9g31g] {
    margin-top: .25rem;
    font-size: .78rem;
    font-weight: 600;
    color: rgba(15, 23, 42, .5);
}

/* State badges */
.rdd-state[b-y14jf9g31g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    font-size: .78rem;
    font-weight: 900;
    padding: .3rem .65rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.rdd-state--ok[b-y14jf9g31g] {
    background: rgba(22, 163, 74, .14);
    border-color: rgba(22, 163, 74, .25);
    color: var(--rdd-good);
}

.rdd-state--progress[b-y14jf9g31g] {
    background: rgba(13, 71, 161, .12);
    border-color: rgba(13, 71, 161, .22);
    color: var(--rdd-blue);
}

.rdd-state--bad[b-y14jf9g31g] {
    background: rgba(239, 68, 68, .12);
    border-color: rgba(239, 68, 68, .24);
    color: #991B1B;
}

.rdd-state--annulled[b-y14jf9g31g] {
    background: rgba(245, 158, 11, .18);
    border-color: rgba(245, 158, 11, .35);
    color: #92400E;
}

.rdd-state--neutral[b-y14jf9g31g] {
    background: rgba(148, 163, 184, .18);
    border-color: rgba(148, 163, 184, .30);
    color: #334155;
}

/* Section */
.rdd-section-head[b-y14jf9g31g] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.rdd-section-title[b-y14jf9g31g] {
    margin: 0;
    font-weight: 900;
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--rdd-text);
}

    .rdd-section-title i[b-y14jf9g31g] {
        color: var(--rdd-blue);
    }

.rdd-section-meta[b-y14jf9g31g] {
    color: var(--rdd-muted);
    font-weight: 600;
    font-size: .88rem;
}

/* Area cards */
.rdd-area-card[b-y14jf9g31g] {
    background: var(--rdd-card);
    border: 1px solid var(--rdd-border);
    border-radius: 18px;
    box-shadow: var(--rdd-shadow-sm);
    overflow: hidden;
    margin-bottom: 1.1rem;
    position: relative;
}

    .rdd-area-card[b-y14jf9g31g]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 100%;
        background: var(--area-color, var(--rdd-blue));
        opacity: .95;
    }

.rdd-area-head[b-y14jf9g31g] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.1rem 1.2rem 1rem 1.35rem;
    border-bottom: 1px solid rgba(13, 71, 161, .10);
    background: linear-gradient(180deg, rgba(13, 71, 161, .05), rgba(13, 71, 161, 0));
}

.rdd-area-icon[b-y14jf9g31g] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--area-color, var(--rdd-blue)) 14%, white);
    border: 1px solid color-mix(in srgb, var(--area-color, var(--rdd-blue)) 28%, white);
    color: var(--area-color, var(--rdd-blue));
    font-size: 1.25rem;
    flex-shrink: 0;
}

.rdd-area-main[b-y14jf9g31g] {
    flex: 1;
    min-width: 0;
}

.rdd-area-top[b-y14jf9g31g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .65rem;
    flex-wrap: wrap;
}

.rdd-area-name[b-y14jf9g31g] {
    margin: 0;
    font-weight: 900;
    font-size: 1.05rem;
    letter-spacing: -.01em;
}

.rdd-area-chips[b-y14jf9g31g] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

/* Chips */
.rdd-pct-chip[b-y14jf9g31g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: .22rem .55rem;
    border-radius: 999px;
    font-weight: 900;
    font-size: .88rem;
    border: 1px solid transparent;
}

.rdd-pct-chip--sm[b-y14jf9g31g] { font-size: .8rem; min-width: 46px; }
.rdd-pct-chip--xs[b-y14jf9g31g] { font-size: .74rem; min-width: 40px; padding: .15rem .45rem; }

.rdd-pct-chip.rdd-good[b-y14jf9g31g] {
    background: rgba(22, 163, 74, .14);
    border-color: rgba(22, 163, 74, .25);
    color: var(--rdd-good);
}

.rdd-pct-chip.rdd-mid[b-y14jf9g31g] {
    background: rgba(245, 158, 11, .16);
    border-color: rgba(245, 158, 11, .30);
    color: var(--rdd-mid);
}

.rdd-pct-chip.rdd-low[b-y14jf9g31g] {
    background: rgba(239, 68, 68, .12);
    border-color: rgba(239, 68, 68, .24);
    color: var(--rdd-low);
}

.rdd-count-chip[b-y14jf9g31g] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .5rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, .06);
    color: var(--rdd-muted);
    font-weight: 700;
    font-size: .8rem;
}

.rdd-count-chip--sm[b-y14jf9g31g] { font-size: .74rem; }
.rdd-count-chip--xs[b-y14jf9g31g] { font-size: .7rem; }

.rdd-pond-chip[b-y14jf9g31g] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .5rem;
    border-radius: 999px;
    background: rgba(13, 71, 161, .08);
    border: 1px solid var(--rdd-border);
    color: var(--rdd-blue);
    font-weight: 700;
    font-size: .76rem;
}

/* Progress bars */
.rdd-bar[b-y14jf9g31g] {
    height: 10px;
    border-radius: 999px;
    background: rgba(13, 71, 161, .08);
    border: 1px solid rgba(13, 71, 161, .10);
    overflow: hidden;
}

.rdd-bar--thin[b-y14jf9g31g] { height: 8px; }
.rdd-bar--xs[b-y14jf9g31g] { height: 6px; }

.rdd-bar-fill[b-y14jf9g31g] {
    height: 100%;
    border-radius: 999px;
    transition: width .4s ease;
    min-width: 2px;
}

    .rdd-bar-fill.rdd-good[b-y14jf9g31g] { background: linear-gradient(90deg, #22C55E, #16A34A); }
    .rdd-bar-fill.rdd-mid[b-y14jf9g31g] { background: linear-gradient(90deg, #FBBF24, #D97706); }
    .rdd-bar-fill.rdd-low[b-y14jf9g31g] { background: linear-gradient(90deg, #F87171, #DC2626); }

/* Breakdown */
.rdd-breakdown[b-y14jf9g31g] {
    padding: .85rem 1.2rem 1.1rem 1.35rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.rdd-comp[b-y14jf9g31g] {
    border: 1px solid rgba(13, 71, 161, .10);
    border-radius: 14px;
    padding: .85rem .95rem;
    background: rgba(255, 255, 255, .7);
}

.rdd-comp-head[b-y14jf9g31g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .55rem;
    flex-wrap: wrap;
}

.rdd-comp-title-wrap[b-y14jf9g31g] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    flex: 1;
    min-width: 0;
}

    .rdd-comp-title-wrap i[b-y14jf9g31g] {
        color: var(--rdd-blue);
        margin-top: .15rem;
        flex-shrink: 0;
    }

.rdd-comp-title[b-y14jf9g31g] {
    font-weight: 800;
    line-height: 1.35;
    color: rgba(15, 23, 42, .92);
}

.rdd-comp-stats[b-y14jf9g31g] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-shrink: 0;
}

.rdd-comp-list[b-y14jf9g31g] {
    margin-top: .75rem;
    padding-top: .65rem;
    border-top: 1px dashed rgba(13, 71, 161, .14);
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.rdd-compo[b-y14jf9g31g] {
    padding: .55rem .65rem;
    border-radius: 10px;
    background: rgba(13, 71, 161, .03);
    border: 1px solid rgba(13, 71, 161, .07);
}

.rdd-compo-head[b-y14jf9g31g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .4rem;
    flex-wrap: wrap;
}

.rdd-compo-name[b-y14jf9g31g] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-weight: 700;
    font-size: .9rem;
    color: rgba(15, 23, 42, .88);
}

    .rdd-compo-name i[b-y14jf9g31g] {
        color: var(--rdd-blue);
        opacity: .75;
        font-size: .82rem;
    }

.rdd-compo-stats[b-y14jf9g31g] {
    display: flex;
    align-items: center;
    gap: .3rem;
}

/* Buttons */
.rdd-btn[b-y14jf9g31g] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

.rdd-btn-outline[b-y14jf9g31g] {
    background: transparent;
    border-color: var(--rdd-border);
    color: var(--rdd-blue);
}

    .rdd-btn-outline:hover[b-y14jf9g31g] {
        background: rgba(13, 71, 161, .08);
        border-color: rgba(13, 71, 161, .35);
    }

/* Responsive */
@media (max-width: 767.98px) {
    .rdd-hero[b-y14jf9g31g] {
        grid-template-columns: 1fr;
    }

    .rdd-hero__score[b-y14jf9g31g] {
        border-left: none;
        border-top: 1px solid rgba(13, 71, 161, .10);
    }

    .rdd-score-card[b-y14jf9g31g] {
        width: 100%;
        padding: 1rem;
    }

    .rdd-hero__state[b-y14jf9g31g] {
        margin-left: 0;
        width: 100%;
    }

    .rdd-area-head[b-y14jf9g31g] {
        flex-direction: column;
    }

    .rdd-area-top[b-y14jf9g31g] {
        flex-direction: column;
    }
}
/* /Pages/ResultadosExamenes/ResultadosDesafios.razor.rz.scp.css */
/* =========================
   RESULTADOS DESAFIOS
   Paleta: #0D47A1 / #FFD600
========================= */
:root[b-xnj48myn8u] {
    --rd-blue: #0D47A1;
    --rd-yellow: #FFD600;
    --rd-text: #0F172A;
    --rd-muted: rgba(15,23,42,.72);
    --rd-border: rgba(13,71,161,.14);
    --rd-card: #FFFFFF;
    --rd-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --rd-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

.rd-page[b-xnj48myn8u] {
    color: var(--rd-text);
}

/* Header */
.rd-header[b-xnj48myn8u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.rd-title[b-xnj48myn8u] {
    font-weight: 900;
    letter-spacing: -.02em;
}

.rd-subtitle[b-xnj48myn8u] {
    color: var(--rd-muted);
    font-weight: 600;
}

/* Badge */
.rd-badge[b-xnj48myn8u] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    background: rgba(13,71,161,.08);
    border: 1px solid var(--rd-border);
    color: var(--rd-blue);
    font-weight: 800;
    user-select: none;
}

    .rd-badge .dot[b-xnj48myn8u] {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--rd-yellow);
        box-shadow: 0 0 0 4px rgba(255,214,0,.25);
    }

.rd-badge-live[b-xnj48myn8u] {
    background: rgba(22, 163, 74, .10);
    border-color: rgba(22, 163, 74, .25);
    color: #166534;
}

.rd-dot-live[b-xnj48myn8u] {
    background: #16A34A;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, .20);
    animation: rd-pulse-b-xnj48myn8u 1.5s ease-in-out infinite;
}

.rd-live-time[b-xnj48myn8u] {
    font-size: .8rem;
    font-weight: 700;
    opacity: .85;
}

@keyframes rd-pulse-b-xnj48myn8u {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.15);
        opacity: .75;
    }
}

/* Loading */
.rd-loading[b-xnj48myn8u] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .rd-loading .spinner-border[b-xnj48myn8u] {
        color: var(--rd-blue);
    }

.rd-loading-text[b-xnj48myn8u] {
    color: var(--rd-muted);
    font-weight: 600;
}

/* Card */
.rd-card[b-xnj48myn8u] {
    background: var(--rd-card);
    border: 1px solid var(--rd-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--rd-shadow-sm);
    position: relative;
}

    .rd-card[b-xnj48myn8u]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--rd-blue),var(--rd-yellow));
        opacity: .95;
    }

.rd-card-head[b-xnj48myn8u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .85rem 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.rd-card-title[b-xnj48myn8u] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.rd-card-meta[b-xnj48myn8u] {
    color: var(--rd-muted);
    font-weight: 700;
}

.rd-card-body[b-xnj48myn8u] {
    padding: 1rem;
}

.rd-label[b-xnj48myn8u] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.rd-filter-row[b-xnj48myn8u] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

@media (min-width: 768px) {
    .rd-filter-row[b-xnj48myn8u] {
        flex-direction: row;
        align-items: center;
    }
}

.rd-input[b-xnj48myn8u] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .rd-input:focus[b-xnj48myn8u] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.rd-help[b-xnj48myn8u] {
    color: var(--rd-muted);
    font-weight: 600;
    font-size: .9rem;
}

/* Buttons */
.rd-btn[b-xnj48myn8u] {
    border-radius: 12px;
    font-weight: 900;
    padding: .6rem .95rem;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
}

    .rd-btn:active[b-xnj48myn8u] {
        transform: translateY(0);
    }

.rd-btn-primary[b-xnj48myn8u] {
    background: #0D47A1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13,71,161,.18);
}

    .rd-btn-primary:hover[b-xnj48myn8u] {
        background: #0B3E8D;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(13,71,161,.22);
    }

    .rd-btn-primary:disabled[b-xnj48myn8u] {
        opacity: .55;
        box-shadow: none;
        transform: none;
    }

.rd-btn-outline[b-xnj48myn8u] {
    background: transparent;
    border: 1px solid var(--rd-border);
    color: var(--rd-blue);
    font-weight: 700;
}

    .rd-btn-outline:hover[b-xnj48myn8u] {
        background: rgba(13, 71, 161, .08);
        border-color: rgba(13, 71, 161, .35);
        color: var(--rd-blue);
    }

/* Table card */
.rd-table-card[b-xnj48myn8u] {
    background: var(--rd-card);
    border: 1px solid var(--rd-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--rd-shadow-sm);
}

.rd-table-head[b-xnj48myn8u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.rd-table-title[b-xnj48myn8u] {
    font-weight: 900;
}

.rd-table-meta[b-xnj48myn8u] {
    color: var(--rd-muted);
    font-weight: 700;
}

.rd-table-wrap[b-xnj48myn8u] {
    padding: .35rem .75rem .75rem .75rem;
}

.rd-table thead th[b-xnj48myn8u] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.rd-table tbody td[b-xnj48myn8u] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.rd-table tbody tr:hover[b-xnj48myn8u] {
    background: rgba(13,71,161,.04);
}

.rd-muted[b-xnj48myn8u] {
    color: var(--rd-muted);
    font-weight: 600;
}

.rd-total[b-xnj48myn8u] {
    font-weight: 900;
    color: rgba(15,23,42,.9);
}

/* State badges */
.rd-badge-state[b-xnj48myn8u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    text-align: center;
    font-size: .78rem;
    font-weight: 900;
    padding: .25rem .55rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.rd-ok[b-xnj48myn8u] {
    background: rgba(22,163,74,.14);
    border-color: rgba(22,163,74,.25);
    color: #166534;
}

.rd-progress[b-xnj48myn8u] {
    background: rgba(13,71,161,.12);
    border-color: rgba(13,71,161,.22);
    color: var(--rd-blue);
}

.rd-bad[b-xnj48myn8u] {
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.24);
    color: #991B1B;
}

.rd-annulled[b-xnj48myn8u] {
    background: rgba(245,158,11,.18);
    border-color: rgba(245,158,11,.35);
    color: #92400E;
}

.rd-neutral[b-xnj48myn8u] {
    background: rgba(148,163,184,.18);
    border-color: rgba(148,163,184,.30);
    color: #334155;
}

/* Mobile cards */
.rd-mobile-card[b-xnj48myn8u] {
    background: var(--rd-card);
    border: 1px solid var(--rd-border);
    border-radius: 18px;
    box-shadow: var(--rd-shadow-sm);
    overflow: hidden;
    margin-bottom: 1rem;
    position: relative;
}

    .rd-mobile-card[b-xnj48myn8u]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 100%;
        background: var(--rd-blue);
        opacity: .95;
    }

.rd-mobile-head[b-xnj48myn8u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    padding: 1rem 1rem .6rem 1.2rem;
}

.rd-mobile-title[b-xnj48myn8u] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.rd-mobile-body[b-xnj48myn8u] {
    padding: 0 1rem 1rem 1.2rem;
}

.rd-kv[b-xnj48myn8u] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .35rem 0;
    border-bottom: 1px dashed rgba(13,71,161,.14);
}

    .rd-kv .k[b-xnj48myn8u] {
        color: var(--rd-muted);
        font-weight: 700;
    }

    .rd-kv .v[b-xnj48myn8u] {
        font-weight: 900;
        color: rgba(15,23,42,.92);
    }

.rd-kv-total[b-xnj48myn8u] {
    border-bottom: none;
    padding-top: .6rem;
}

    .rd-kv-total .v[b-xnj48myn8u] {
        color: var(--rd-blue);
    }

/* Pagination */
.rd-pagination[b-xnj48myn8u] {
    display: flex;
    justify-content: center;
    margin-top: .5rem;
}

.pagination .page-link[b-xnj48myn8u] {
    border-radius: 12px !important;
    margin: 0 .12rem;
    font-weight: 800;
    color: var(--rd-blue);
    border-color: rgba(13,71,161,.16);
}

.pagination .page-item.active .page-link[b-xnj48myn8u] {
    background: var(--rd-blue);
    border-color: var(--rd-blue);
    color: #fff;
    box-shadow: 0 12px 22px rgba(13,71,161,.18);
}

/* Empty */
.rd-empty[b-xnj48myn8u] {
    border-radius: 14px;
    border: 1px solid rgba(13,71,161,.12);
}
/* /Pages/ResultadosExamenes/SimulacrosRealizados.razor.rz.scp.css */
/* =========================
   LISTA SIMULACROS REALIZADOS
   Paleta: #0D47A1 / #FFD600
========================= */
:root[b-ciqi8vhqwt] {
    --lsr-blue: #0D47A1;
    --lsr-yellow: #FFD600;
    --lsr-text: #0F172A;
    --lsr-muted: rgba(15,23,42,.72);
    --lsr-border: rgba(13,71,161,.14);
    --lsr-card: #FFFFFF;
    --lsr-shadow-sm: 0 10px 22px rgba(2,8,23,.08);
    --lsr-shadow-md: 0 16px 34px rgba(2,8,23,.12);
}

/* Page */
.lsr-page[b-ciqi8vhqwt] {
    color: var(--lsr-text);
}

/* Header */
.lsr-header[b-ciqi8vhqwt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.lsr-title[b-ciqi8vhqwt] {
    font-weight: 900;
    letter-spacing: -.02em;
}

.lsr-subtitle[b-ciqi8vhqwt] {
    color: var(--lsr-muted);
    font-weight: 600;
}

/* Badge */
.lsr-badge[b-ciqi8vhqwt] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    background: rgba(13,71,161,.08);
    border: 1px solid var(--lsr-border);
    color: var(--lsr-blue);
    font-weight: 800;
    user-select: none;
}

    .lsr-badge .dot[b-ciqi8vhqwt] {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--lsr-yellow);
        box-shadow: 0 0 0 4px rgba(255,214,0,.25);
    }

/* Loading */
.lsr-loading[b-ciqi8vhqwt] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

    .lsr-loading .spinner-border[b-ciqi8vhqwt] {
        color: var(--lsr-blue);
    }

.lsr-loading-text[b-ciqi8vhqwt] {
    color: var(--lsr-muted);
    font-weight: 600;
}

/* Card */
.lsr-card[b-ciqi8vhqwt] {
    background: var(--lsr-card);
    border: 1px solid var(--lsr-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--lsr-shadow-sm);
    position: relative;
}

    .lsr-card[b-ciqi8vhqwt]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg,var(--lsr-blue),var(--lsr-yellow));
        opacity: .95;
    }

.lsr-card-head[b-ciqi8vhqwt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .85rem 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.lsr-card-title[b-ciqi8vhqwt] {
    font-weight: 900;
    letter-spacing: -.01em;
}

.lsr-card-meta[b-ciqi8vhqwt] {
    color: var(--lsr-muted);
    font-weight: 700;
}

.lsr-card-body[b-ciqi8vhqwt] {
    padding: 1rem;
}

.lsr-label[b-ciqi8vhqwt] {
    font-weight: 800;
    color: rgba(15,23,42,.85);
}

.lsr-input[b-ciqi8vhqwt] {
    border-radius: 12px;
    border-color: rgba(13,71,161,.18);
    font-weight: 600;
}

    .lsr-input:focus[b-ciqi8vhqwt] {
        border-color: rgba(13,71,161,.45);
        box-shadow: 0 0 0 .2rem rgba(13,71,161,.18);
    }

.lsr-help[b-ciqi8vhqwt] {
    color: var(--lsr-muted);
    font-weight: 600;
    font-size: .9rem;
}

/* Table card */
.lsr-table-card[b-ciqi8vhqwt] {
    background: var(--lsr-card);
    border: 1px solid var(--lsr-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--lsr-shadow-sm);
}

.lsr-table-head[b-ciqi8vhqwt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(13,71,161,.10);
    background: linear-gradient(180deg, rgba(13,71,161,.06), rgba(13,71,161,0));
}

.lsr-table-title[b-ciqi8vhqwt] {
    font-weight: 900;
}

.lsr-table-meta[b-ciqi8vhqwt] {
    color: var(--lsr-muted);
    font-weight: 700;
}

.lsr-table-wrap[b-ciqi8vhqwt] {
    padding: .35rem .75rem .75rem .75rem;
}

.lsr-table thead th[b-ciqi8vhqwt] {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15,23,42,.72);
    border-bottom: 1px solid rgba(13,71,161,.12) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.lsr-table tbody td[b-ciqi8vhqwt] {
    border-top: 1px solid rgba(13,71,161,.08) !important;
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.lsr-table tbody tr:hover[b-ciqi8vhqwt] {
    background: rgba(13,71,161,.04);
}

.lsr-muted[b-ciqi8vhqwt] {
    color: var(--lsr-muted);
    font-weight: 600;
}

/* State badges */
.lsr-badge-state[b-ciqi8vhqwt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    text-align: center;
    font-size: .78rem;
    font-weight: 900;
    padding: .25rem .55rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.lsr-ok[b-ciqi8vhqwt] {
    background: rgba(22,163,74,.14);
    border-color: rgba(22,163,74,.25);
    color: #166534;
}

.lsr-progress[b-ciqi8vhqwt] {
    background: rgba(13,71,161,.12);
    border-color: rgba(13,71,161,.22);
    color: var(--lsr-blue);
}

.lsr-bad[b-ciqi8vhqwt] {
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.24);
    color: #991B1B;
}

.lsr-neutral[b-ciqi8vhqwt] {
    background: rgba(148,163,184,.18);
    border-color: rgba(148,163,184,.30);
    color: #334155;
}

/* Empty */
.lsr-empty[b-ciqi8vhqwt] {
    padding: 1.75rem 1rem;
    text-align: center;
}

.lsr-empty-icon[b-ciqi8vhqwt] {
    font-size: 2rem;
    color: var(--lsr-blue);
    margin-bottom: .35rem;
}

.lsr-empty-title[b-ciqi8vhqwt] {
    font-weight: 900;
    font-size: 1.05rem;
}

.lsr-empty-text[b-ciqi8vhqwt] {
    color: var(--lsr-muted);
    font-weight: 600;
}

.lsr-actions-muted[b-ciqi8vhqwt] {
    color: rgba(15,23,42,.35);
    font-weight: 800;
}
/* /Pages/ResultadosExamenes/SocializacionDesafios.razor.rz.scp.css */
:root[b-jglg59w0o9] {
    --p-blue-900: #0D47A1;
    --p-blue-400: #80A4FF;
    --p-cream: #F1F1E6;
    --p-gold: #D0A616;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #dfe6f3;
    --shadow: 0 12px 28px rgba(15,23,42,.08);
    --shadow-soft: 0 6px 16px rgba(15,23,42,.06);
}

/* Overlay + Modal */
.overlay[b-jglg59w0o9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal.show[b-jglg59w0o9] {
    display: block;
    z-index: 1050;
}

.alinear-text[b-jglg59w0o9] {
    vertical-align: middle;
    text-align: center;
}

/* Card contenedora */
.des-card[b-jglg59w0o9] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.des-table[b-jglg59w0o9] {
    margin: 0;
}

.des-thead th[b-jglg59w0o9] {
    background: rgba(13,71,161,.08) !important;
    color: var(--text);
    font-weight: 900;
    border-bottom: 1px solid var(--border) !important;
    padding: .85rem .75rem;
    white-space: nowrap;
}

.des-table tbody td[b-jglg59w0o9] {
    border-top: 1px solid rgba(223,230,243,.75) !important;
    padding: .85rem .75rem;
}

.des-table tbody tr:hover[b-jglg59w0o9] {
    background: rgba(128,164,255,.06);
}

.des-name[b-jglg59w0o9] {
    font-weight: 800;
    color: #0b1220;
}

/* Chip intentos */
.des-chip[b-jglg59w0o9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .6rem;
    border-radius: 999px;
    background: rgba(13,71,161,.08);
    border: 1px solid rgba(13,71,161,.14);
    color: #0b2f6b;
    font-weight: 900;
    font-size: .78rem;
}

/* Botón */
.des-btn[b-jglg59w0o9] {
    border-radius: 12px !important;
    font-weight: 900 !important;
    padding: .45rem .85rem !important;
    box-shadow: none !important;
}

/* Nota inferior */
.des-footnote[b-jglg59w0o9] {
    padding: .85rem 1rem;
    border-top: 1px solid var(--border);
    background: rgba(241,241,230,.35);
    color: var(--muted);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: .55rem;
}

    .des-footnote i[b-jglg59w0o9] {
        color: var(--p-gold);
        font-size: 1.1rem;
    }

/* Modal estilo pro */
.des-modal[b-jglg59w0o9] {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.des-modal-head[b-jglg59w0o9] {
    background: rgba(13,71,161,.06);
    border-bottom: 1px solid var(--border);
}

    .des-modal-head .modal-title[b-jglg59w0o9] {
        display: flex;
        align-items: center;
        gap: .55rem;
        font-weight: 900;
        color: #0b1220;
    }

        .des-modal-head .modal-title i[b-jglg59w0o9] {
            color: var(--p-blue-900);
        }

.des-modal-body[b-jglg59w0o9] {
    color: #334155;
    font-weight: 600;
    line-height: 1.6;
}

.des-modal-foot[b-jglg59w0o9] {
    background: rgba(241,241,230,.22);
    border-top: 1px solid var(--border);
}

/* Responsive */
@media (max-width: 768px) {
    .des-thead th[b-jglg59w0o9] {
        font-size: .9rem;
    }

    .des-btn[b-jglg59w0o9] {
        width: 100%;
    }
}
/* /Pages/ResultadosExamenes/SocializaResultadoDesafio.razor.rz.scp.css */
/* =========================
   Base / UX
========================= */
:root[b-5ripj5etz8] {
    --bg: #f6f8fc;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --line: rgba(15,23,42,.08);
    --brand: #0A2F6F; /* azul institucional */
    --brand-2: #072654; /* navy */
    --accent: #A6D220; /* verde */
    --warn: #f59e0b;
    --shadow-sm: 0 8px 18px rgba(2,6,23,.08);
    --shadow-md: 0 16px 34px rgba(2,6,23,.12);
    --radius: 14px;
}

body[b-5ripj5etz8] {
    background: var(--bg);
}

/* Mantienes tu regla anti-copy */
*[b-5ripj5etz8] {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* =========================
   Timer moderno
========================= */
.exam-timer[b-5ripj5etz8] {
    position: fixed;
    top: 68px;
    right: 22px;
    z-index: 1000;
    background: rgba(255,255,255,.92);
    border: 1px solid var(--line);
    backdrop-filter: blur(10px);
    border-radius: 14px;
    padding: 10px 14px;
    box-shadow: var(--shadow-sm);
    min-width: 180px;
}

.exam-timer__label[b-5ripj5etz8] {
    font-size: .78rem;
    color: var(--muted);
    font-weight: 700;
    letter-spacing: .2px;
}

.exam-timer__time[b-5ripj5etz8] {
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--brand-2);
    letter-spacing: .8px;
    line-height: 1.15;
}

/* =========================
   Loading
========================= */
.exam-loading[b-5ripj5etz8] {
    min-height: 55vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}

.exam-loading__spinner[b-5ripj5etz8] {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 4px solid rgba(10,47,111,.18);
    border-top-color: var(--brand);
    animation: spin-b-5ripj5etz8 .9s linear infinite;
}

.exam-loading__text[b-5ripj5etz8] {
    color: var(--muted);
    font-weight: 700;
}

@keyframes spin-b-5ripj5etz8 {
    to {
        transform: rotate(360deg);
    }
}

/* =========================
   Layout general
========================= */
.exam-shell[b-5ripj5etz8] {
    max-width: 980px;
    margin: 0 auto;
    padding: 22px 18px 40px;
}

/* Header */
.exam-header[b-5ripj5etz8] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 18px 18px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.exam-title[b-5ripj5etz8] {
    margin: 0;
    font-weight: 900;
    color: var(--text);
    letter-spacing: -.2px;
}

.exam-subtitle[b-5ripj5etz8] {
    margin: 4px 0 0;
    color: var(--muted);
    font-weight: 600;
    font-size: .95rem;
}

.exam-header__right[b-5ripj5etz8] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.exam-pill[b-5ripj5etz8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(10,47,111,.05);
    color: var(--brand-2);
    font-weight: 800;
    font-size: .85rem;
    white-space: nowrap;
}

    .exam-pill i[b-5ripj5etz8] {
        font-size: 1rem;
    }

.exam-pill--done[b-5ripj5etz8] {
    background: rgba(166,210,32,.16);
    color: #244b00;
    border-color: rgba(166,210,32,.35);
}

/* =========================
   Área
========================= */
.exam-area[b-5ripj5etz8] {
    margin-top: 18px;
}

.exam-area__head[b-5ripj5etz8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 2px;
}

.exam-area__badge[b-5ripj5etz8] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(10,47,111,.08);
    border: 1px solid rgba(10,47,111,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand);
    box-shadow: 0 8px 18px rgba(2,6,23,.06);
}

.exam-area__title[b-5ripj5etz8] {
    margin: 0;
    font-weight: 900;
    color: var(--brand-2);
}

.exam-area__hint[b-5ripj5etz8] {
    color: var(--muted);
    font-weight: 600;
    font-size: .88rem;
}

/* =========================
   Pregunta Card
========================= */
.q-card[b-5ripj5etz8] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    margin: 12px 0;
}

.q-card__head[b-5ripj5etz8] {
    display: flex;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(10,47,111,.05), rgba(10,47,111,.02));
}

.q-num[b-5ripj5etz8] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #0D47A1;
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(7,38,84,.22);
    flex: 0 0 auto;
}

.q-title__label[b-5ripj5etz8] {
    color: var(--muted);
    font-weight: 800;
    font-size: .82rem;
}

.q-title__text[b-5ripj5etz8] {
    color: var(--text);
    font-weight: 800;
    margin-top: 2px;
    line-height: 1.35;
}

.q-card__body[b-5ripj5etz8] {
    padding: 14px 16px 16px;
}

/* =========================
   Respuestas (radio cards)
========================= */
.answers-grid[b-5ripj5etz8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 860px) {
    .answers-grid[b-5ripj5etz8] {
        grid-template-columns: 1fr 1fr;
    }
}

.answer-option[b-5ripj5etz8] {
    display: block;
    cursor: pointer;
    height: 100%;
}

.answer-radio[b-5ripj5etz8] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.answer-card[b-5ripj5etz8] {
    min-height: 72px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 12px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
    box-shadow: 0 8px 16px rgba(2,6,23,.05);
    transition: transform .12s ease, border-color .14s ease, background-color .14s ease;
    position: relative;
    height: 100%;
}

.answer-letter[b-5ripj5etz8] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(10,47,111,.08);
    border: 1px solid rgba(10,47,111,.12);
    color: var(--brand-2);
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    flex: 0 0 auto;
}

.answer-text[b-5ripj5etz8] {
    color: var(--text);
    font-weight: 700;
    line-height: 1.35;
    padding-top: 2px;
    flex: 1;
}

.answer-check[b-5ripj5etz8] {
    margin-left: auto;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(2,6,23,.04);
    border: 1px solid var(--line);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(.9);
    transition: opacity .14s ease, transform .14s ease;
    color: #1f7a00;
}

/* hover */
.answer-option:hover .answer-card[b-5ripj5etz8] {
    transform: translateY(-1px);
    border-color: rgba(10,47,111,.22);
    background: rgba(10,47,111,.02);
}

/* checked */
.answer-radio:checked + .answer-card[b-5ripj5etz8] {
    /*border-color: rgba(166,210,32,.65);*/
    border: 2px solid #4CAF50 !important;
    background: rgba(166,210,32,.10);
    box-shadow: 0 16px 30px rgba(166,210,32,.14);
}

    .answer-radio:checked + .answer-card .answer-check[b-5ripj5etz8] {
        opacity: 1;
        transform: scale(1);
        background: rgba(166,210,32,.20);
        border-color: rgba(166,210,32,.35);
    }

/* disabled */
.answer-radio:disabled + .answer-card[b-5ripj5etz8] {
    opacity: .85;
    cursor: not-allowed;
}

.answer-option:has(.answer-radio:disabled)[b-5ripj5etz8] {
    cursor: not-allowed;
}

/* =========================
   Acciones / Footer
========================= */
.exam-actions[b-5ripj5etz8] {
    position: sticky;
    bottom: 12px;
    margin-top: 16px;
    background: rgba(246,248,252,.75);
    backdrop-filter: blur(10px);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: var(--shadow-md);
}

.exam-tip[b-5ripj5etz8] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--muted);
    font-weight: 700;
}

    .exam-tip i[b-5ripj5etz8] {
        color: var(--brand);
        font-size: 1.1rem;
    }

.btn-send[b-5ripj5etz8] {
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 12px 24px rgba(10,47,111,.18);
}

    .btn-send i[b-5ripj5etz8] {
        font-size: 1.05rem;
    }

/* Responsive: timer no tape contenido */
@media (max-width: 640px) {
    .exam-timer[b-5ripj5etz8] {
        top: 60px;
        right: 12px;
        min-width: 160px;
        padding: 10px 12px;
    }

    .exam-shell[b-5ripj5etz8] {
        padding: 16px 12px 34px;
    }

    .exam-header[b-5ripj5etz8] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Imágenes dentro del enunciado/respuestas */
img[b-5ripj5etz8] {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
/* /Pages/ResultadosExamenes/VerResultadoDesafio.razor.rz.scp.css */
/* Basado en SocializaResultadoDesafio.razor.css + estados correcto/incorrecto */

:root[b-hnl41ardog] {
    --bg: #f6f8fc;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --line: rgba(15,23,42,.08);
    --brand: #0A2F6F;
    --brand-2: #072654;
    --correct: #2e7d32;
    --incorrect: #c62828;
    --shadow-sm: 0 8px 18px rgba(2,6,23,.08);
    --shadow-md: 0 16px 34px rgba(2,6,23,.12);
    --radius: 14px;
}

.exam-loading[b-hnl41ardog] {
    min-height: 55vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}

.exam-loading__spinner[b-hnl41ardog] {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 4px solid rgba(10,47,111,.18);
    border-top-color: var(--brand);
    animation: spin-b-hnl41ardog .9s linear infinite;
}

.exam-loading__text[b-hnl41ardog] {
    color: var(--muted);
    font-weight: 700;
}

@keyframes spin-b-hnl41ardog {
    to { transform: rotate(360deg); }
}

.exam-shell[b-hnl41ardog] {
    max-width: 980px;
    margin: 0 auto;
    padding: 22px 18px 40px;
}

.exam-header[b-hnl41ardog] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 18px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.exam-title[b-hnl41ardog] {
    margin: 0;
    font-weight: 900;
    color: var(--text);
}

.exam-subtitle[b-hnl41ardog] {
    margin: 4px 0 0;
    color: var(--muted);
    font-weight: 600;
    font-size: .95rem;
}

.exam-header__right[b-hnl41ardog] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.exam-pill[b-hnl41ardog] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid var(--line);
    font-weight: 800;
    font-size: .85rem;
    white-space: nowrap;
}

.exam-pill--correct[b-hnl41ardog] {
    background: rgba(76, 175, 80, .14);
    color: var(--correct);
    border-color: rgba(76, 175, 80, .35);
}

.exam-pill--incorrect[b-hnl41ardog] {
    background: rgba(244, 67, 54, .12);
    color: var(--incorrect);
    border-color: rgba(244, 67, 54, .35);
}

/* Navegación por áreas */
.exam-area-nav[b-hnl41ardog] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 12px 16px;
    margin-bottom: 14px;
}

.exam-area-nav__progress[b-hnl41ardog] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.exam-area-nav__label[b-hnl41ardog] {
    font-weight: 800;
    color: var(--brand-2);
    font-size: .92rem;
}

.exam-area-nav__dots[b-hnl41ardog] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.exam-area-nav__dot[b-hnl41ardog] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid rgba(10, 47, 111, .25);
    background: #fff;
    padding: 0;
    cursor: pointer;
    transition: transform .12s ease, background-color .14s ease, border-color .14s ease;
}

.exam-area-nav__dot:hover[b-hnl41ardog] {
    transform: scale(1.15);
    border-color: var(--brand);
}

.exam-area-nav__dot--active[b-hnl41ardog] {
    background: var(--brand);
    border-color: var(--brand);
    transform: scale(1.2);
}

.exam-area-nav__dot--done:not(.exam-area-nav__dot--active)[b-hnl41ardog] {
    background: rgba(76, 175, 80, .55);
    border-color: rgba(76, 175, 80, .75);
}

.btn-area-nav[b-hnl41ardog] {
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 120px;
    justify-content: center;
}

.exam-actions__center[b-hnl41ardog] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.exam-area[b-hnl41ardog] { margin-top: 0; }

.exam-area__head[b-hnl41ardog] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 2px;
}

.exam-area__badge[b-hnl41ardog] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(10,47,111,.08);
    border: 1px solid rgba(10,47,111,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand);
}

.exam-area__title[b-hnl41ardog] {
    margin: 0;
    font-weight: 900;
    color: var(--brand-2);
}

.exam-area__hint[b-hnl41ardog] {
    color: var(--muted);
    font-weight: 600;
    font-size: .88rem;
}

.q-card[b-hnl41ardog] {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    margin: 12px 0;
}

.q-card__head[b-hnl41ardog] {
    display: flex;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(10,47,111,.05), rgba(10,47,111,.02));
}

.q-num[b-hnl41ardog] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #0D47A1;
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.q-title__label[b-hnl41ardog] {
    color: var(--muted);
    font-weight: 800;
    font-size: .82rem;
}

.q-title__text[b-hnl41ardog] {
    color: var(--text);
    font-weight: 400;
    margin-top: 2px;
    line-height: 1.5;
}

.q-title__text[b-hnl41ardog]  :is(strong, b) {
    font-weight: 700 !important;
}

.q-card__body[b-hnl41ardog] {
    padding: 14px 16px 16px;
}

.q-justificacion[b-hnl41ardog] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed var(--line);
}

.answers-grid[b-hnl41ardog] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 860px) {
    .answers-grid[b-hnl41ardog] {
        grid-template-columns: 1fr 1fr;
    }
}

.answer-option--readonly[b-hnl41ardog] {
    display: block;
    height: 100%;
    cursor: default;
}

.answer-card[b-hnl41ardog] {
    min-height: 72px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
    box-shadow: 0 8px 16px rgba(2,6,23,.05);
    height: 100%;
}

.answer-card--correct[b-hnl41ardog] {
    border: 2px solid #4CAF50 !important;
    background: rgba(76, 175, 80, .10);
    box-shadow: 0 12px 24px rgba(76, 175, 80, .14);
}

.answer-card--incorrect[b-hnl41ardog] {
    border: 2px solid #ef5350 !important;
    background: rgba(244, 67, 54, .08);
    box-shadow: 0 12px 24px rgba(244, 67, 54, .12);
}

.answer-letter[b-hnl41ardog] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(10,47,111,.08);
    border: 1px solid rgba(10,47,111,.12);
    color: var(--brand-2);
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    flex: 0 0 auto;
}

.answer-card--correct .answer-letter[b-hnl41ardog] {
    background: rgba(76, 175, 80, .18);
    border-color: rgba(76, 175, 80, .35);
    color: var(--correct);
}

.answer-card--incorrect .answer-letter[b-hnl41ardog] {
    background: rgba(244, 67, 54, .14);
    border-color: rgba(244, 67, 54, .35);
    color: var(--incorrect);
}

.answer-text[b-hnl41ardog] {
    color: var(--text);
    font-weight: 400;
    line-height: 1.5;
    padding-top: 2px;
    flex: 1;
}

.answer-check[b-hnl41ardog] {
    margin-left: auto;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.answer-check--correct[b-hnl41ardog] {
    background: rgba(76, 175, 80, .20);
    border: 1px solid rgba(76, 175, 80, .35);
    color: var(--correct);
}

.answer-check--incorrect[b-hnl41ardog] {
    background: rgba(244, 67, 54, .16);
    border: 1px solid rgba(244, 67, 54, .35);
    color: var(--incorrect);
}

.exam-actions[b-hnl41ardog] {
    position: sticky;
    bottom: 12px;
    margin-top: 16px;
    background: rgba(246,248,252,.75);
    backdrop-filter: blur(10px);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: var(--shadow-md);
}

.exam-tip[b-hnl41ardog] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--muted);
    font-weight: 700;
}

.exam-tip i[b-hnl41ardog] {
    color: var(--brand);
}

.btn-send[b-hnl41ardog] {
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 640px) {
    .exam-shell[b-hnl41ardog] { padding: 16px 12px 34px; }
    .exam-header[b-hnl41ardog] { flex-direction: column; }
    .exam-actions[b-hnl41ardog] { flex-direction: column; align-items: stretch; }
    .exam-actions__center[b-hnl41ardog] {
        order: -1;
        width: 100%;
    }
    .exam-actions__center .btn-area-nav[b-hnl41ardog] {
        flex: 1;
        min-width: 0;
    }
    .exam-actions__right .btn-send[b-hnl41ardog] { width: 100%; justify-content: center; }
}

img[b-hnl41ardog] {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}