/* css/visitas.css */

h2 {
    color: white;
    margin-bottom: 15px;
	font-size: 34px;
}

.acciones-visitas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.acciones-visitas input[type="text"] {
    padding: 8px;
    width: 250px;
    border-radius: 4px;
    border: none;
}

.acciones-visitas button {
    background-color: #7289da;
    color: #fff;
    padding: 8px 14px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 10px;
}

.acciones-visitas button:hover {
    background-color: #3a5bd1;
}

.tabla-visitas {
    width: 100%;
    border-collapse: collapse;
    background-color: #2c2f33;
    border-radius: 6px;
    overflow: hidden;
}

.tabla-visitas th, .tabla-visitas td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #444;
}

.tabla-visitas th {
    background-color: #23272a;
}

.tabla-visitas tr:nth-child(even) {
    background-color: #2c2f33;
}

.tabla-visitas tr:hover {
    background-color: #3a3d41;
}

.tabla-visitas button {
    background-color: #7289da;
    color: white;
    border: none;
    padding: 6px 10px;
    margin-right: 5px;
    border-radius: 4px;
    cursor: pointer;
}

.tabla-visitas button:hover {
    background-color: #5d6dec;
}

select.campo-input,
input.campo-input {
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
    margin-bottom: 10px;
}


/* Apariencia del control Tom Select dentro del modal */
.ts-wrapper.single .ts-control {
  min-height: 42px;
  height: 42px;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid #555;
  background: #2b2b2b;
  color: #fff;
}

/* Texto seleccionado */
.ts-wrapper.single .ts-control .item {
  color: #fff;
}

/* Placeholder */
.ts-wrapper.single .ts-control .ts-placeholder {
  color: #bbb;
}

/* Flecha */
.ts-wrapper.single .ts-control::after {
  border-top-color: #ccc;
}

/* Dropdown por encima del modal */
.ts-dropdown {
  z-index: 9999 !important;
  background: #2b2b2b;
  color: #fff;
  border: 1px solid #555;
}

/* Opciones */
.ts-dropdown .option {
  padding: 8px 10px;
}
.ts-dropdown .option.active,
.ts-dropdown .option.selected {
  background: #3a3a3a;
}

/* Tom Select – fixes visuales */
.ts-wrapper { width: 100%; }
.ts-control {
  background: #fff !important;
  color: #111 !important;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 6px;
}
.ts-control .item,
.ts-item-visible {           /* item seleccionado (render item) */
  color: #111 !important;
}
.ts-option-visible {         /* items en el dropdown (render option) */
  color: #111 !important;
}
.ts-dropdown {
  z-index: 9999;            /* que no quede detrás del modal */
  max-height: 240px;
  overflow: auto;
}
.ts-wrapper.single .ts-control:after {
  border-color: #888 transparent transparent transparent;
}