@charset "UTF-8";
/* ==========================================================================
   ATRAMIA MATERIALES - FUENTES DE CONOCIMIENTO
   Depende de /css/tokens.css. Solo tokens.
   ========================================================================== */

.rejilla-conocimiento {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--espaciado-md);
  margin-bottom: var(--espaciado-xl);
}

.separador-suave {
  margin: var(--espaciado-lg) 0;
  border: 0;
  border-top: 1px solid var(--color-borde-tenue);
}

/* ==========================================================================
   Resultados de la prueba de busqueda
   ========================================================================== */

.resultados {
  margin-top: var(--espaciado-md);
}

.resultado {
  position: relative;
  padding: var(--espaciado-sm);
  margin-bottom: var(--espaciado-xs);
  background-color: var(--color-superficie-tenue);
  border-radius: var(--radio-sm);
}

/* La cita del documento y la pagina: es lo que hace verificable la respuesta. */
.resultado__cita {
  margin: 0 0 var(--espaciado-2xs);
  font-size: var(--texto-xs);
  font-weight: var(--peso-medio);
  color: var(--color-texto-acento);
}

.resultado__texto {
  margin: 0;
  font-family: var(--fuente-lectura);
  font-size: var(--texto-sm);
  line-height: 1.55;
  color: var(--color-texto-secundario);
}

.resultado__puntuacion {
  position: absolute;
  top: var(--espaciado-sm);
  right: var(--espaciado-sm);
  font-family: var(--fuente-mono);
  font-size: var(--texto-xs);
  font-variant-numeric: tabular-nums;
  color: var(--color-texto-auxiliar);
}