/* NOTARÍA 67 — Formatos y solicitudes, recursos externos (sobre css/app.css) */
.fr-hd { max-width: 760px; }
.fr-hd .lead a { color: var(--icono); text-decoration: underline; text-underline-offset: 3px; }
.fr-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--accent); }
.fr-desc { margin: -6px 0 12px; font-size: 14.5px; color: var(--text-2); }
.fr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.fr-item { display: flex; align-items: center; gap: 14px; padding: 16px 18px; transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease); }
.fr-item:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.fr-doc, .fr-sigla { flex: none; display: grid; place-items: center; width: 50px; height: 56px; border-radius: 12px; font-size: 26px; color: var(--icono); background: var(--primary-soft); }
.fr-doc.fr-t-pdf { color: var(--danger); background: var(--danger-soft); }
.fr-doc.fr-t-doc { color: #2b5797; background: #e6eef9; }
.fr-doc.fr-t-xls { color: #1e7145; background: #e3f2ea; }
[data-theme="dark"] .fr-doc.fr-t-doc { color: #8fb3ea; background: rgba(43, 87, 151, 0.25); }
[data-theme="dark"] .fr-doc.fr-t-xls { color: #7fd1a4; background: rgba(30, 113, 69, 0.25); }
.fr-sigla { width: 56px; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; font-family: var(--mono); }
/* Siglas largas (Cancillería, MinJusticia…): caja más ancha y letra más pequeña, en un renglón */
.fr-sigla-larga { width: 72px; padding: 0 3px; font-size: 9.5px; letter-spacing: -0.02em; white-space: nowrap; }
.fr-txt { flex: 1; min-width: 0; }
.fr-txt b { display: block; font-size: 15.5px; line-height: 1.3; }
.fr-txt small { display: block; margin-top: 2px; font-size: 13.5px; color: var(--text-2); }
.fr-txt em { display: block; margin-top: 4px; font-style: normal; font-size: 12.5px; color: var(--text-3); overflow-wrap: anywhere; }
.fr-bajar { flex: none; font-size: 20px; color: var(--text-3); }
.fr-item:hover .fr-bajar { color: var(--icono); }
.fr-banda { display: flex; flex-direction: row; align-items: center; gap: 16px; margin-top: 26px; text-align: left; }
.fr-banda > span:nth-child(2) { flex: 1; }
.fr-banda small { display: block; margin-top: 2px; }
.fr-nota { display: flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 13.5px; color: var(--text-3); }
@media (max-width: 760px) { .fr-grid { grid-template-columns: 1fr; } }