/* ===== Tema ultra-compacto para Bootstrap 5 (backend/ERP) ===== */

/* Tipografía global más pequeña */
body {
    font-family: Arial, sans-serif;
    font-size: 0.8125rem; /* ≈13px */
    line-height: 1.35;
    letter-spacing: 0.0em;
}

/* Títulos con menos espacio y tamaño */
h1 { font-size: 1.25rem; margin-bottom: 0.4rem; }
h2 { font-size: 1.15rem; margin-bottom: 0.35rem; }
h3 { font-size: 1rem;  margin-bottom: 0.3rem; }
h4, h5, h6 { font-size: 0.9rem; margin-bottom: 0.25rem; }

/* Botones y campos más pequeños */
.btn,
.form-control,
.form-select,
.input-group-text {
    font-size: 0.8rem !important;
    padding: 0.2rem 0.4rem !important;
    border-radius: 0.2rem !important;
}

/* Etiquetas y textos secundarios */
label, small, .text-muted {
    font-size: 0.75rem;
}

/* Menos espacio en el grid */
.row {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.25rem;
}

/* Tablas más densas */
.table td,
.table th {
    padding: 0.3rem 0.4rem;
    vertical-align: middle;
    font-size: 0.78rem;
}

/* Formularios: menos margen entre grupos */
.mb-3, .form-group {
    margin-bottom: 0.5rem !important;
}

/* Tarjetas compactas */
.card {
    margin-bottom: 0.75rem;
    border-radius: 0.3rem;
}
.card-header, .card-body {
    padding: 0.5rem 0.75rem;
}

/* Menús y barras más delgados */
.navbar, .navbar .nav-link {
    font-size: 0.8rem;
    padding: 0.3rem 0.6rem;
}
.navbar {
    min-height: 2.2rem;
}


a {
    text-decoration: none;
}

.fondo-color-corporativo-naranja{
    background-color: #d56031 !important;
}

.fondo-color-corporativo-naranja-claro{
    background-color: #f69f7a !important;
}

.fondo-color-corporativo-azul{
    background-color: #171258 !important;
}

.fondo-color-corporativo-azul-claro{
    background-color: #4a50d7 !important;
}

.color-corporativo-naranja{
    color: #d56031 !important;
}

.color-corporativo-azul{
    color: #171258 !important;
}


.boton-accion{
    background-color: #d56031 !important;
    border: #ffa784 !important;
}

.nav-link-sidebar{color: #FFF !important;}

.w-5{width: 5% !important;}
.w-10{width: 10% !important;}
.w-15{width: 15% !important;}
.w-20{width: 20% !important;}
.w-25{width: 25% !important;}
.w-30{width: 30% !important;}
.w-35{width: 35% !important;}
.w-40{width: 40% !important;}
.w-45{width: 45% !important;}
.w-50{width: 50% !important;}
.w-55{width: 55% !important;}
.w-60{width: 60% !important;}
.w-65{width: 65% !important;}
.w-70{width: 70% !important;}
.w-75{width: 75% !important;}
.w-80{width: 80% !important;}
.w-85{width: 85% !important;}
.w-90{width: 90% !important;}
.w-95{width: 95% !important;}
.w-100{width: 100% !important;}

/* Estilos para vista de cards de artículos */
.hover-shadow {
    transition: all 0.3s ease;
}

.hover-shadow:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

#articlesCardsView .card {
    border: 1px solid #dee2e6;
}

#articlesCardsView .card-body {
    font-size: 0.75rem;
}

#articlesCardsView .card-title {
    font-size: 0.85rem;
}

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