/* Estilo para la tabla del calendario */
.table-calendar {
    border-collapse: separate;
    border-spacing: 10px;
    margin-bottom: 20px;
  }
  
  .table-calendar td {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    vertical-align: middle;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 15px;
    transition: background-color 0.3s, transform 0.3s;
  }
  
  .table-calendar td:hover {
    background-color: #e2e6ea;
    transform: scale(1.05);
  }
  
  /* Clase opcional para marcar el día activo */
  .table-calendar td.active {
    background-color: #0d6efd;
    color: white;
    font-weight: bold;
  }
  
  /* Estilos responsivos para dispositivos móviles */
  @media (max-width: 576px) {
    .table-calendar td {
      padding: 8px;
      font-size: 0.9rem;
    }
    .table-calendar {
      border-spacing: 5px;
    }
  }