/* Base comum dos sites demonstrativos da Bora (variante C) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
img{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.demo-banner{display:flex;justify-content:space-between;gap:12px;padding:9px 16px;background:#f4ecd9;color:#1f2a24;font:600 11px/1.35 system-ui,-apple-system,sans-serif;letter-spacing:.02em}
.demo-banner a{text-decoration:underline}
.statusbar{display:none}
html.embed{scrollbar-width:none}
html.embed::-webkit-scrollbar{display:none}
html.embed .demo-banner{display:none}
html.embed .statusbar{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 24px 0 30px;font:600 13px/1 system-ui,-apple-system,sans-serif}
.statusbar b{display:inline-block;width:22px;height:11px;margin-left:6px;border:1.5px solid currentColor;border-radius:3px;vertical-align:-1px;box-shadow:inset -6px 0 0 -3px currentColor}
.result{margin-top:18px}
.result .wa{position:relative;max-width:330px;margin-left:auto;padding:9px 11px 6px;border-radius:9px;background:#d9fdd3;color:#111b21;font:400 14.5px/1.4 system-ui,-apple-system,sans-serif;white-space:pre-line;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.result .wa small{display:block;text-align:right;font-size:11px;color:#667781}
.result .demo-note{margin-top:10px;font:400 12.5px/1.45 system-ui,-apple-system,sans-serif;opacity:.8}
@media (hover:none),(max-width:760px){
  /* pixel-check 26.10: цели касания < 44px (ссылка «← Voltar à Bora» 15px, «Reservar» 14px, пилюли выбора 39–41px, +/− 31px). Вид не меняется: невидимый ::after расширяет зону касания. */
  .demo-banner a,.top a,.qty button{position:relative}
  .demo-banner a::after,.top a::after{content:"";position:absolute;inset:-15px -8px}
  .opt::after{content:"";position:absolute;inset:-4px -2px}
  .qty button::after{content:"";position:absolute;inset:-7px 0}
}
