/* ==========================================================================
   FSIE Valencia - Personalización Mínima
   Solo colores corporativos, TODO lo demás es Bootstrap
   ========================================================================== */

/* Variables */
:root {
    --fsie-green: #208B60;
    --fsie-green-dark: #196B4A;
}

/* Uniformidad de fuentes entre navegadores */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Clase helper para texto verde FSIE */
.text-fsie {
    color: var(--fsie-green) !important;
}

/* Clase helper para fondo verde FSIE */
.bg-fsie {
    background-color: var(--fsie-green) !important;
}

/* Sobrescribir botones primarios de Bootstrap con verde FSIE */
.btn-primary {
    background-color: var(--fsie-green) !important;
    border-color: var(--fsie-green) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--fsie-green-dark) !important;
    border-color: var(--fsie-green-dark) !important;
}

.btn-outline-primary {
    color: var(--fsie-green) !important;
    border-color: var(--fsie-green) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--fsie-green) !important;
    border-color: var(--fsie-green) !important;
    color: white !important;
}

/* Sobrescribir otros elementos primarios de Bootstrap */
.bg-primary {
    background-color: var(--fsie-green) !important;
}

.text-primary {
    color: var(--fsie-green) !important;
}

.border-primary {
    border-color: var(--fsie-green) !important;
}

.badge.bg-primary {
    background-color: var(--fsie-green) !important;
}

/* Tabs y navegación con color FSIE */
.nav-pills .nav-link.active {
    background-color: var(--fsie-green) !important;
}

.nav-tabs .nav-link.active {
    color: var(--fsie-green) !important;
    border-bottom-color: var(--fsie-green) !important;
}