/* _content/BlazorUI/Components/Loading.razor.rz.scp.css */
.spinner-centered[b-a8orvopnbu] {
    position: fixed;
    top: 50%;
    left: 57%;
}

@media only screen and (max-device-width: 768px) {
    .spinner-centered[b-a8orvopnbu] {
        left: 50%;
    }
}
/* _content/BlazorUI/Components/MultiStepProgressBar.razor.rz.scp.css */
.step-wizard[b-qzi6pjlk4p] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-wizard-list[b-qzi6pjlk4p] {
    list-style-type: none;
    border-radius: 10px;
    display: flex;
    position: relative;
    z-index: 10;
}

.step-wizard-item[b-qzi6pjlk4p] {
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    min-width: 165px;
    position: relative;
}

    .step-wizard-item + .step-wizard-item[b-qzi6pjlk4p]:after {
        content: "";
        position: absolute;
        left: 0;
        top: 19px;
        background: var(--kt-primary);
        width: 100%;
        height: 2px;
        transform: translateX(-50%);
        z-index: -10;
    }

.progress-count[b-qzi6pjlk4p] {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 600;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    color: transparent;
}

    .progress-count[b-qzi6pjlk4p]:after {
        content: "";
        height: 35px;
        width: 35px;
        background: var(--kt-primary);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        z-index: -10;
    }

    .progress-count[b-qzi6pjlk4p]:before {
        content: "";
        height: 10px;
        width: 20px;
        border-left: 3px solid #fff;
        border-bottom: 3px solid #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -60%) rotate(-45deg);
        transform-origin: center center;
    }

.progress-count-failed[b-qzi6pjlk4p]:after {
    background: var(--kt-danger);
}

.progress-count-failed[b-qzi6pjlk4p]:before {
    height: 20px;
    width: 20px;
    border-left: none;
    transform: translate(-50%, -90%);
}

.progress-label[b-qzi6pjlk4p] {
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 10px;
}

.current-item .progress-count:not(.progress-count-failed)[b-qzi6pjlk4p]:before,
.current-item ~ .step-wizard-item .progress-count:not(.progress-count-failed)[b-qzi6pjlk4p]:before {
    display: none;
}

.current-item ~ .step-wizard-item .progress-count[b-qzi6pjlk4p]:after {
    height: 10px;
    width: 10px;
}

.current-item ~ .step-wizard-item .progress-label[b-qzi6pjlk4p] {
    opacity: 0.5;
}

.current-item .progress-count:not(.progress-count-failed)[b-qzi6pjlk4p]:after {
    background: #fff;
    border: 2px solid var(--kt-primary);
}

.current-item .progress-count:not(.progress-count-failed)[b-qzi6pjlk4p] {
    color: var(--kt-primary);
}
/* _content/BlazorUI/Pages/AE/FileManager/AsgardFileManager.razor.rz.scp.css */
fas fa-file-pdf
fas fa-file-pdf[b-9fpuv5od9q],
fas fa-file-image[b-9fpuv5od9q],
fas fa-folder[b-9fpuv5od9q] {
    font-size: 7.5em; /* Ajusta según el tamaño deseado */
}
/* _content/BlazorUI/Pages/SharedPages/Dashboards/DashboardAE.razor.rz.scp.css */
.dashboard-list-card[b-45phb8mput] {
    padding: 2rem;
}

    .dashboard-list-card .content[b-45phb8mput] {
        height: calc(100vh - 40rem) !important;
        overflow: auto;
    }

@media only screen and (max-device-width: 768px) {
    .dashboard-list-card .content[b-45phb8mput] {
        height: calc(100vh - 30rem);
        overflow: auto;
    }
}

@media only screen and (max-device-width: 1440px) {
    .dashboard-list-card .content[b-45phb8mput] {
        height: calc(100vh - 30rem) !important;
        overflow: auto;
    }
}



/* _content/BlazorUI/Pages/SharedPages/Dashboards/DashboardAsgardComponents/MyHolidaysDashboardComponent.razor.rz.scp.css */
/** {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.donut-chart {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto 2rem;
    border-radius: 100%
}

p.center {
    background: #394264;
    position: absolute;
    text-align: center;
    font-size: 28px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 130px;
    height: 130px;
    margin: auto;
    border-radius: 50%;
    line-height: 35px;
    padding: 15% 0 0;
}


.portion-block {
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 100px);
    height: 100%;
    position: absolute;
    width: 100%;
}

.circle {
    border-radius: 50%;
    clip: rect(0px, 100px, 200px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: monospace;
    font-size: 1.5rem;
}


#part1 {
    transform: rotate(0deg);
}

    #part1 .circle {
        background-color: #E64C65;
        animation: first 1s 1 forwards;
    }


#part2 {
    transform: rotate(100deg);
}

    #part2 .circle {
        background-color: #11A8AB;
        animation: second 1s 1 forwards 1s;
    }

#part3 {
    transform: rotate(250deg);
}

    #part3 .circle {
        background-color: #4FC4F6;
        animation: third 0.5s 1 forwards 2s;
    }

@keyframes first {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(100deg);
    }
}

@keyframes second {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(150deg);
    }
}

@keyframes third {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(120deg);
    }
}
*/
/* _content/BlazorUI/Pages/SharedPages/Dashboards/DashboardSigedef.razor.rz.scp.css */
.dashboard-list-card[b-lq538ez472] {
    padding: 2rem;
}

    .dashboard-list-card .content[b-lq538ez472] {
        height: calc(100vh - 40rem) !important;
        overflow: auto;
    }

