/* Barra inferior de frases. Colores provisionales (ver CLAUDE.md regla 8). */
body.has-fq { padding-bottom: 92px; }
.fux-quote {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 20;
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding: 10px 20px; background: #2a2118; color: #f1e6cf; border-top: 2px solid #9a6a12;
}
.fux-quote .fq-body { flex: 1 1 360px; min-width: 0; }
.fux-quote .fq-text { margin: 0; font: italic 1.02rem/1.4 Georgia, "Times New Roman", serif; transition: opacity .25s; }
.fux-quote .fq-who { display: block; margin-top: 2px; font: .72rem system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #cdbd9a; }
.fux-quote.fq-out .fq-text { opacity: 0; }
.fux-quote button { font: .78rem system-ui, sans-serif; padding: 4px 10px; background: transparent; color: #f1e6cf; border: 1px solid #cdbd9a; border-radius: 4px; cursor: pointer; }
.fux-quote button:hover { background: rgba(241, 230, 207, .12); }
.fux-quote button:focus-visible { outline: 3px solid #7db4f5; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .fux-quote .fq-text { transition: none; } }
@media (max-width: 560px) { body.has-fq { padding-bottom: 150px; } .fux-quote { padding: 8px 14px; } }