.boton-plano input[type="radio"] {
  display: none;
}

.boton-plano label {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px;
  background-color: #eee;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.boton-plano input[type="radio"]:checked+label {
  background-color: #0074d9;
  color: white;
  border-color: #0074d9;
}


/* Formato de la tabla de visualizacion de citas */
table.ver-cita th:first-child,
table.ver-cita td:first-child {
  width: 30%;
  text-align: right;
  /* background-color: #464343;
  color: #ccc; */
  font-weight: bold;
}

table.ver-cita {
  /*table-layout: fixed;   /* Hace que respete los anchos definidos */
  /*width: 100%;           /* La tabla ocupa el ancho completo */
  border-collapse: collapse;
  /* Combina bordes si hubiera */
  border: none;
  /* Quita borde de la tabla */
  table-layout: auto;
  /* Que el navegador calcule */
  width: auto;
  /* Solo lo que ocupe el contenido */
}

table.ver-cita td {
  white-space: normal;
  /* Permite saltos de línea */
  word-wrap: break-word;
  /* Compatibilidad vieja */
  overflow-wrap: break-word;
  /* Moderno: permite cortar palabras largas */
  text-align: justify;
  /* Justifica el texto dentro de la celda */
  vertical-align: top;
  /* Opcional: alinear arriba si hay varias líneas */
}

table.ver-cita th,
table.ver-cita td {
  white-space: nowrap;
  /* Evita saltos de línea, expande la columna */
  border: none;
  /* Sin bordes */
  padding: 6px 10px;
  /* Espaciado bonito */
}

.fechas-en-linea {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  align-items: flex-start;
}

div.fechas-en-linea div.container-inline {
  clear: both;
  display: flex;
}

fieldset.grid-checkbox div.form-checkboxes {
  display: flex;
}

#intervalo-fechas,
#intervalo-horas {
  display: table-row-group;
}

#intervalo-horas input {
  min-width: 10rem;
}

#intervalo-horas label {
  min-width: 10rem;
}

.campos-en-linea {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: flex-start;
}

.campos-en-linea .form-item {
  flex: 1;
  min-width: 200px;
}

/*
.fechas-en-linea .form-item {
  flex: 1;
  min-width: 250px;
} */