/* jQuery UI - versión simplificada sin degradados ni texturas */
.ui-widget {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 1em;
}

/* Contenido base */
.ui-widget-content {
  border: 1px solid var(--azul-claro);
  background: #fcfdfd;
  color: #222;
}
.ui-widget-content a {
  color: #222;
}

/* Cabeceras */
.ui-widget-header {
  border: 1px solid var(--azul-claro);
  background: var(--azul-claro);
  color: #fff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #fff;
}

/* Estados */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #bbd0e2;
  background: var(--gris-claro);
  color: #2e6e9e;
  font-weight: bold;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #88a1b4;
  background: #d0d9e6;
  color: #3f5464;
  font-weight: bold;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #5a87aa;
  background: #f9f6f5;
  color: #323967;
  font-weight: bold;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fad42e;
  background: #fbec88;
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec;
  color: #cd0a0a;
}

/* Botones y diálogo */
.ui-button {
  display: inline-block;
  padding: 0.4em 1em;
  cursor: pointer;
  background: #dee3e8;
  border: 1px solid #bbd0e2;
  color: #2e6e9e;
  font-weight: bold;
}
.ui-button:hover {
  background: #d0d9e6;
  color: #3f5464;
}

/* Tabs, diálogos, datepickers y paneles mantienen bordes y colores planos */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background: #f5f8f9;
  color: #323967;
}
.ui-dialog {
  background: #fcfdfd;
  border: 1px solid var(--azul-claro);
}
.ui-datepicker {
  background: #fcfdfd;
  border: 1px solid var(--azul-claro);
}

/* Quita todas las imágenes y radios */
.ui-widget-overlay,
.ui-widget-shadow {
  background: rgba(0, 0, 0, 0.3);
  border: none;
}

/* Esquinas planas */
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-right {
  border-radius: 0;
}