@media only screen and (max-device-width: 768px) {
    .dashboard-list-card .content[b-lq538ez472] {
        height: calc(100vh - 30rem);
        overflow: auto;
    }
}

@media only screen and (max-device-width: 1440px) {
    .dashboard-list-card .content[b-lq538ez472] {
        height: calc(100vh - 30rem) !important;
        overflow: auto;
    }
}



/* _content/BlazorUI/Pages/SIGEDEF/Personal/SigedefOrganizationalChart.razor.rz.scp.css */
@page {
    size: A3 landscape;
    margin: 0;
}

/* ================== THEME ================== */
:root[b-g6boukm45l] {
    --paper: #ffffff;
    --paper-tint: #F4F7F5;
    --ink: #0f1720;
    --accent: #2F4F39;
    --accent-2: #86A089;
    --accent-3: #DDE5DD;
    --line: #9AA79B;
    --line-dark: #5D6D60;
    --title: #223127;
    --badge-red: #B22727;
    --grid-alpha: 0.10;
}

html[b-g6boukm45l],
body[b-g6boukm45l] {
    color: var(--ink);
    background: var(--paper);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* ================== PRINT ================== */
@media print {
    html[b-g6boukm45l],
    body[b-g6boukm45l] {
        width: 420mm;
        height: 297mm;
        margin: 0 !important;
        padding: 0 !important;
        background: var(--paper) !important;
    }

    .preparing[b-g6boukm45l] {
        display: none !important;
    }

    :global(.print-overlay)[b-g6boukm45l] {
        display: none !important;
    }

    .sheet[b-g6boukm45l] {
        break-after: page;
        page-break-after: always;
    }
}

/* ================== SCREEN ================== */
@media screen {
    body[b-g6boukm45l] {
        background: #e9edea;
    }

    .sheet.a3.landscape[b-g6boukm45l] {
        width: 420mm;
        height: 297mm;
        margin: 16px auto;
        background: var(--paper-tint);
        box-shadow: 0 6px 24px rgba(0, 0, 0, .15);
    }
}

/* ================== LAYOUT ================== */
.sheet[b-g6boukm45l] {
    position: relative;
    width: 420mm;
    height: 297mm;
    overflow: hidden;
}

.canvas[b-g6boukm45l] {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    isolation: isolate; /* para z-index de capas */
    /* padding y --scale vienen inline desde el .razor */
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, var(--grid-alpha)) 0.6px, transparent 0.6px), linear-gradient(to right, rgba(0, 0, 0, var(--grid-alpha)) 0.6px, transparent 0.6px);
    background-size: calc(10mm * var(--scale)) calc(10mm * var(--scale));
    background-position: 10mm 10mm;
}

/* Marco decorativo fijo a 6mm (coincide con FrameInsetMm) */
.page-frame[b-g6boukm45l] {
    position: absolute;
    border: calc(0.6mm * var(--scale)) solid var(--accent-2);
    border-radius: 2mm;
    box-shadow: inset 0 0 0 0.4mm rgba(47, 79, 57, 0.06);
    pointer-events: none;
    z-index: 3;
}

/* ================== HEADER / FOOTER ================== */
.page-header[b-g6boukm45l] {
    position: relative;
    height: auto; /* llega inline */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
}

.classification-badge[b-g6boukm45l] {
    position: absolute;
    right: 12mm;
    top: 3mm;
    padding: calc(2mm * var(--scale)) calc(4mm * var(--scale));
    border: calc(0.5mm * var(--scale)) solid var(--badge-red);
    color: var(--badge-red);
    font-weight: 800;
    font-size: calc(10pt * var(--scale));
    letter-spacing: 0.5px;
    border-radius: 1.2mm;
    text-transform: uppercase;
    background: #fff;
}

