/* =========================================================
   FEMEPAR — Estilos globales complementarios a Tailwind
   ========================================================= */

/* ── Scrollbar delgado y discreto (webkit) ────────────── */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

/* ── Scrollbar Firefox ────────────────────────────────── */
* {
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #f1f5f9;
}

/* ── Transición suave al cargar vistas dinámicas ──────── */
#content-area {
  animation: aparecer 0.2s ease;
}

@keyframes aparecer {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── RFC / CURP en mayúsculas automáticas ─────────────── */
#rfc,
#curp {
  text-transform: uppercase;
}