@font-face{font-family:Anton;src:url(../fontes/Anton-Regular.woff2) format("woff2"),url(../fontes/Anton-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:Montserrat;src:url(../fontes/Montserrat-VariableFont_wght.woff2) format("woff2"),url(../fontes/Montserrat-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--bg:#07090A;--card:#0f1513;--line:#1e2a22;--esm:#00C27A;--neo:#19E58F;--ouro:#F7D774;--ouro2:#C9962E;--txt:#f1efe6;--m:#a9a596}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(120% 60% at 50% 0,#0c2a1d 0,var(--bg) 60%);color:var(--txt);font-family:Montserrat,system-ui,sans-serif;font-size:15px;min-height:100vh;padding-bottom:84px}
a{color:var(--neo)}
h1,h2,h3{font-family:Anton,Montserrat,sans-serif;font-weight:400;letter-spacing:.5px;margin:.2em 0}
h2{font-size:22px;background:linear-gradient(90deg,var(--ouro),var(--ouro2));-webkit-background-clip:text;background-clip:text;color:transparent}
h3{font-size:17px}
.topo{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(7,9,10,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.topo img{height:30px}.topo .t{font-family:Anton;font-size:17px;color:var(--ouro)}.topo .s{font-size:11px;color:var(--m)}
.topo .dir{margin-left:auto;font-size:11px;text-align:right}
.faixa{background:linear-gradient(90deg,#3a2a05,#5a420a);color:var(--ouro);font-size:11.5px;font-weight:700;text-align:center;padding:5px 8px;letter-spacing:.3px}
main{padding:12px 14px;max-width:560px;margin:0 auto}
.card{background:linear-gradient(180deg,#111a16,#0b100e);border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0}
.card.ouro{border-color:#6b5414;box-shadow:0 0 0 1px #2a2008 inset,0 8px 30px rgba(201,150,46,.12)}
.item{border-top:1px solid var(--line);padding:11px 0;display:flex;gap:10px;align-items:flex-start}
.item:first-of-type{border-top:0}
.item .grow{flex:1;min-width:0}.item b{display:block}
.muted{color:var(--m);font-size:12.5px}
.tag{display:inline-block;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:99px;margin:2px 4px 2px 0;letter-spacing:.3px}
.tag.ex{background:#3a2a05;color:var(--ouro);border:1px solid #6b5414}
.tag.real{background:#05301f;color:var(--neo);border:1px solid #0b5a3a}
.tag.sim{background:#3a0f0f;color:#ff9b9b;border:1px solid #6a1d1d}
.tag.ok{background:#05301f;color:var(--neo)}
button,.btn{font-family:inherit;font-weight:800;font-size:14px;border:0;border-radius:12px;padding:11px 14px;cursor:pointer;background:linear-gradient(180deg,var(--neo),var(--esm));color:#02130b;text-decoration:none;display:inline-block}
button.ouro,.btn.ouro{background:linear-gradient(180deg,var(--ouro),var(--ouro2));color:#1c1402}
button.sec{background:#18221e;color:var(--txt);border:1px solid var(--line)}
button.mini{padding:7px 10px;font-size:12.5px;border-radius:10px}
button:active{transform:scale(.98)}
input,select,textarea{width:100%;font-family:inherit;font-size:15px;background:#0a0f0d;color:var(--txt);border:1px solid #27372e;border-radius:11px;padding:10px 11px;margin:4px 0 8px}
label{font-size:12px;color:var(--m);display:block}
.lin{display:flex;gap:8px}.lin>*{flex:1}
.chips{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px}
.chip{white-space:nowrap;background:#121b17;border:1px solid var(--line);color:var(--txt);border-radius:99px;padding:7px 11px;font-size:12.5px;font-weight:600;cursor:pointer}
.chip.on{border-color:var(--esm);color:var(--neo)}
.nav{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;background:rgba(7,9,10,.97);border-top:1px solid var(--line)}
.nav button{flex:1;background:none;color:var(--m);font-size:10.5px;font-weight:700;padding:9px 2px 12px;border-radius:0}
.nav button span{display:block;font-size:19px;margin-bottom:2px}
.nav button.on{color:var(--ouro)}
.ask{display:flex;gap:8px}.ask input{margin:0}
.bolha{background:#0d1d16;border:1px solid #14432f;border-radius:14px 14px 14px 4px;padding:10px 12px;margin:10px 0;font-size:14px}
.preco{font-family:Anton;color:var(--ouro);font-size:18px;white-space:nowrap}
.log{font-family:ui-monospace,monospace;font-size:12px;background:#050807;border:1px solid var(--line);border-radius:10px;padding:10px;white-space:pre-wrap;max-height:260px;overflow:auto}
.enviaria{border-left:3px solid var(--ouro);background:#14110a;padding:8px 10px;border-radius:8px;margin:8px 0;font-size:13px}
.enviaria .muted{font-size:11px}
.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:#0d2a1d;border:1px solid var(--esm);color:var(--txt);padding:10px 14px;border-radius:12px;z-index:20;font-size:13.5px;max-width:92%;box-shadow:0 8px 30px #000}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:15;display:flex;align-items:flex-end;justify-content:center}
.modal .box{background:#0b110e;border:1px solid #2a3a31;border-radius:18px 18px 0 0;width:100%;max-width:560px;max-height:88vh;overflow:auto;padding:16px}
.hscroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
.hscroll img{height:190px;border-radius:12px;border:1px solid var(--line)}
.oculto{display:none!important}
.passo{display:flex;gap:10px;align-items:flex-start;margin:10px 0}
.passo .n{flex:0 0 28px;height:28px;border-radius:50%;background:#18221e;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800}
.passo.feito .n{background:var(--esm);color:#02130b}
.grande{display:block;width:100%;text-align:center;font-size:17px;padding:18px;margin:10px 0}
.chat .msgs{display:flex;flex-direction:column}
.chat .bolha.bot{max-width:94%;align-self:flex-start}
.eu{align-self:flex-end;background:linear-gradient(180deg,#2a2208,#1c1604);border:1px solid #6b5414;color:#fbeec0;border-radius:14px 14px 4px 14px;padding:9px 12px;margin:6px 0;max-width:85%;font-size:14px}
[dir=rtl] .chat .bolha.bot{align-self:flex-end;border-radius:14px 14px 4px 14px}
[dir=rtl] .eu{align-self:flex-start}
/* 01/11/2026 · qualquer cidade do mundo: caixa de sugestões (compartilhado/js/lugares.js) */
.vzl{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:#0b120f;border:1px solid #6b5414;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.75);overflow:hidden;text-align:left}
.vzl-i{display:flex;gap:10px;align-items:center;padding:9px 11px;border-bottom:1px solid var(--line);cursor:pointer}
.vzl-i.on,.vzl-i:hover{background:linear-gradient(90deg,#0c2a1d,#0b120f)}
.vzl-b{font-size:24px;line-height:1;flex:0 0 28px;text-align:center}
.vzl-t{flex:1;min-width:0}.vzl-t b{font-size:14.5px;color:var(--txt)}.vzl-t small{display:block;font-size:11.5px;color:var(--m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vzl-q{font-style:normal;font-size:10px;font-weight:800;color:#1c1402;background:var(--ouro);border-radius:99px;padding:1px 6px;margin-left:4px}
.vzl-h{flex:0 0 auto;text-align:right;font-size:12px;font-weight:800;color:var(--neo)}.vzl-h small{display:block;font-size:9.5px;color:var(--m);font-weight:700}
.vzl-p{font-size:10.5px;color:var(--m);padding:6px 11px;background:#080c0a}
.lugar-ok{display:flex;gap:10px;align-items:center;background:#0a1712;border:1px solid #14432f;border-radius:12px;padding:8px 10px;margin:6px 0}
.lugar-ok .bf{font-size:28px;line-height:1}.lugar-ok b{display:block;font-size:14.5px}.lugar-ok small{color:var(--m);font-size:11.5px}
/* 01/11/2026 · revisão "produto top": fontes leves (woff2), sem zoom do iPhone ao tocar em campos, foco visível, toque mais confortável */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
.chip{min-height:34px;display:inline-flex;align-items:center}
@media (max-width:899px){input,select,textarea{font-size:16px}}
::placeholder{color:#7d7a6e}
/* 01/11/2026 · barra de rolagem dos chips fina e escura/esmeralda (nada de cinza claro) */
.chips,.hscroll,.vzl,.lado{scrollbar-width:thin;scrollbar-color:#14432f transparent}
.chips::-webkit-scrollbar,.hscroll::-webkit-scrollbar{height:4px;width:4px}
.chips::-webkit-scrollbar-track,.hscroll::-webkit-scrollbar-track{background:transparent}
.chips::-webkit-scrollbar-thumb,.hscroll::-webkit-scrollbar-thumb{background:#14432f;border-radius:99px}
.chips::-webkit-scrollbar-thumb:hover,.hscroll::-webkit-scrollbar-thumb:hover{background:#00C27A}
.chips::-webkit-scrollbar-button,.hscroll::-webkit-scrollbar-button{display:none}
.card.escolhido{border-color:#14432f;background:linear-gradient(135deg,#0c2a1d,#0b100e)}
/* ===== 02/11/2026 · TEMA "VIBE DE VIAGEM" (pedido do Luis: cores mais vivas e suaves). Só sobrescreve; o tema anterior está no .bak-2026-11-02-visual ===== */
:root{--bg:#0b1426;--card:#121d33;--line:#23314d;--esm:#1fd1a0;--neo:#5ef0d0;--ouro:#F7D774;--ouro2:#E3A93F;--txt:#eef3fa;--m:#9fb0c8;
 --mar:#2ec5e6;--coral:#ff7a59;--sol:#ffb35c;--lilas:#9b8cff;--rosa:#ff6fa3}
body{background:radial-gradient(110% 55% at 85% -8%,rgba(46,197,230,.20),transparent 62%),radial-gradient(90% 45% at -5% 105%,rgba(255,122,89,.13),transparent 60%),linear-gradient(180deg,#0f1c37 0,#0b1426 45%,#0a1121 100%) fixed;background-color:#0b1426}
.topo{background:rgba(11,20,38,.86);border-bottom:1px solid rgba(255,255,255,.07)}
.faixa{background:linear-gradient(90deg,rgba(255,179,92,.18),rgba(247,215,116,.12));color:#ffe6a8;border-bottom:1px solid rgba(247,215,116,.18)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);border-radius:20px}
.card.ouro{border-color:rgba(247,215,116,.38);box-shadow:0 0 0 1px rgba(247,215,116,.06) inset,0 10px 34px rgba(255,179,92,.10)}
.item{border-top-color:rgba(255,255,255,.07)}
button,.btn{background:linear-gradient(180deg,#6ff3d6,#1fd1a0);color:#04221a;border-radius:14px}
button.ouro,.btn.ouro{background:linear-gradient(180deg,#ffe08a,#f2b54a);color:#2a1a02}
button.sec{background:rgba(255,255,255,.07);color:var(--txt);border:1px solid rgba(255,255,255,.12)}
input,select,textarea{background:rgba(8,15,30,.7);border:1px solid #2a3a5a;color:var(--txt)}
input:focus,select:focus,textarea:focus{border-color:var(--mar);outline:none;box-shadow:0 0 0 3px rgba(46,197,230,.18)}
.chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11)}
.chip.on{border-color:var(--mar);color:#c9f6ff;background:rgba(46,197,230,.13)}
.bolha{background:rgba(46,197,230,.08);border:1px solid rgba(46,197,230,.24)}
.eu{background:linear-gradient(180deg,rgba(255,122,89,.24),rgba(255,179,92,.14));border:1px solid rgba(255,150,100,.45);color:#ffeadf}
.tag.ex{background:rgba(255,179,92,.14);color:#ffd88a;border:1px solid rgba(255,179,92,.38)}
.tag.real{background:rgba(31,209,160,.13);color:#7ff5d6;border:1px solid rgba(31,209,160,.38)}
.modal{background:rgba(5,10,22,.72);backdrop-filter:blur(4px)}
.modal .box{background:linear-gradient(180deg,#14213d,#0e1830);border:1px solid rgba(255,255,255,.10)}
.toast{background:#10223a;border-color:var(--mar)}
.lugar-ok,.card.escolhido{background:linear-gradient(135deg,rgba(46,197,230,.12),rgba(31,209,160,.06));border-color:rgba(46,197,230,.3)}
.vzl{background:#0f1a31;border-color:rgba(247,215,116,.4)}.vzl-i.on,.vzl-i:hover{background:linear-gradient(90deg,rgba(46,197,230,.16),transparent)}
.chips,.hscroll,.vzl{scrollbar-color:#2a4a6a transparent}
.chips::-webkit-scrollbar-thumb,.hscroll::-webkit-scrollbar-thumb{background:#2a4a6a}
.chips::-webkit-scrollbar-thumb:hover,.hscroll::-webkit-scrollbar-thumb:hover{background:var(--mar)}
