/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* MainLayout.razor.css */
.page[b-xq17ni6mff] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-xq17ni6mff] {
    background-color: #1e1e2d;
    overflow-x: hidden;
}

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

/* Reglas para ESCRITORIO */
@media (min-width: 641px) {
    .page[b-xq17ni6mff] {
        flex-direction: row;
    }

    .sidebar[b-xq17ni6mff] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        display: flex;
        flex-direction: column;
    }

    /* === ESTADO MINIMIZADO (HAMBURGUESA) === */
    .menu-minimized .sidebar[b-xq17ni6mff] {
        width: 70px !important;
    }

        /* 1. Ocultar textos y flechas */
        .menu-minimized .sidebar[b-xq17ni6mff]  .nav-text,
        .menu-minimized .sidebar[b-xq17ni6mff]  .bi-chevron-down,
        .menu-minimized .sidebar[b-xq17ni6mff]  .bi-chevron-right,
        .menu-minimized .sidebar[b-xq17ni6mff]  .navbar-brand {
            opacity: 0;
            pointer-events: none;
            position: absolute;
            left: -999px;
        }

        /* 2. CORRECCI�N: Centrar los iconos en el espacio de 70px */
        .menu-minimized .sidebar[b-xq17ni6mff]  .nav-item .nav-link {
            justify-content: center !important; /* Centra el icono */
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        /* 3. CORRECCI�N CR�TICA: Eliminar la sangr�a (ps-5) de los submen�s */
        /* Esto evita que se vayan "al lazo izquierdo" o se vean desalineados */
        .menu-minimized .sidebar[b-xq17ni6mff]  .nav-item.ps-5 {
            padding-left: 0 !important; /* Reseteamos la sangr�a a 0 */
            padding-right: 0 !important;
        }

    /* Ajuste del header superior */
    .top-row[b-xq17ni6mff] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* NavMenu.razor.css */
.navbar-toggler[b-0u7ki4htaj] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-0u7ki4htaj] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
}

.navbar-brand[b-0u7ki4htaj] {
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity 0.2s;
}

/* === ESTILOS DE LOS ITEMS === */
.nav-item .nav-link[b-0u7ki4htaj] {
    color: #ffffff !important;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: all 0.2s ease-in-out; /* Transici�n suave para la sombra */
    cursor: pointer;
    user-select: none;
    margin-bottom: 2px; /* Peque�o espacio entre items */
}

    /* EFECTO HOVER (Al pasar el mouse) */
    .nav-item .nav-link:hover[b-0u7ki4htaj] {
        background-color: rgba(255,255,255,0.1);
        color: white;
        /* Sombra suave */
        box-shadow: 0 4px 4px rgba(0,0,0,0.25);
        transform: translateX(2px); /* Peque�o movimiento a la derecha */
    }

    /* EFECTO ACTIVO (Elemento seleccionado) */
    .nav-item .nav-link.active[b-0u7ki4htaj] {
        background-color: rgba(255,255,255,0.2); /* Fondo m�s claro */
        color: white;
        font-weight: 500;
        /* Sombra m�s pronunciada para indicar "Aqu� est�s" */
        box-shadow: 0 4px 8px rgba(0,0,0,0.4);
        /* Borde izquierdo brillante para resaltar */
        border-left: 4px solid #6ea8fe;
    }

/* Iconos base */
.bi[b-0u7ki4htaj] {
    display: inline-block;
    min-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.8rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: margin 0.3s;
}

/* Texto de navegaci�n */
.nav-text[b-0u7ki4htaj] {
    flex-grow: 1;
    opacity: 1;
    transition: opacity 0.3s ease-in;
}

/* --- TUS ICONOS SVG --- */
.bi-house-door-fill-nav-menu[b-0u7ki4htaj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5z'/%3E%3C/svg%3E");
}

.bi-plus-square-nav-menu[b-0u7ki4htaj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}

.bi-list-ul-nav-menu[b-0u7ki4htaj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-ul' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

.bi-folder2-open-nav-menu[b-0u7ki4htaj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-folder2-open' viewBox='0 0 16 16'%3E%3Cpath d='M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-9zM2.5 3a.5.5 0 0 0-.5.5V6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5zM14 7H2v5.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V7z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-0u7ki4htaj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

@media (min-width: 641px) {
    .navbar-toggler[b-0u7ki4htaj] {
        display: none;
    }

    .nav-scrollable[b-0u7ki4htaj] {
        display: block;
        overflow-y: auto;
    }
}