/* ============================================================
   Civika · Ficha de ayuda (Fase 5)
   ============================================================ */

.ficha-tags { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.ficha-denom { margin-top: var(--space-2); color: var(--slate-500); font-size: var(--text-sm); }

.ficha-quickfacts {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4);
  margin-top: var(--space-6); padding-bottom: var(--space-8);
}
.quickfact {
  background: var(--white); border: 1px solid var(--slate-200); border-radius: var(--radius-md);
  padding: var(--space-4);
}
.quickfact span { display: block; font-size: var(--text-xs); color: var(--slate-500); margin-bottom: 4px; }
.quickfact strong { font-size: var(--text-lg); color: var(--ink-900); }

.ficha-quickfacts-v2 { grid-template-columns: repeat(4, 1fr); }
.ficha-quickfacts-v2 .quickfact span { display: flex; align-items: center; gap: 6px; }
.ficha-quickfacts-v2 .quickfact span svg { flex-shrink: 0; color: var(--slate-400); }
.ficha-quickfacts-v2 .quickfact strong { display: block; margin-top: 2px; }
.quickfact-action { display: flex; align-items: center; }
.quickfact-action .btn { min-height: auto; }

.ficha-note-box {
  display: flex; gap: var(--space-2); align-items: flex-start; margin-top: var(--space-4);
  padding: var(--space-3); border-radius: var(--radius-md); background: var(--green-50);
}
.ficha-note-box svg { flex-shrink: 0; margin-top: 1px; color: var(--green-700); }
.ficha-note-box p { margin: 0; color: var(--green-800); font-size: var(--text-xs); line-height: var(--leading-normal); }

.ficha-cuantia-amount { margin: var(--space-2) 0 0; font-size: var(--text-2xl); font-weight: 800; color: var(--ink-900); }
.ficha-cuantia-label { margin: 2px 0 0; color: var(--slate-500); font-size: var(--text-sm); }
.ficha-compartir-desc { margin: 4px 0 0; color: var(--slate-500); font-size: var(--text-sm); }

.ficha-sidebar { position: sticky; top: calc(var(--header-height) + 16px); }
.ficha-fact { padding-block: var(--space-3); border-bottom: 1px solid var(--slate-100); }
.ficha-fact:first-child { padding-top: 0; }
.ficha-fact span { display: block; font-size: var(--text-xs); font-weight: 700; color: var(--slate-500); text-transform: uppercase; letter-spacing: .03em; margin-bottom: 2px; }
.ficha-fact p { font-size: var(--text-sm); color: var(--ink-900); }
.ficha-action-desc { margin-top: var(--space-2); font-size: var(--text-xs); color: var(--slate-500); text-align: center; }

.ficha-share { display: flex; gap: var(--space-2); margin-top: var(--space-4); }
.ficha-share-btn {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 40px; border-radius: var(--radius-md); font-size: var(--text-xs); font-weight: 700;
  border: 1px solid var(--slate-200); background: var(--white); color: var(--slate-600);
  cursor: pointer; text-decoration: none;
}
.ficha-share-wa { background: #25D366; border-color: #25D366; color: var(--white); }
.ficha-share-copy:hover { background: var(--slate-100); }

.ficha-main { min-width: 0; }
.ficha-section { padding-block: var(--space-6); border-bottom: 1px solid var(--slate-100); }
.ficha-section:first-child { padding-top: 0; }
.ficha-section:last-child { border-bottom: none; }
.ficha-section h2 { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.ficha-resumen { background: var(--green-50); border-radius: var(--radius-lg); padding: var(--space-5) var(--space-6); border-bottom: none; }
.ficha-resumen h2 { color: var(--green-700); }
.ficha-resumen p, .ficha-body-text { color: var(--slate-600); line-height: var(--leading-normal); font-size: var(--text-sm); }

.ficha-checklist { display: flex; flex-direction: column; gap: var(--space-2); }
.ficha-checklist li { position: relative; padding-left: 26px; font-size: var(--text-sm); color: var(--slate-600); }
.ficha-checklist li::before { content: "✔"; position: absolute; left: 0; color: var(--green-600); font-weight: 700; }
.ficha-note { margin-top: var(--space-3); font-size: var(--text-xs); color: var(--slate-400); }

.ficha-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }

.ficha-table { width: 100%; border-collapse: collapse; }
.ficha-table td { padding: var(--space-3) 0; border-bottom: 1px solid var(--slate-100); font-size: var(--text-sm); vertical-align: top; }
.ficha-table td:first-child { color: var(--slate-500); width: 40%; }
.ficha-table td:last-child { color: var(--ink-900); font-weight: 600; }
.ficha-table tr:last-child td { border-bottom: none; }

.ficha-links { display: flex; flex-direction: column; gap: var(--space-2); }
.ficha-links a { font-size: var(--text-sm); font-weight: 600; }

@media (max-width: 900px) {
  .ficha-quickfacts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .ficha-quickfacts { grid-template-columns: 1fr; }
}