/* ============================================================
   Xpande Previred Web — branding Xpande
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Hind:wght@400;500;600&display=swap');

:root {
    --xp-rojo: #EB1417;
    --xp-verde: #1abc9c;
    --xp-ambar: #f39c12;
    --xp-header: #353535;
    --xp-footer: #080d15;
    --xp-gris-claro: #f5f5f5;
}

body {
    font-family: 'Hind', system-ui, -apple-system, sans-serif;
    background: #fafafa;
    color: #212529;
}

h1, h2, h3, h4, h5, .app-name {
    font-family: 'Fjalla One', 'Hind', sans-serif;
    letter-spacing: 0.02em;
}

/* Navbar */
.app-header {
    background: var(--xp-header);
}

.app-header .nav-link {
    color: #e9e9e9;
}

.app-header .nav-link:hover {
    color: #fff;
}

.app-name {
    color: #fff;
    font-size: 1.1rem;
}

/* Botones */
.btn-primary {
    background-color: var(--xp-verde);
    border-color: var(--xp-verde);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #16a085;
    border-color: #16a085;
}

.btn-outline-primary {
    color: var(--xp-verde);
    border-color: var(--xp-verde);
}

.btn-outline-primary:hover {
    background-color: var(--xp-verde);
    border-color: var(--xp-verde);
    color: #fff;
}

/* Footer */
.app-footer {
    background: var(--xp-footer);
    color: #adb5bd;
    padding: 1.5rem 0;
    margin-top: 3rem;
}

/* Cards */
.card-header {
    font-weight: 600;
}

/* Tabla */
.table thead th {
    background: var(--xp-gris-claro);
    border-bottom: 2px solid #dee2e6;
}

/* Responsive: selectores de mes */
#mesFiltro {
    min-width: 140px;
}