/* ============================================================================
 * LEGACY GASSET — REFRESH VISUAL TIER 1 (2026-05-06)
 *
 * Overrides no invasivos para acercar el aspecto del legacy a la nueva plataforma
 * sin tocar HTML/PHP. Si alguna regla rompe un layout específico, basta con
 * comentar el <link> de este fichero en carga_css.html.
 *
 * Cambios:
 *   1. Paleta de azules más unificada (bg-info y bg-primary suavizados a pastel)
 *   2. Tablas sin rejilla pesada (solo separadores horizontales sutiles)
 *   3. Más aire vertical en celdas
 *   4. Border-radius unificado a 8px en botones/badges/spans
 *   5. Cards con bordes sutiles + sombra ligera
 *   6. Iconos/badges más limpios visualmente
 * ============================================================================ */

/* ------ 1. PALETA: bg-info (cyan saturado → pastel) ------ */
.bg-info,
tr.bg-info,
tr.bg-info > td {
    background-color: #d6ecf3 !important; /* cyan pastel, antes era #17a2b8 saturado */
    color: #1a4f6b !important;
}
.bg-info a,
.bg-info .text-light,
.bg-info .text-primary,
.bg-info .text-white {
    color: #1a4f6b !important;
}
/* Mantener legibilidad en breadcrumb chevrons */
.bg-info i.fa-angle-right,
.bg-info i.fa-angle-left {
    color: rgba(26, 79, 107, 0.45) !important;
}

/* bg-primary también un punto más suave (era #007bff puro) */
.bg-primary {
    background-color: #4a8bd6 !important;
}
.bg-primary.text-primary {
    color: #ffffff !important;
}

/* ------ 2. TABLAS: sin rejilla, solo separación horizontal ------ */
.table:not(.table-bordered) {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.table:not(.table-bordered) > thead > tr > th,
.table:not(.table-bordered) > thead > tr > td,
.table:not(.table-bordered) > tbody > tr > th,
.table:not(.table-bordered) > tbody > tr > td,
.table:not(.table-bordered) > tfoot > tr > th,
.table:not(.table-bordered) > tfoot > tr > td {
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-bottom: none !important;
}
/* Header de tabla un poco más marcado */
.table:not(.table-bordered) > thead > tr > th {
    border-top: none !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08) !important;
    font-weight: 600;
    color: #495057;
}

/* ------ 3. PADDING: más aire ------ */
.table:not(.table-sm) > tbody > tr > td,
.table:not(.table-sm) > tbody > tr > th,
.table:not(.table-sm) > thead > tr > th,
.table:not(.table-sm) > thead > tr > td {
    padding: 12px 8px;
    vertical-align: middle;
}
.table.table-sm > tbody > tr > td,
.table.table-sm > tbody > tr > th {
    padding: 8px 8px;
    vertical-align: middle;
}

/* ------ 4. (sin border-radius — el legacy de Gasset usa esquinas cuadradas) ------ */

/* ------ 5. CARDS: bordes sutiles + sombra ligera (sin redondeo) ------ */
.card {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
.card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* ------ 6. BADGES: más sólidos pero menos chillones ------ */
.badge {
    font-weight: 500;
    padding: 5px 10px;
    letter-spacing: 0.2px;
}

/* ------ 7. SCROLLBAR moderno (Chrome/Edge) ------ */
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
*::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 8px;
}
*::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.28);
}
*::-webkit-scrollbar-track {
    background: transparent;
}

/* ------ 8. Animación suave en hover de filas ------ */
.table-hover tbody tr {
    transition: background-color 0.15s ease;
}

/* ------ 9. Modal headers (SweetAlert ya lo gestiona, esto es solo para Bootstrap modal) ------ */
.modal-content {
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
}
.modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}