/* BLOQUE GENERAL */
.llm-output {
  margin: 0;
  padding: 20px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}


/* estilo especial para desplegar a ancho completo */
.llm-output-full-width {
  max-width: 100%;  /* Anula cualquier max-width anterior como 70% o 75% */
  width: 100%;
  align-self: center; /* Se asegura que se centre en el contenedor flex */
  box-sizing: border-box; /* Para que el padding y borde no afecten el ancho total */
}


/* BLOQUES de categorías */
.llm-output .categoria {
  margin-bottom: 40px;
}

/* TÍTULO del bloque de categoría */
.llm-output .categoria h4 {
  font-size: 15px; /* tamaño consistente */
  color: #337ab7;  /* azul Bootstrap 3 */
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
  border-bottom: 2px solid #337ab7; /* línea azul más visible */
  padding-bottom: 5px;
}

/* TEXTOS normales dentro */
.llm-output p {
  margin-bottom: 10px;
}

/* LISTAS */
.llm-output ul {
  padding-left: 0;
  margin: 0 0 10px 0;
  list-style: none;
}

.llm-output ul li {
  margin-bottom: 8px;
}

.llm-output li strong {
  display: inline-block;
  margin-right: 8px;
  font-weight: bold;
  color: #333;
  min-width: 0;
  white-space: nowrap;
}

/* TABLAS */
.llm-output table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.llm-output th,
.llm-output td {
  padding: 6px 10px;
  border: 1px solid #ddd;
  text-align: left !important;
  vertical-align: middle;
}

.llm-output thead {
  background-color: #f5f5f5;
}

.llm-output .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.llm-output .table-hover tbody tr:hover {
  background-color: #f5f5f5;
}

.llm-output .tabla-licitaciones-container {
  width: 100%;
  overflow-x: auto; /* Añade scroll horizontal si la tabla no cabe */
  margin-bottom: 15px; /* Espacio extra debajo */
  border: 1px solid #ddd; /* Opcional: un borde sutil alrededor */
}

.llm-output .tabla-licitaciones th,
.llm-output .tabla-licitaciones td {
  vertical-align: top;
}

.llm-output .tabla-licitaciones tbody tr:hover {
  background-color: #f5f5f5; /* Mismo color que el hover genérico */
}

  .text-center {
    text-align: center !important;
  }

  .text-right {
    text-align: right !important;
  }

.nowrap {
    white-space: nowrap;
  }