:root {
    --color-principal: #1f4e79;
    --color-acento: #e8a33d;
}

html { font-size: 15px; }
body { background: #f4f6f9; }

.barra { background: var(--color-principal); }

.tarjeta {
    background: #fff;
    border-radius: .6rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    padding: 1.1rem 1.25rem;
    margin-bottom: 1rem;
}

.kpi .valor { font-size: 2rem; font-weight: 700; color: var(--color-principal); line-height: 1.1; }
.kpi .etiqueta { color: #6c757d; font-size: .85rem; text-transform: uppercase; letter-spacing: .03em; }

.titulo-pagina { color: var(--color-principal); font-weight: 600; margin-bottom: 1rem; }

.table thead th { background: #eef2f7; font-weight: 600; font-size: .85rem; white-space: nowrap; }
.table td, .table th { vertical-align: middle; }

.input-peso { max-width: 130px; text-align: right; }

.cumple { color: #198754; font-weight: 600; }
.no-cumple { color: #dc3545; font-weight: 600; }

.login-caja { max-width: 380px; margin: 8vh auto; }

.encabezado-reporte { display: none; }

@media print {
    .no-print { display: none !important; }
    .encabezado-reporte { display: block; }
    body { background: #fff; }
    .tarjeta { box-shadow: none; border: 1px solid #ddd; }
}