/* =====================================================
   TARJETAS V2.8 · CRISTAL MUNICIPAL
   Solo afecta la vista pública de Tarjetas y suspensiones
   ===================================================== */

html body .public .lc-cards-v28 {
    --cc-ink: #10244d;
    color: #10244d;
    background: transparent !important;
}

/* Encabezado azul translúcido */
html body .public .lc-cards-header {
    background: rgba(10,25,85,.90) !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

html body .public .lc-cards-header h2 {
    color: #fff !important;
}

html body .public .lc-cards-header p {
    color: #ffe000 !important;
}

html body .public .lc-cards-header span {
    color: #e1e9ff !important;
}

/* Resumen: amarillas, rojas, dobles y pendientes */
html body .public .lc-cards-metric {
    background: rgba(255,255,255,.65) !important;
    background-image: none !important;
    border-color: rgba(255,255,255,.55) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 8px 24px rgba(0,15,65,.10);
}

/* Conservar los colores superiores de cada métrica */
html body .public .lc-cards-metric.is-yellow {
    border-top-color: #edc02c !important;
}
html body .public .lc-cards-metric.is-red {
    border-top-color: #db5263 !important;
}
html body .public .lc-cards-metric.is-double {
    border-top-color: #ec9f37 !important;
}
html body .public .lc-cards-metric.is-pending {
    border-top-color: #3774bb !important;
}

html body .public .lc-cards-metric > span,
html body .public .lc-cards-metric > strong,
html body .public .lc-cards-metric > small {
    color: #10244d !important;
}

/* Botones de Tarjetas y Suspensiones */
html body .public .lc-cards-sections button:not(.active) {
    background: rgba(255,255,255,.82) !important;
    color: #10244d !important;
    border: 1px solid rgba(255,255,255,.45);
}

html body .public .lc-cards-sections button.active {
    background: #193e78 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.25);
}

/* Contenedor de la clasificación */
html body .public .lc-cards-list {
    background: rgba(255,255,255,.10) !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/* Encabezado y filtros */
html body .public .lc-cards-list-head,
html body .public .lc-cards-filters {
    background: rgba(255,255,255,.65) !important;
    background-image: none !important;
}

html body .public .lc-cards-list-head h3,
html body .public .lc-cards-list-head p,
html body .public .lc-cards-list-head > span,
html body .public .lc-cards-filters label {
    color: #10244d !important;
}

/* Campos de búsqueda y selección */
html body .public .lc-cards-filters input,
html body .public .lc-cards-filters select {
    background: rgba(255,255,255,.92) !important;
    color: #10244d !important;
    border-color: rgba(16,36,77,.18) !important;
}

/* Capas de la tabla */
html body .public .lc-cards-scroll,
html body .public .lc-cards-table,
html body .public .lc-cards-table thead,
html body .public .lc-cards-table tbody,
html body .public .lc-cards-table tr {
    background: transparent !important;
    background-image: none !important;
}

/* Encabezado amarillo */
html body .public .lc-cards-table thead th {
    background: rgba(255,225,0,.90) !important;
    background-image: none !important;
    color: #10244d !important;
}

/* Filas blancas al 65 % */
html body .public .lc-cards-table tbody td {
    background: rgba(255,255,255,.65) !important;
    background-image: none !important;
    color: #10244d !important;
    border-bottom: 1px solid rgba(255,255,255,.55) !important;
}

/* Hover sin fondos sólidos */
html body .public .lc-cards-table tbody tr:hover td {
    background: rgba(255,255,255,.76) !important;
}

/* Nombres y equipos */
html body .public .lc-cards-person > strong,
html body .public .lc-cards-person .team-cell,
html body .public .lc-cards-person .team-cell-name {
    color: #10244d !important;
}

/* Mantener intactos los colores de las tarjetas */
html body .public .lc-cards-badge.is-yellow {
    background: #fff4cb !important;
    color: #775508 !important;
}

html body .public .lc-cards-badge.is-red {
    background: #ffe2e5 !important;
    color: #a42c3e !important;
}

html body .public .lc-cards-badge.is-double {
    background: #ffeddb !important;
    color: #92500d !important;
}

/* Tarjetas individuales de suspensiones */
html body .public .lc-cards-sanction {
    background: rgba(255,255,255,.65) !important;
    background-image: none !important;
    border-color: rgba(255,255,255,.55) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #10244d !important;
}

html body .public .lc-cards-sanction-meta span,
html body .public .lc-cards-sanction-meta strong {
    color: #10244d !important;
}

/* Conservar los estados de las sanciones */
html body .public .lc-cards-status {
    background: #e8f2e3 !important;
    color: #3b632b !important;
}

html body .public .lc-cards-status.is-pending {
    background: #fff0d5 !important;
    color: #92600c !important;
}

/* Avisos de información incompleta */
html body .public .lc-cards-caution {
    background: rgba(255,246,229,.90) !important;
    color: #805400 !important;
}

/* Pie, mensajes vacíos y carga */
html body .public .lc-cards-footer,
html body .public .lc-cards-empty,
html body .public .lc-cards-loading {
    background: rgba(255,255,255,.65) !important;
    color: #10244d !important;
}