/* PIEZA: ficha del articulo
 * ---------------------------------------------------------------------------
 * Va justo debajo de la imagen destacada, donde antes estaba la fecha suelta.
 *
 * Discreta a proposito. Esto es contexto, no contenido: tiene que poder
 * consultarse de un vistazo y desaparecer en cuanto empiezas a leer. Si pesa
 * mas que el primer parrafo, esta mal hecha.
 *
 * Ni un color ni una tipografia nueva. Todo medido sobre las paginas vivas el
 * 2026-09-02:
 *   #3A3A3A  texto del sitio      -> nombre del autor
 *   #595959  gris del pie         -> el resto de los datos
 *   #1E72BD  azul de enlaces      -> solo al pasar por encima
 *   #DDE1E6  linea                -> los dos filetes
 * --------------------------------------------------------------------------- */

.dl-ficha {
  margin: 0 0 1.5rem;
  padding: 0.7rem 0;
  border-top: 1px solid #DDE1E6;
  border-bottom: 1px solid #DDE1E6;
  font-size: 0.875rem;
  line-height: 1.5;
}

.dl-ficha p {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.15rem 0.45rem;
}

/* --- Fila 1: quien firma y quien edita ---------------------------------- */

.dl-ficha__autoria { color: #3A3A3A; }

.dl-ficha__por {
  color: #595959;
  font-weight: 400;
}

.dl-ficha__autor {
  font-weight: 600;
  color: #3A3A3A;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 180ms cubic-bezier(0.16, 1, 0.3, 1),
              border-color 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
a.dl-ficha__autor:hover {
  color: #1E72BD;
  border-bottom-color: #1E72BD;
}
a.dl-ficha__autor:focus-visible {
  outline: 2px solid #1E72BD;
  outline-offset: 2px;
  border-radius: 2px;
  transition: none;
}

/* La revision juridica se marca un poco mas: cuando exista, es la senal mas
   fuerte que puede llevar una pagina de este sitio. */
.dl-ficha__revisor {
  color: #3A3A3A;
  font-weight: 600;
}

.dl-ficha__editor { color: #595959; }

/* --- Fila 2: cuando, seccion y duracion --------------------------------- */

.dl-ficha__datos {
  margin-top: 0.2rem;
  color: #595959;
  font-size: 0.8125rem;
}

/* Cifras alineadas: en una fila de fechas, los numeros de ancho variable
   bailan y se leen peor. */
.dl-ficha__datos time { font-variant-numeric: tabular-nums; }

a.dl-ficha__dato {
  color: #595959;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 180ms cubic-bezier(0.16, 1, 0.3, 1),
              border-color 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
a.dl-ficha__dato:hover {
  color: #1E72BD;
  border-bottom-color: #1E72BD;
}
a.dl-ficha__dato:focus-visible {
  outline: 2px solid #1E72BD;
  outline-offset: 2px;
  border-radius: 2px;
  transition: none;
}

/* La fecha de revision, un punto mas oscura que el resto de la fila: en un
   sitio de tramites es el dato que decide si te fias de lo que estas leyendo. */
.dl-ficha__dato--rev { color: #3A3A3A; }

.dl-ficha__sep {
  color: #B9BFC6;
  user-select: none;
}

/* --- Movil --------------------------------------------------------------
   La ficha no se recorta: en una pagina de consulta legal, saber de cuando es
   el texto importa igual en el movil. Solo se aprieta un poco el espaciado. */
@media (max-width: 600px) {
  .dl-ficha {
    padding: 0.6rem 0;
    margin-bottom: 1.15rem;
    font-size: 0.84375rem;
  }
  .dl-ficha__datos { font-size: 0.78125rem; }
  .dl-ficha p { gap: 0.1rem 0.35rem; }
}

@media (prefers-reduced-motion: reduce) {
  .dl-ficha a { transition: none; }
}

/* En Modelos el foco es el documento a descargar, no quien ni cuando lo
   escribio: fuera la fila de autoria. El boton de compartir (fuera de
   .dl-ficha) se queda. */
article.category-modelos .dl-ficha {
  display: none;
}