/* Ocultar barra lateral y eliminar margen izquierdo */
.no-sidebar .app-sidebar {
    display: none !important;
}

/* Eliminar margen izquierdo del cuerpo principal y sus contenedores */
.no-sidebar2 .app-body,
.no-sidebar2 .app-content,
.no-sidebar2 .content-wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

    /* Si aún queda espacio, forzar en el contenedor interno (opcional) */
    .no-sidebar2 .app-body .app-content {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

/* (Opcional) Ocultar el botón de colapso de la barra lateral */
.no-sidebar .collapse-icon {
    display: none !important;
}

/* (Opcional) Si en móviles quieres ocultar el botón de menú móvil */
.no-sidebar .mobile-menu-icon {
    display: none !important;
}

.skeleton-page {
    padding: 20px;
    background: #f5f5f5;
}

.skeleton-card,
.skeleton-accordion {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
    background: white;
}

.skeleton-header,
.skeleton-section-title,
.skeleton-field,
.skeleton-radio,
.skeleton-accordion {
    position: relative;
    overflow: hidden;
    background: #e5e7eb;
}

    .skeleton-header::after,
    .skeleton-section-title::after,
    .skeleton-field::after,
    .skeleton-radio::after,
    .skeleton-accordion::after {
        content: "";
        position: absolute;
        inset: 0;
        transform: translateX(-100%);
        background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent );
        animation: shimmer 1.4s infinite;
    }


.skeleton-header {
    height: 44px;
}

.skeleton-content {
    padding: 20px;
}

.skeleton-section-title {
    height: 28px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.row.end {
    justify-content: flex-end;
}

.skeleton-field {
    height: 36px;
    border-radius: 6px;
}

.skeleton-radio {
    width: 80px;
    height: 20px;
    border-radius: 20px;
}

.skeleton-accordion {
    height: 44px;
    border-radius: 8px;
}

/* Anchuras */
.w-40 {
    width: 40%;
}

.w-35 {
    width: 35%;
}

.w-25 {
    width: 25%;
}

.w-20 {
    width: 20%;
}

.w-15 {
    width: 15%;
}

.w-12 {
    width: 12%;
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

hr.fondo-blanco{
    background-color: white;
}