/* Estilos complementarios del digesto.
 * Reproducen la estética del sitio en producción (styles.css + tema "default" de jQuery EasyUI)
 * sin cargar jQuery/EasyUI. */

/* styles.css trae colores sin "#" (sólo válidos en modo quirks); se redefinen aquí. */
td, textarea, input, select, button { font-family: Tahoma, Verdana, sans-serif; font-size: 10px; color: #5C5C5C; }
a:link, a:visited { color: #5C5C5C; font-family: Tahoma, Verdana, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; }
a:hover { color: #016A87; text-decoration: underline; }

body { background: #fff; margin: 0; padding: 20px; }
.pagina { box-sizing: border-box; width: 812px; max-width: 100%; margin: 0 auto; border: 1px solid #160002; padding: 0 0 16px; }
.encabezado { text-align: center; }
.encabezado img, .lateral img, .titulo-img img { max-width: 100%; height: auto; }
nav.superior { text-align: right; padding: 18px 24px 16px; color: #5C5C5C; }
nav.superior a { margin: 0 4px; }
.cuerpo { display: flex; gap: 16px; align-items: flex-start; padding: 12px 16px 0; }
.lateral { flex: 0 0 213px; }
.contenido { flex: 1; min-width: 0; }
.contenido hr, .pagina > hr { border: 0; border-top: 1px solid #808080; margin: 10px 0; }
.titulo-img { margin: 8px 0; font-size: 1em; }
.leyenda { background: #E8E8E8; width: 100%; max-width: 560px; }
.leyenda td { font-size: 10px; }
.resultados { width: 100%; border-collapse: collapse; }
.resultados td { padding: 6px 4px; vertical-align: middle; }
.resultados td.icono { width: 34px; text-align: right; }

/* Formulario de búsqueda (aspecto EasyUI "default") */
.form-busqueda { display: grid; grid-template-columns: 64px 1fr; gap: 6px 8px; align-items: center; max-width: 440px; }
.form-busqueda label { text-align: right; font-weight: normal; font-family: Tahoma, Verdana, sans-serif; font-size: 10px; color: #5C5C5C; }
.form-busqueda input, .form-busqueda select {
  box-sizing: border-box; height: 22px; width: 165px; max-width: 100%;
  border: 1px solid #95B8E7; border-radius: 5px; background-color: #fff;
  padding: 0 4px; font: 12px Tahoma, Verdana, sans-serif; color: #404040; outline: none;
}
.form-busqueda input:focus, .form-busqueda select:focus { border-color: #6b9cde; box-shadow: 0 0 3px 0 #95B8E7; }
.form-busqueda select {
  -webkit-appearance: none; appearance: none; padding-right: 24px; cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20'%3E%3Crect width='18' height='20' fill='%23E0ECFF'/%3E%3Cpath d='M5 8h8l-4 5z' fill='%23444'/%3E%3C/svg%3E") no-repeat right center;
}
.form-busqueda select#codigo { width: 255px; }
.form-busqueda .corto { width: 56px; }
.form-busqueda .ayuda { font-size: 10px; color: #5C5C5C; margin-left: 4px; }
.form-busqueda .acciones { grid-column: 2; }
.form-busqueda button, .boton {
  height: 25px; min-width: 80px; padding: 0 10px; cursor: pointer;
  border: 1px solid #BBB; border-radius: 5px; background: linear-gradient(#fff 0, #EEE 100%);
  font: bold 12px Tahoma, Verdana, sans-serif; color: #5C5C5C;
}
.form-busqueda button:hover, .boton:hover { background: #E6E6E6; border-color: #DDD; color: #000; }
.contacto { display: flex; gap: 12px; align-items: center; }
.enlaces { text-align: center; }
.enlaces img { margin: 6px 10px; max-width: 100%; height: auto; }
.aviso { background: #fff7d6; border: 1px solid #e5c95b; padding: 8px; }
.ok { background: #e3f6e3; border: 1px solid #7bc47b; padding: 8px; }
.errores { background: #fde8e8; border: 1px solid #e07a7a; padding: 8px 8px 8px 28px; }

/* Panel */
.admin-nav { background: #EEE; padding: 8px; }
.admin-nav form.en-linea, form.en-linea { display: inline; }
.admin-contenido { padding: 8px 16px 32px; }
.admin table.datos { border-collapse: collapse; width: 100%; }
.admin table.datos th, .admin table.datos td { border-bottom: 1px solid #ddd; padding: 4px 6px; text-align: left; }
.admin table.datos tr:nth-child(even) td { background: #F2F2F2; }
.admin .form { display: grid; grid-template-columns: 170px 1fr; gap: 8px 12px; max-width: 820px; }
.admin .form label.campo { text-align: right; font-weight: bold; padding-top: 3px; }
.admin .form textarea { width: 100%; max-width: 520px; }
.admin .form input[type=text] { max-width: 520px; width: 100%; box-sizing: border-box; }
.admin .form input.corto { width: 110px; }
.admin fieldset { border: 1px solid #ccc; }
.grafico { margin: 16px 0; }
.grafico figcaption { font-weight: bold; margin-bottom: 4px; }
.barras { display: flex; align-items: flex-end; gap: 6px; height: 200px; border-bottom: 1px solid #999; padding: 0 4px; }
.barra-col { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 36px; }
.barra { display: block; width: 26px; background: #479CC9; }
.valor, .mes { font-size: 11px; }

@media (max-width: 760px) {
  .cuerpo { flex-direction: column; }
  .lateral { flex: none; align-self: center; }
  nav.superior { text-align: center; }
  .form-busqueda, .admin .form { grid-template-columns: 1fr; }
  .form-busqueda label, .admin .form label.campo { text-align: left; }
  .form-busqueda .acciones { grid-column: 1; }
}