/* SEORise · banner de medición y puertas de Fake Door (independiente del tema de cada página). */
.tc-banner, .fd-box, .fd-card { --tc-bg: #ffffff; --tc-ink: #141a24; --tc-muted: #5f6878; --tc-line: #e3e7ed; --tc-accent: #3b68d8; --tc-accent-ink: #fff; font-family: "Manrope", ui-sans-serif, system-ui, sans-serif; }
@media (prefers-color-scheme: dark) { .tc-banner, .fd-box, .fd-card { --tc-bg: #171d27; --tc-ink: #e8edf5; --tc-muted: #a2acbd; --tc-line: #283141; --tc-accent: #7c9ef5; --tc-accent-ink: #0d1322; } }
.tc-banner { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 1000; max-width: 560px; margin-left: auto; padding: 14px 16px; border-radius: 14px; background: var(--tc-bg); color: var(--tc-ink); border: 1px solid var(--tc-line); box-shadow: 0 12px 32px -12px rgb(0 0 0 / 35%); font-size: 14px; line-height: 1.45; }
.tc-banner p { margin: 0 0 10px; }
.tc-banner a { color: var(--tc-accent); }
.tc-actions { display: flex; gap: 8px; justify-content: flex-end; }
.tc-actions button, .fd-btn, .fd-close, .fd-link { font: 600 14px/1 inherit; font-family: inherit; padding: 10px 16px; border-radius: 999px; cursor: pointer; border: 1px solid var(--tc-line); background: transparent; color: var(--tc-ink); }
.tc-actions .tc-yes, .fd-btn { background: var(--tc-accent); color: var(--tc-accent-ink); border-color: var(--tc-accent); }
.tc-actions button:focus-visible, .fd-btn:focus-visible, .fd-close:focus-visible, .fd-link:focus-visible { outline: 2px solid var(--tc-accent); outline-offset: 2px; }
.fd-card { display: grid; gap: 6px; justify-items: start; padding: 16px 18px; margin: 16px 0; border-radius: 14px; border: 1px dashed var(--tc-line); background: var(--tc-bg); color: var(--tc-ink); }
.fd-card p { margin: 0 0 6px; color: var(--tc-muted); font-size: 14px; }
.fd-tag { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--tc-muted); }
.fd-modal { position: fixed; inset: 0; z-index: 1001; display: grid; place-items: center; padding: 16px; background: rgb(0 0 0 / 45%); }
.fd-box { width: min(440px, 100%); display: grid; gap: 10px; padding: 20px; border-radius: 16px; background: var(--tc-bg); color: var(--tc-ink); box-shadow: 0 20px 50px -20px rgb(0 0 0 / 50%); }
.fd-box h2 { margin: 0; font-size: 18px; }
.fd-box p { margin: 0; color: var(--tc-muted); font-size: 14px; line-height: 1.5; }
.fd-box textarea { width: 100%; box-sizing: border-box; border-radius: 10px; border: 1px solid var(--tc-line); padding: 8px 10px; font: inherit; background: transparent; color: inherit; }
.fd-check { font-size: 13px; color: var(--tc-muted); display: flex; gap: 6px; align-items: center; }
.fd-link { justify-self: start; }
.fd-close { justify-self: end; }