.top .marca{font:700 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);padding:3px 8px;border-radius:3px;text-decoration:none}
.cargando{padding:60px 0;text-align:center;color:var(--muted)}
.hero{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px 18px 16px;margin-bottom:18px;position:relative}
.hero h2{margin:0 0 12px;font-size:22px;text-wrap:balance}
#bf{display:flex;gap:8px}
#bq{flex:1;min-width:0;font:17px var(--body);padding:12px 14px;border:2px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg)}
#bq:focus{outline:none;border-color:var(--accent)}
#bf button{font:600 16px var(--body);padding:0 18px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}
.ac{position:absolute;left:18px;right:18px;z-index:4;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px rgb(0 0 0/.12);margin-top:4px;overflow:hidden}
.ac button{display:flex;justify-content:space-between;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:9px 12px;font:15px var(--body);color:var(--fg);cursor:pointer}
.ac button:hover,.ac button:focus{background:var(--accent-soft);outline:none}
.ac .x,.promo .x,.x{color:var(--muted);font-size:13px}
.ejemplos{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
.sug{font:14px var(--body);background:var(--chip);color:var(--fg);border:1px solid var(--line);border-radius:999px;padding:4px 11px;cursor:pointer;margin:2px 2px 2px 0}
.sug:hover{border-color:var(--accent);color:var(--accent)}
.resp{font-size:17px;line-height:1.55;max-width:75ch;margin:6px 0 14px}
#bres h2{font-size:22px;margin-top:6px}
#bres h3{margin:18px 0 8px}
#bres .card{margin-bottom:10px}
h2.sep{border-top:1px solid var(--line);padding-top:16px;margin-top:26px;font-size:17px!important;color:var(--muted)}
a.mk{color:inherit;text-decoration:none;border-bottom:1px dotted var(--muted)}
a.mk:hover{color:var(--accent);border-color:var(--accent)}
a.chip{text-decoration:none;color:var(--fg)}
.pie{max-width:1200px;margin:0 auto;padding:0 16px 32px;color:var(--muted);font-size:12px}
@media (max-width:600px){#bf button{padding:0 12px}.hero h2{font-size:19px}.resp{font-size:16px}}