/* ============================================================
   Ficha de documentos (compartida) - GOV.CO  (v1, generalizada de planeacion v4)
   Clases neutrales .ficha-doc / .fd-* / .doc-card* — reutilizable por todos los
   tipos de contenido de tipo "documento".
   ============================================================ */
.ficha-doc { max-width: 1040px; margin: 0 auto; }
.ficha-doc .fd-block { margin-bottom: 40px; }
.ficha-doc .fd-section-title {
  display: flex; align-items: center; gap: 10px;
  font-size: 16px; font-weight: 800; color: #1f1f1f;
  margin: 0 0 22px; padding-bottom: 12px; border-bottom: 1px solid #eee;
}
.ficha-doc .fd-section-title i { color: #ea130e; font-size: 18px; }

/* Volver a la lista */
.ficha-doc .fd-back {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0 0 24px; padding: 8px 16px;
  color: #ea130e; font-weight: 600; font-size: 14px; text-decoration: none;
  border: 1px solid #f0d4d3; border-radius: 999px; background: #fff;
  transition: background .2s ease, border-color .2s ease;
}
.ficha-doc .fd-back:hover { background: #fdeceb; border-color: #ea130e; color: #c20f0b; }
.ficha-doc .fd-back i { font-size: 13px; }

/* Información del documento: lista con icono, sin tarjeta */
.fd-meta-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 26px 34px; }
.fd-meta-card { display: flex; align-items: flex-start; gap: 14px; background: none; border: none; box-shadow: none; padding: 0; }
.fd-meta-card__icon { flex: 0 0 auto; color: #ea130e; font-size: 24px; line-height: 1; margin-top: 3px; }
.fd-meta-card__text { min-width: 0; }
.fd-meta-card__label { display: block; font-size: 18px; font-weight: 700; color: #111; line-height: 1.25; margin-bottom: 5px; }
.fd-meta-card__value { display: block; font-size: 15px; color: #555; line-height: 1.5; }
.fd-meta-card__value a { color: #ea130e; }

/* Descripción */
.fd-desc { color: #444; line-height: 1.75; font-size: 15.5px; }

/* Documentos para descargar (tarjetas) */
.fd-cards { display: grid; grid-template-columns: 1fr; gap: 14px; }
.doc-card {
  display: flex; align-items: center; gap: 18px;
  padding: 18px 22px; background: #fff; border: 1px solid #eee; border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04); transition: box-shadow .25s ease, transform .25s ease;
}
.doc-card:hover { box-shadow: 0 12px 30px rgba(0,0,0,.10); transform: translateY(-2px); }
.doc-card__icon {
  flex: 0 0 auto; width: 58px; height: 58px; border-radius: 16px;
  color: #fff; display: flex; align-items: center; justify-content: center; font-size: 26px;
  background: linear-gradient(135deg, #6b7280, #9aa3af);
}
.doc-card--pdf  .doc-card__icon { background: linear-gradient(135deg, #ea130e, #ff6a5e); }
.doc-card--xls  .doc-card__icon { background: linear-gradient(135deg, #1f8a4c, #4ecb84); }
.doc-card--word .doc-card__icon { background: linear-gradient(135deg, #1a56c4, #4b87f0); }
.doc-card--ppt  .doc-card__icon { background: linear-gradient(135deg, #d24726, #f0764b); }
.doc-card--img  .doc-card__icon { background: linear-gradient(135deg, #0f9b8e, #4fd1c5); }
.doc-card--zip  .doc-card__icon { background: linear-gradient(135deg, #8a5a2b, #c08a4e); }
.doc-card--file .doc-card__icon { background: linear-gradient(135deg, #6b7280, #9aa3af); }
.doc-card__body { flex: 1 1 auto; min-width: 0; }
.doc-card__title {
  display: block; font-weight: 700; font-size: 16.5px; color: #1f1f1f;
  text-decoration: none; line-height: 1.35; word-break: break-word;
}
.doc-card__title:hover { color: #ea130e; text-decoration: underline; }
.doc-card__meta {
  display: block; margin-top: 5px; font-size: 12px; color: #9a9a9a;
  text-transform: uppercase; letter-spacing: .05em; font-weight: 600;
}
.doc-card__btn {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px;
  background: #ea130e; color: #fff; padding: 11px 20px; border-radius: 11px;
  font-weight: 600; font-size: 14px; text-decoration: none; transition: background .2s ease;
}
.doc-card__btn:hover { background: #c20f0b; color: #fff; }

@media (max-width: 600px) {
  .fd-meta-grid { grid-template-columns: 1fr; }
  .doc-card { flex-wrap: wrap; }
  .doc-card__btn { width: 100%; justify-content: center; }
}


/* ------------------------------------------------------------
   Valores de clasificacion (taxonomia) como badges (sin enlace feo).
   El enlace al termino se desactiva en el display; aqui solo el estilo.
   ------------------------------------------------------------ */
.fd-meta-card__value .field--type-entity-reference.field__item,
.fd-meta-card__value .field--type-entity-reference .field__item {
  display: inline-block;
  margin: 2px 6px 2px 0;
  background: #fbeceb;
  color: #c20f0b;
  border: 1px solid #f4d3d1;
  padding: 3px 13px;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
}
.fd-meta-card__value .field--type-entity-reference a {
  color: #c20f0b;
  text-decoration: none;
}

/* ------------------------------------------------------------
   Badges de clasificacion enlazables (Opcion 1: clic -> listado curado).
   ------------------------------------------------------------ */
.fd-meta-card__value.fd-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.fd-badge {
  display: inline-block;
  background: #fbeceb;
  color: #c20f0b;
  border: 1px solid #f4d3d1;
  padding: 3px 13px;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
}
a.fd-badge--link { transition: background .15s ease, color .15s ease, border-color .15s ease; }
a.fd-badge--link:hover { background: #ea130e; color: #fff; border-color: #ea130e; }