/* 05_pregunta_del_dia_banco.html: piezas propias de esta herramienta. */

.container { max-width:680px;margin:0 auto; }
.section-title { font-size:24px;font-weight:500;font-family:var(--font-display);color:var(--color-chocolate);line-height:1.35;margin-bottom:.5rem; }
.section-sub { font-size:15.5px;color:var(--color-mocha);line-height:1.65;margin-bottom:1.75rem; }
.daily-card { border:.5px solid var(--color-terracotta);border-radius:0;padding:2rem 1.75rem;margin-bottom:2rem;background:var(--color-beige); }
.daily-tag { font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--color-terracotta-deep);margin-bottom:1.25rem; }
.daily-q { font-size:22px;font-weight:500;font-family:var(--font-display);color:var(--color-chocolate);line-height:1.45;margin-bottom:1.5rem; }
.daily-meta { font-size:12px;color:var(--color-mocha); }
.daily-actions { display:flex;gap:10px;margin-top:1.25rem;flex-wrap:wrap; }
.tabs { display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1.75rem; }
.tab { padding:8px 16px;border-radius:0;border:.5px solid var(--color-taupe);background:transparent;font-size:14.5px;cursor:pointer;color:var(--color-mocha);font-family:inherit;transition:background .15s; }
.tab:hover { background:var(--color-beige); }
.tab.on { background:var(--color-chocolate);color:var(--color-ivory);border-color:var(--color-chocolate); }
.bank-grid { display:flex;flex-direction:column;gap:8px; }
.q-card { background:var(--color-beige);border:.5px solid var(--color-taupe);border-radius:0;padding:1rem 1.25rem;position:relative;transition:border-color .15s; }
.q-card:hover { border-color:var(--color-terracotta); }
.q-card.saved { border-color:var(--color-olive); }
.q-card .tag { font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--color-mocha);margin-bottom:.4rem; }
.q-card p { font-size:16.5px;color:var(--color-chocolate);line-height:1.6;font-family:var(--font-display);padding-right:2rem; }
.save-btn { position:absolute;top:.75rem;right:.875rem;background:none;border:none;cursor:pointer;font-size:17.5px;color:var(--color-mocha);padding:2px; }
.save-btn.on { color:var(--color-terracotta-deep); }
.pagination { display:flex;gap:8px;align-items:center;justify-content:center;margin-top:1rem; }
.pg-btn { background:transparent;border:.5px solid var(--color-taupe);border-radius:0;padding:7px 14px;font-size:14.5px;cursor:pointer;font-family:inherit;color:var(--color-mocha); }
.pg-btn:hover { background:var(--color-beige); }
.pg-btn:disabled { opacity:.3;cursor:default; }
.pg-info { font-size:12px;color:var(--color-mocha); }
.btn { background:transparent;border:.5px solid var(--color-taupe);border-radius:0;padding:9px 18px;font-size:14.5px;cursor:pointer;font-family:inherit;color:var(--color-mocha); }
.saved-section { margin-top:1.75rem;border-top:.5px solid var(--color-taupe);padding-top:1.25rem; }
.saved-title { font-size:14.5px;color:var(--color-mocha);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem; }
.saved-empty { font-size:14.5px;color:var(--color-mocha);font-style:italic; }
.firma { font-size:11px;color:var(--color-mocha);margin-top:2rem;letter-spacing:.04em; }