/* Estilos específicos para resultados */
/* public/css/resultados.css */

/* Card de resultados con guinda institucional */
.results-card {
  border-left: 4px solid #800000;
  transition: transform 0.3s, box-shadow 0.3s;
}
.results-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(128, 0, 0, 0.2);
}

/* Header personalizado */
.custom-card-header {
  background-color: #800000;
  color: #fff;
}

/* Badges de estado */
.status-badge {
  padding: 0.4em 0.8em;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.status-badge.in-progress {
  background-color: #d4af37; /* dorado */
  color: #000;
}
.status-badge.finalized {
  background-color: #28a745; /* verde */
  color: #fff;
}
.status-badge.scheduled {
  background-color: #6c757d; /* gris */
  color: #fff;
}

/* Banner */
.header-propuesta3 {
  background-color: #fff;
}
.section-title {
  color: #800000;
}

/* ============================= */
/* FILTROS: BOTONES “btn-outline-cafe” */
/* ============================= */

/* Definición básica: texto guinda y borde guinda */
.btn-outline-cafe {
  color: #800000;             /* Color institucional “guinda” */
  border: 1px solid #800000;  /* Borde guinda */
  background-color: transparent;
  transition: background-color 0.2s, color 0.2s;
}

/* Hover: fondo dorado, texto oscuro */
.btn-outline-cafe:hover:not(.active) {
  background-color: #d4af37;  /* Dorado */
  color: #000;                /* Texto negro para contraste */
  border-color: #d4af37;
}

/* Estado activo: fondo guinda, texto blanco */
.btn-outline-cafe.active {
  background-color: #800000;  /* Guinda */
  color: #fff;                /* Blanco */
  border-color: #800000;
}

/* Evitar que el botón perdido de “outline” muestre sombra extra */
.btn-outline-cafe:focus {
  box-shadow: none;
}

/* Para que al hacer click no cambie demasiado el tamaño */
.btn-outline-cafe:active {
  background-color: #800000;
  color: #fff;
  border-color: #800000;
}

/* Opcional: ajustar el padding/font-size si se ve muy grande o muy chico */
.btn-outline-cafe {
  padding: 0.4rem 0.8rem;
  font-size: 0.9rem;
}

/* Asegura que los contenedores de filtro tengan algo de padding */
#day-selector,
#discipline-selector,
#gender-selector {
  margin-bottom: 0.5rem;
}

/* Colores para la alerta */
.alert-info {
  background-color: #fdf7e2;
  border: #d4af37;
  border-left: 5px solid #d4af37;
  color: #333;
  font-weight: 500;
}