/* Estilos específicos para calendario con identidad gráfica institucional */

.day-card {
    border-left: 4px solid #800000; /* Guinda institucional */
    transition: all 0.3s;
    margin-bottom: 20px;
}
.day-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(128, 0, 0, 0.2);
}

.event-badge {
    background-color: #d4af37; /* Dorado */
    color: #fff;
    font-weight: 600;
    padding: 0.4em 0.6em;
    border-radius: 0.5em;
}

.schedule-table th {
    background-color: #800000;
    color: white;
}

/* Estilos para los selectores de filtro */
#day-selector,
#discipline-selector {
    margin-bottom: 15px;
}

/* Botón activo */
.btn-outline-primary.active {
    background-color: #800000;
    color: white;
    border-color: #800000;
}

/* Efecto hover para botones de filtro */
.btn-outline-primary:hover:not(.active) {
    background-color: #d4af37;
    color: #000;
    border-color: #d4af37;
}

/* Botones de info */
.btn-outline-primary.btn-sm {
    font-size: 0.85rem;
    padding: 0.25rem 0.75rem;
}

/* Badge para género de partido */
.gender-badge {
/*  background-color: #800000;    /* mismo guinda institucional */
  background-color: #d4af37;    /* Dorado */
  color: #fff;
  font-weight: 600;
  padding: 0.3em 0.6em;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  min-width: 3.5rem;
  text-align: center;
}


/* Estilos específicos para calendario con identidad gráfica institucional */

.day-card {
    border-left: 4px solid #800000; /* Guinda institucional */
    transition: all 0.3s;
    margin-bottom: 20px;
}
.day-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(128, 0, 0, 0.2);
}

.event-badge {
    background-color: #d4af37; /* Dorado */
    color: #fff;
    font-weight: 600;
    padding: 0.4em 0.6em;
    border-radius: 0.5em;
}

.schedule-table th {
    background-color: #800000;
    color: white;
}

/* ============================= */
/* FILTROS (btn-outline-primary) sobrescrito para usar guinda/dorado como btn-outline-cafe */
/* ============================= */

/* Texto guinda, borde guinda */
.btn-outline-primary {
  color: #800000 !important;
  border-color: #800000 !important;
  background-color: transparent !important;
  transition: background-color 0.2s, color 0.2s;
}

/* Hover: fondo dorado, texto negro */
.btn-outline-primary:hover:not(.active) {
  background-color: #d4af37 !important;
  color: #000 !important;
  border-color: #d4af37 !important;
}

/* Activo: fondo guinda, texto blanco */
.btn-outline-primary.active {
  background-color: #800000 !important;
  color: #fff !important;
  border-color: #800000 !important;
}


/* Sin sombra extra en focus */
.btn-outline-primary:focus {
  box-shadow: none !important;
}

/* Padding y tamaño de fuente iguales a btn-outline-cafe */
.btn-outline-primary {
  padding: 0.4rem 0.8rem !important;
  font-size: 0.9rem !important;
}

/* Ajuste de margenes para contenedores de filtros */
#day-selector,
#discipline-selector {
    margin-bottom: 15px;
}

/* Badge para género de partido */
.gender-badge {
  background-color: #d4af37;    /* Dorado */
  color: #fff;
  font-weight: 600;
  padding: 0.3em 0.6em;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  min-width: 3.5rem;
  text-align: center;
}


/* 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;
}