/* Página do hóspede (exemplo e manuais gerados) */
  body{background:var(--sea)}
  .demo-bar{background:var(--brass-soft);color:#6E5014;font-size:.88rem;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));text-align:center}
  .demo-bar a{font-weight:700;color:var(--petrol)}
  .guide{max-width:560px;margin:0 auto;background:var(--paper);min-height:100vh;box-shadow:0 0 60px -30px rgba(9,52,60,.5)}
  .cover{background:linear-gradient(180deg,rgba(9,52,60,.1),rgba(9,52,60,.85)),radial-gradient(600px 300px at 70% 0%,#2C7A86,transparent 70%),linear-gradient(160deg,#155E6B,#09343C);color:#fff;padding:64px 22px 26px;display:grid;gap:6px;position:relative;overflow:hidden}
  .cover::before{content:"";position:absolute;left:-10%;right:-10%;bottom:58px;height:120px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.15)),#0B3F48;clip-path:polygon(0 70%,12% 40%,22% 55%,36% 18%,50% 48%,62% 28%,76% 52%,88% 30%,100% 50%,100% 100%,0 100%);opacity:.9}
  .cover>*{position:relative}
  .cover small{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
  .cover h1{font-size:2.2rem;font-weight:800}
  .cover p{opacity:.9;font-size:.98rem}
  .host{display:flex;align-items:center;gap:12px;margin-top:14px}
  .host i{width:44px;height:44px;border-radius:50%;background:var(--brass-light);color:var(--petrol-deep);display:grid;place-items:center;font:800 1.1rem var(--display);font-style:normal}
  .host span{font-size:.9rem;line-height:1.35}
  .guide .g-times{padding:16px 16px 4px}
  .guide .g-times div{font-size:.78rem;padding:10px 13px}
  .guide .g-times b{font-size:1.2rem}
  .guide .g-search{margin:12px 16px 4px;position:sticky;top:calc(8px + env(safe-area-inset-top,0px));z-index:10}
  .guide .g-search input{font-size:1rem;padding:14px 16px 14px 42px;box-shadow:0 10px 24px -16px rgba(9,52,60,.5)}
  .guide .g-search svg{left:15px;width:18px;height:18px;margin-top:-9px}
  .guide .g-tiles{padding:12px 16px;gap:10px}
  .guide .g-tile{font-size:.8rem;padding:14px 4px 12px;text-decoration:none}
  .guide .g-tile svg{width:24px;height:24px}
  .cards{display:grid;gap:12px;padding:8px 16px 24px}
  .card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:10px;scroll-margin-top:90px}
  .card h2{font-size:1.25rem;display:flex;align-items:center;gap:10px}
  .card h2 svg{width:22px;height:22px;color:var(--petrol);flex:none}
  .card p,.card li{font-size:.98rem;color:#33494D}
  .card ul{margin:0;padding-left:20px;display:grid;gap:6px}
  .kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:.98rem}
  .kv dt{color:var(--muted)}
  .kv dd{margin:0;font-family:var(--mono);font-size:.94rem}
  .row{display:flex;flex-wrap:wrap;gap:8px}
  .pill{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 14px;font:600 .88rem var(--body);color:var(--ink);text-decoration:none}
  .pill:hover{border-color:var(--petrol)}
  .wifi-qr{display:flex;gap:16px;align-items:center;background:var(--sea);border-radius:12px;padding:12px}
  .wifi-qr .qr{width:92px;height:92px;background:#fff;border-radius:8px;padding:6px;flex:none}
  .wifi-qr span{font-size:.88rem;color:var(--petrol-deep)}
  .place{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
  .place:first-of-type{border-top:0;padding-top:0}
  .place b{display:block;font-size:.98rem}
  .place small{color:var(--muted);font-size:.84rem}
  .sos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .sos div{background:#F8E8E5;border-radius:12px;padding:10px;text-align:center;font-size:.78rem;color:var(--danger)}
  .sos b{display:block;font:800 1.5rem/1.1 var(--display)}
  .empty{margin:0 16px 16px;background:var(--white);border:1px dashed var(--muted);border-radius:16px;padding:18px;display:grid;gap:10px;text-align:center}
  .empty b{font:700 1.1rem var(--display)}
  .guide .g-wa{margin:0;font-size:.95rem;padding:15px;border-radius:14px;width:100%}
  .wa-fixed{position:sticky;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,var(--paper) 30%)}
  .made{text-align:center;font-size:.84rem;color:var(--muted);padding:6px 16px 22px}
  .made a{color:var(--petrol);font-weight:700}
  .cover.photo{background-size:cover;background-position:center}
  .cover.photo::before{display:none}
  .atend{display:block;text-align:center;font-size:.78rem;color:var(--muted);margin-top:6px}
  .guide a.g-wa{text-decoration:none}
  .card .muted{font-size:.88rem;color:var(--muted)}