/* components.css - Componentes reutilizables */

/* Tema switcher mini (para mobile) */
.theme-switcher-mini {
    display: none;
    padding: 0.5rem;
}

@media (max-width: 992px) {
    .theme-switcher-mini {
        display: block;
        margin-left: auto;
    }
}

/* Grupo de botones de vista */
.vista-grafica-group .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
}

.vista-grafica-group .btn:hover {
    background-color: var(--primary-color);
    color: white;
}

.vista-grafica-group .btn.active {
    background-color: var(--primary-color) !important;
    color: white !important;
}