﻿/* Contenedor general del card de filtros */
.card.contenedor-filtros {
background-color: #ffffff !important; /* Fondo blanco */
border: 2px solid #4a23d3; /* Borde azul fuerte */
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
transition: box-shadow 0.3s ease;
color: #1f2937;
}

.card.contenedor-filtros:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.card.contenedor-filtros .cabeza-card {
    background: linear-gradient(90deg, #9385e3, #a0c4ff) !important;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #4a23d3;
    font-weight: 500;
    color: #ffffff;
}



.card.contenedor-filtros .cabeza-card i {
    font-size: 1.2rem;
    margin-right: 0.5rem;
    color: #ffffff !important;
}

/* Cuerpo del card */
.card.contenedor-filtros .cuerpo-card {
    padding: 1.25rem;
    background-color: #ffffff !important;
}

/* Botón aplicar filtros */
.botonFiltro {
background-color: #4a23d3 !important;
border-color: #4a23d3 !important;
color: #ffffff !important;
}

.botonFiltro:hover {
    background-color: #3a1cb0 !important;
    border-color: #32199a !important;
}

/* Botón limpiar filtros */
.botonLimpiar {
    background-color: #939ca3 !important;
    border-color: #a0c4ff !important;
    color: #ffffff;
}

.botonLimpiar:hover {
    background-color: #8bb3f0 !important;
    border-color: #7aa2e0 !important;
}

/* Acordeón de fechas comparativas */
.card.contenedor-filtros .OcultarInformacion {
background-color: #f3f4f6 !important;
border-radius: 6px;
padding: 1rem;
margin-top: 1rem;
border: 1px dashed #4a23d3;
color: #1f2937;
}
