/* =====================================================
   DISEÑO COMPACTO - REDUCCIÓN DE TAMAÑOS SIN ZOOM
   Reduce el tamaño de elementos para mejor visualización
   ===================================================== */

/* Reducir tamaño de fuente base - MÁS COMPACTO */
:root {
    --font-size-base: 0.875rem !important;  /* ~14px en lugar de 18px - REDUCIDO */
    --font-size-sm: 0.8125rem !important;    /* ~13px en lugar de 16px */
    --font-size-xs: 0.75rem !important;     /* ~12px en lugar de 14px */
    --font-size-lg: 1rem !important;    /* ~16px en lugar de 20px */
    --font-size-xl: 1.125rem !important;     /* ~18px en lugar de 24px */
    --font-size-2xl: 1.375rem !important;     /* ~22px en lugar de 28px */
    --font-size-3xl: 1.625rem !important;    /* ~26px en lugar de 32px */
}

/* Reducir tamaño de fuente en body - MÁS COMPACTO */
html {
    font-size: 14px !important; /* Base más pequeña */
}

body {
    font-size: 0.875rem !important; /* ~14px - REDUCIDO */
    line-height: 1.5 !important;   /* Reducir interlineado */
}

/* Reducir tamaños de encabezados - MÁS COMPACTO */
h1 { font-size: 1.625rem !important; }  /* ~26px - REDUCIDO */
h2 { font-size: 1.375rem !important; }   /* ~22px - REDUCIDO */
h3 { font-size: 1.125rem !important; }  /* ~18px - REDUCIDO */
h4 { font-size: 1rem !important; } /* ~16px - REDUCIDO */
h5 { font-size: 0.9375rem !important; }     /* ~15px - REDUCIDO */
h6 { font-size: 0.875rem !important; }  /* ~14px - REDUCIDO */

/* Reducir padding y márgenes globales */
.container,
.container-fluid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

/* Reducir padding de cards */
.card {
    padding: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

.card-body {
    padding: 0.75rem !important;
}

.card-header {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important; /* REDUCIDO */
}

/* Reducir padding de botones */
.btn {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5;
}

.btn-lg {
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
}

.btn-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.8rem !important;
}

/* Reducir tamaño de inputs */
.form-control,
.form-select {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5;
}

.form-control-lg {
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
}

.form-control-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.8rem !important;
}

/* Reducir padding de tablas */
.table {
    font-size: 0.875rem !important;
}

.table td,
.table th {
    padding: 0.5rem !important;
}

.table-sm td,
.table-sm th {
    padding: 0.35rem !important;
    font-size: 0.825rem !important;
}

/* =============================================
   ESTILOS DEL SIDEBAR - DEPRECADOS
   =============================================
   ⚠️ Los estilos del sidebar ahora están en sidebar_base.css
   ============================================= */

/* Sidebar - DEPRECADO - Usar sidebar_base.css */
/*
.sidebar,
.main-sidebar {
    width: 280px !important;
    font-size: 0.95rem !important;
}
*/

.sidebar .nav-link {
    padding: 0.625rem 0.875rem !important; /* Padding reducido */
    font-size: 0.875rem !important; /* Tamaño reducido */
}

.sidebar .nav-item {
    margin-bottom: 0.25rem !important;
}

.sidebar .nav-header {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.8rem !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.5rem !important;
}

/* Reducir tamaño de badges */
.badge {
    font-size: 0.75rem !important;
    padding: 0.25rem 0.5rem !important;
}

.badge-lg {
    font-size: 0.875rem !important;
    padding: 0.35rem 0.65rem !important;
}

/* Reducir padding de modales */
.modal-header {
    padding: 0.75rem 1rem !important;
}

.modal-body {
    padding: 1rem !important;
}

.modal-footer {
    padding: 0.75rem 1rem !important;
}

.modal-title {
    font-size: 1.125rem !important; /* REDUCIDO */
}

/* Reducir tamaño de alertas */
.alert {
    padding: 0.75rem 1rem !important;
    font-size: 0.875rem !important;
    margin-bottom: 0.75rem !important;
}

/* Reducir padding de listas */
.list-group-item {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
}

/* Reducir tamaño de navbar */
.navbar {
    padding: 0.5rem 1rem !important;
    min-height: 3rem !important;
}

.navbar-brand {
    font-size: 1rem !important; /* REDUCIDO */
    padding: 0.25rem 0 !important;
}

.navbar-nav .nav-link {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
}

