/* ===== Guia do hospede - v3 (Fatia D): 4 abas, render rico, clima ===== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Hanken+Grotesk:wght@400;500;600&display=swap');

:root{
  --barro:#a8542f;--barro-escuro:#7d4a2c;--papel:#f7f3ec;--papel-2:#fffdf8;
  --tinta:#2f2820;--tinta-suave:#5e5346;--tinta-leve:#9a8b78;--linha:#ece1d2;
  --verde:#1aa260;--serif:'Fraunces',Georgia,serif;--sans:'Hanken Grotesk',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--papel);color:var(--tinta);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.oculto{display:none !important;}
a{color:var(--barro-escuro);}
.estado{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--tinta-suave);font-size:17px;}
#guia{max-width:600px;margin:0 auto;background:var(--papel);padding-bottom:76px;}

/* capa */
.capa{position:relative;min-height:62vh;background:linear-gradient(160deg,#6b7a8c,#2d3a4a);background-size:cover;background-position:center;display:flex;}
.capa-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.25),rgba(20,16,12,.78));}
.capa-conteudo{position:relative;z-index:1;width:100%;padding:6vh 24px 4vh;display:flex;flex-direction:column;}
.topo-linha{display:flex;justify-content:space-between;align-items:flex-start;}
.marca{color:#fff;font-size:13px;letter-spacing:2px;opacity:.85;font-weight:500;}
.clima{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);padding:6px 12px;border-radius:30px;color:#fff;font-size:14px;}
.clima svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.capa-fundo{position:absolute;top:4vh;right:24px;font-family:var(--serif);font-size:150px;font-weight:500;color:rgba(255,255,255,.10);line-height:1;pointer-events:none;}
.capa-base{margin-top:auto;}
.saudacao{color:#ece5da;font-size:14px;margin-bottom:4px;}
.capa h1{color:#fff;font-family:var(--serif);font-size:42px;font-weight:500;line-height:1.02;}
.capa-sub{color:#ece5da;font-size:15px;margin-top:2px;}
.clima-dica{color:#fff;font-size:13px;margin-top:12px;background:rgba(255,255,255,.14);padding:9px 14px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;width:fit-content;}
.clima-dica svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}

/* acoes rapidas */
.acoes{display:flex;gap:10px;padding:18px 22px;}
.acao{flex:1;background:var(--papel-2);border:1px solid var(--linha);border-radius:16px;padding:14px 6px;text-align:center;text-decoration:none;color:var(--tinta);}
.acao svg{width:24px;height:24px;fill:none;stroke:var(--barro);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.acao svg path[d*="12.04"]{fill:var(--barro);stroke:none;}
.acao span{display:block;font-size:12px;margin-top:6px;color:var(--tinta-suave);}

/* secoes */
.secao{padding:26px 24px;}
.sep{height:9px;background:repeating-linear-gradient(90deg,#e6ddce,#e6ddce 6px,transparent 6px,transparent 12px);margin:0 24px;opacity:.5;}
.secao-head{display:flex;align-items:center;gap:11px;margin-bottom:16px;}
.secao-ico{width:40px;height:40px;border-radius:11px;background:#f0e6d8;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.secao-ico svg{width:22px;height:22px;fill:none;stroke:var(--barro-escuro);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.secao-head h2{font-family:var(--serif);font-size:24px;font-weight:500;}
.intro{font-size:16px;line-height:1.65;color:var(--tinta-suave);}

/* comodos */
.comodo{display:flex;gap:13px;align-items:center;margin-top:13px;}
.comodo-foto{width:64px;height:64px;border-radius:17px;flex:0 0 auto;background:#ddd center/cover no-repeat;position:relative;}
.comodo-ico{width:64px;height:64px;border-radius:17px;flex:0 0 auto;background:#ece4d8;display:flex;align-items:center;justify-content:center;color:#a08a6c;}
.comodo-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;}
.comodo h3{font-family:var(--serif);font-size:18px;font-weight:500;}
.comodo p{font-size:13px;color:#7a6a55;line-height:1.4;}

/* cards */
.card{background:var(--papel-2);border:1px solid var(--linha);border-radius:15px;padding:14px;}
.card+.card{margin-top:9px;}
.row2{display:flex;gap:11px;}
.row2 .card{flex:1;text-align:center;}
.kpi-label{font-size:12px;color:var(--tinta-leve);text-transform:uppercase;letter-spacing:1px;}
.kpi-num{font-family:var(--serif);font-size:34px;line-height:1.1;color:var(--barro);}
.kpi-num.cinza{color:#7a6a55;}
.card-icone{display:flex;gap:11px;align-items:flex-start;}
.card-icone .ci svg{width:21px;height:21px;fill:none;stroke:var(--barro);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}
.card-txt{font-size:14px;color:var(--tinta-suave);line-height:1.5;}
.btn-cheguei{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--barro);color:#fff;padding:13px;border-radius:13px;font-size:15px;font-weight:500;text-decoration:none;}
.btn-cheguei svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}

/* copiavel */
.copia{display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.copia .val{font-size:18px;color:var(--tinta);font-weight:500;}
.copia .cp svg{width:20px;height:20px;fill:none;stroke:var(--barro);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.copia.copiado{border-color:var(--verde);}
.copia.copiado .cp::after{content:" copiado";color:var(--verde);font-size:12px;}
.dica-copia{font-size:12px;color:var(--tinta-leve);margin-top:8px;text-align:center;}

/* bullets */
.bullets{list-style:none;}
.bullets li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--linha);font-size:15px;color:var(--tinta-suave);line-height:1.45;}
.bullets li:last-child{border-bottom:none;}
.bullets .bi svg{width:18px;height:18px;fill:none;stroke:var(--barro);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;margin-top:2px;}

/* equipamentos */
.grade-eq{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;}
.eq{background:var(--papel-2);border:1px solid var(--linha);border-radius:13px;padding:13px 5px;text-align:center;}
.eq svg{width:23px;height:23px;fill:none;stroke:var(--barro-escuro);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.eq span{display:block;font-size:11px;color:var(--tinta-suave);margin-top:5px;line-height:1.2;}

/* itens em linha */
.item-linha{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--linha);}
.item-linha:last-child{border-bottom:none;}
.item-linha .il-ico{width:36px;height:36px;border-radius:10px;background:#f0e6d8;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.item-linha .il-ico svg{width:19px;height:19px;fill:none;stroke:var(--barro-escuro);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.item-linha h4{font-size:15px;font-weight:600;}
.item-linha p{font-size:13px;color:var(--tinta-leve);line-height:1.4;}

/* atividades */
.atv{display:flex;gap:13px;align-items:center;padding:11px 0;border-bottom:1px solid var(--linha);}
.atv:last-child{border-bottom:none;}
.atv-foto{width:78px;height:62px;border-radius:13px;flex:0 0 auto;background:#ddd center/cover no-repeat;}
.atv-ico{width:78px;height:62px;border-radius:13px;flex:0 0 auto;background:#ece4d8;display:flex;align-items:center;justify-content:center;color:#a08a6c;}
.atv-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;}
.atv h4{font-family:var(--serif);font-size:16px;font-weight:500;}
.atv p{font-size:13px;color:#7a6a55;line-height:1.4;}

/* emergencias */
.emerg{display:flex;justify-content:space-between;align-items:center;background:var(--papel-2);border:1px solid var(--linha);border-radius:13px;padding:12px 14px;margin-bottom:8px;}
.emerg .en{font-size:15px;font-weight:600;}
.emerg .et{font-size:13px;color:var(--tinta-leve);}
.emerg .call{width:38px;height:38px;border-radius:50%;background:var(--verde);display:flex;align-items:center;justify-content:center;}
.emerg .call svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

/* maps */
.btn-maps{margin-top:13px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--verde);color:#fff;padding:14px;border-radius:13px;font-size:15px;font-weight:500;text-decoration:none;}
.btn-maps svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

/* anfitriao */
.anfitriao{background:var(--papel-2);border:1px solid var(--linha);border-radius:17px;padding:15px;display:flex;align-items:center;gap:13px;}
.anfitriao .av{width:56px;height:56px;border-radius:50%;flex:0 0 auto;background:var(--barro) center/cover no-repeat;color:#fff;font-weight:600;font-size:19px;display:flex;align-items:center;justify-content:center;}
.anfitriao .an-nome{font-size:16px;font-weight:600;}
.anfitriao .an-sub{font-size:13px;color:var(--tinta-leve);}

/* concierge */
.conc{padding:36px 24px;text-align:center;min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.conc-circ{width:84px;height:84px;border-radius:50%;background:var(--verde);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.conc-circ svg{width:42px;height:42px;fill:#fff;}
.conc h2{font-family:var(--serif);font-size:26px;font-weight:500;margin-bottom:8px;}
.conc p{font-size:15px;color:var(--tinta-suave);line-height:1.6;max-width:300px;margin-bottom:20px;}
.conc-btn{background:var(--verde);color:#fff;padding:15px 28px;border-radius:30px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex;gap:9px;align-items:center;}
.conc-btn svg{width:22px;height:22px;fill:#fff;}
.conc-ex{margin-top:24px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px;}
.conc-ex .q{background:var(--papel-2);border:1px solid var(--linha);border-radius:14px;padding:12px 15px;font-size:14px;color:var(--tinta-suave);text-align:left;}

.rodape{text-align:center;padding:22px;color:var(--tinta-leve);font-size:13px;}
.rodape .ai{color:var(--barro);}

/* barra inferior */
.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;background:var(--papel-2);border-top:1px solid var(--linha);display:flex;z-index:40;padding-bottom:env(safe-area-inset-bottom);}
.tab{flex:1;background:none;border:none;padding:10px 0 12px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--tinta-leve);}
.tab svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.tab span{font-size:11px;}
.tab.ativa{color:var(--barro);}