/* 10% más pequeño que antes: 18pt -> 16.2pt */
.page-title[b-g6boukm45l] {
    font-weight: 900;
    font-size: calc(16.2pt * var(--scale));
    letter-spacing: .6px;
    color: var(--title);
    text-transform: uppercase;
    text-shadow: 0 0.15mm 0 rgba(0,0,0,0.06);
}

.page-header[b-g6boukm45l]::after {
    content: "";
    position: absolute;
    left: 10mm;
    right: 10mm;
    bottom: 0;
    height: calc(1.4mm * var(--scale));
    background: linear-gradient(90deg, transparent, var(--accent), transparent), linear-gradient(90deg, transparent, rgba(47,79,57,0.15), transparent);
    border-radius: 2mm;
}

/* Pie SIN escalar tipografía (10% más pequeño: 10pt -> 9pt) */
.page-footer[b-g6boukm45l] {
    position: absolute;
    left: 10mm;
    right: 10mm;
    bottom: 10mm;
    height: 10mm;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}

.footer-note[b-g6boukm45l] {
    font-size: 9pt; /* antes 10pt */
    font-weight: 600;
    color: var(--line-dark);
    letter-spacing: .3px;
}

/* ===== Capas ===== */
.layers[b-g6boukm45l] {
    position: absolute;
    /* left/top/width/height se fijan inline desde el .razor para que TODO
       quede dentro del marco decorativo y con un safe pad adicional */
}

.layer[b-g6boukm45l] {
    position: absolute;
    inset: 0;
}

.layer-connectors[b-g6boukm45l] {
    z-index: 0;
}

.layer-cards[b-g6boukm45l] {
    z-index: 20; /* por encima de conectores */
}

/* ================== CONECTORES ================== */
.connectors[b-g6boukm45l] {
    position: absolute;
    left: 0;
    top: 0;
    overflow: visible;
    pointer-events: none;
}

.connector[b-g6boukm45l] {
    stroke-linecap: butt;
    stroke-linejoin: miter;
}

/* ================== DESTINOS (cards) ================== */
.dept[b-g6boukm45l] {
    position: absolute;
    box-sizing: border-box;
    padding: calc(3mm * var(--scale));
    border: calc(0.7mm * var(--scale)) solid var(--accent-2);
    border-radius: 3mm;
    background-color: var(--paper); /* opaco para tapar conectores por detrás */
    display: flex;
    flex-direction: column;
    gap: calc(3mm * var(--scale));
    overflow: hidden;
    box-shadow: 0 0.8mm 1.6mm rgba(0, 0, 0, 0.07), 0 0 0 0.3mm rgba(134,160,137,0.25);
}

    .dept[b-g6boukm45l]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: calc(2.8mm * var(--scale));
        background: var(--accent);
    }

/* Título: altura y font-size llegan inline */
.dept-title[b-g6boukm45l] {
    min-height: calc(7mm * var(--scale));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 calc(3mm * var(--scale));
    text-align: center;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--title);
    background: linear-gradient(0deg, rgba(47,79,57,0.08), transparent 60%);
    border-radius: 1mm;
}

/* ================== PERSONAS ================== */
.people-grid[b-g6boukm45l] {
    display: grid;
    gap: calc(2.5mm * var(--scale));
    align-content: start;
    justify-content: start;
    justify-items: center;
}

.person-card[b-g6boukm45l] {
    position: relative; /* para el badge de puntos suspensivos */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(1.5mm * var(--scale));
    width: 100%;
}

    .person-card img[b-g6boukm45l],
    .person-card .photo.placeholder[b-g6boukm45l] {
        width: calc(24mm * var(--scale));
        height: calc(24mm * var(--scale));
        border-radius: 50%;
        object-fit: cover;
        display: block;
        background: #e9efe9;
        border: calc(0.4mm * var(--scale)) solid var(--accent-2);
        box-shadow: 0 0 0 0.45mm var(--paper), 0 0 0 0.95mm rgba(47,79,57,0.10);
    }

    .person-card .name[b-g6boukm45l] {
        overflow: hidden;
        padding-bottom: calc(0.2mm * var(--scale));
        font-weight: 800;
        font-size: calc(9.7pt * var(--scale));
        text-align: center;
        line-height: 1.25;
        display: block !important;
        white-space: normal !important;
        text-overflow: clip !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
        word-break: break-word;
        overflow-wrap: anywhere;
        hyphens: auto;
        color: var(--ink);
    }

/* --- Indicador de “más personas” (tres puntos) para padres externos --- */
.more-ellipsis[b-g6boukm45l] {
    position: absolute;
    right: calc(0.6mm * var(--scale));
    bottom: calc(0.4mm * var(--scale));
    font-weight: 900;
    font-size: calc(12pt * var(--scale));
    line-height: 1;
    color: var(--line-dark);
    pointer-events: none;
    user-select: none;
}