/* Reducir padding de breadcrumbs */
.breadcrumb {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
    margin-bottom: 0.75rem !important;
}

.breadcrumb-item {
    padding-left: 0.25rem !important;
}

/* Reducir tamaño de tooltips */
.tooltip {
    font-size: 0.75rem !important;
}

.tooltip-inner {
    padding: 0.35rem 0.65rem !important;
}

/* Reducir padding de dropdowns */
.dropdown-menu {
    padding: 0.5rem 0 !important;
    font-size: 0.875rem !important;
}

.dropdown-item {
    padding: 0.375rem 1rem !important;
    font-size: 0.875rem !important;
}

/* Reducir tamaño de paginación */
.pagination {
    font-size: 0.875rem !important;
    margin-bottom: 0.75rem !important;
}

.page-link {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
}

/* Reducir padding de tabs */
.nav-tabs .nav-link {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
}

.tab-content {
    padding: 0.75rem !important;
}

/* Reducir espaciado de grid */
.row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.row > * {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* Reducir márgenes de secciones */
section {
    margin-bottom: 1rem !important;
}

/* Reducir tamaño de iconos en botones */
.btn i,
.btn .fa,
.btn .fas,
.btn .far {
    font-size: 0.875rem !important;
}

/* Reducir padding de formularios */
.form-group {
    margin-bottom: 0.75rem !important;
}

.form-label {
    font-size: 0.875rem !important;
    margin-bottom: 0.35rem !important;
}

.form-text {
    font-size: 0.8rem !important;
    margin-top: 0.25rem !important;
}

/* Reducir tamaño de Select2 */
.select2-container--bootstrap-5 .select2-selection {
    min-height: 2rem !important;
    padding: 0.25rem 0.5rem !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
    font-size: 0.875rem !important;
}

/* Reducir espaciado de DataTables */
.dataTables_wrapper {
    font-size: 0.875rem !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 0.5rem !important;
}

/* Reducir padding de contenedor principal */
.content-wrapper {
    padding: 1rem !important;
}

.main-content {
    padding: 1rem !important;
}

/* Reducir tamaño de logos y elementos gráficos */
.logo,
.logo-circular {
    max-height: 2.5rem !important;
}

.sidebar-brand {
    padding: 0.5rem 0.75rem !important;
}

/* Reducir espaciado de dashboard */
.dashboard-card {
    margin-bottom: 0.75rem !important;
}

.dashboard-stat {
    padding: 0.75rem !important;
}

/* Ajustes para pantallas grandes */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* Mantener legibilidad mínima */
@media (max-width: 768px) {
    body {
        font-size: 0.9rem !important;
    }
}

/* Asegurar que el contenido no se corte */
.content-wrapper,
.main-content {
    overflow-x: visible !important;
}

/* =====================================================
   REGLAS GLOBALES ADICIONALES PARA MÁXIMA COMPACIDAD
   ===================================================== */

/* Reducir TODOS los elementos de texto por defecto */
* {
    box-sizing: border-box;
}

/* Reducir espaciado de párrafos */
p {
    font-size: 0.875rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.5 !important;
}

/* Reducir tamaño de texto pequeño */
small, .small {
    font-size: 0.8125rem !important; /* ~13px */
}

/* Reducir tamaño de texto grande */
.lead {
    font-size: 1rem !important; /* ~16px en lugar de 20px */
}

/* Reducir espaciado de elementos de lista */
ul, ol {
    margin-bottom: 0.75rem !important;
    padding-left: 1.5rem !important;
}

li {
    font-size: 0.875rem !important;
    margin-bottom: 0.25rem !important;
}

/* Reducir tamaño de iconos */
i.fas, i.far, i.fal, i.fab, i.fa {
    font-size: 0.875rem !important;
}

/* Reducir espaciado de secciones */
.section {
    margin-bottom: 1rem !important;
    padding: 0.75rem 0 !important;
}

/* Reducir padding de contenedores */
.container, .container-fluid {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

/* Reducir márgenes de Bootstrap */
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 0.75rem !important; }
.mb-4 { margin-bottom: 1rem !important; }
.mb-5 { margin-bottom: 1.25rem !important; }

.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 0.75rem !important; }
.mt-4 { margin-top: 1rem !important; }
.mt-5 { margin-top: 1.25rem !important; }

.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 0.75rem !important; }
.p-4 { padding: 1rem !important; }
.p-5 { padding: 1.25rem !important; }