/* Barbearia Vitrine: neighborhood barbershop as a printed menu card. Bone paper, warm ink, oxblood and a touch of pole blue. Gloock + Familjen Grotesk. */
@font-face{font-family:"Gloock";src:url(/fonts/demo/gloock.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Familjen Grotesk";src:url(/fonts/demo/familjen-grotesk.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Gloock Fallback";src:local("Georgia");size-adjust:104%;ascent-override:92%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:"Familjen Fallback";src:local("Arial");size-adjust:96%;ascent-override:96%;descent-override:26%;line-gap-override:0%}
:root{--vc-wrap:1176px;--ink:#15120F;--ink2:#211C17;--ink3:#2E2721;--paper:#EFE7DA;--paper2:#E4D9C7;--card:#F8F3EA;--line:rgba(21,18,15,.16);--line-d:rgba(239,231,218,.18);
  --ox:#8E1F17;--ox2:#A8251B;--ox3:#871C14;--oxl:#F08A6E;--blue:#3E6A9A;--mute:#5C534A;--dim:#706559;--mute-d:#B9AE9F;--go:#2C6E46;
  --fd:"Gloock","Gloock Fallback",Georgia,serif;--fb:"Familjen Grotesk","Familjen Fallback",Arial,sans-serif;--r:6px;--hd:64px;--g:16px}
body.d-site-para-barbearia{-webkit-tap-highlight-color:transparent;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.55 var(--fb)}
.bv-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bv h1,.bv h2,.bv h3{margin:0;font-family:var(--fd);font-weight:400;line-height:1;letter-spacing:-.01em;text-wrap:balance}
.bv p,.bv-foot p{margin:0}
.bv em{font-style:normal}
.bv fieldset{border:0;margin:0;padding:0;min-width:0}
.bv-k{font:700 .75rem/1.2 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--ox)}
.bv-k b{display:inline-block;margin-right:.6em;padding:3px 6px 2px;border:1px solid currentColor;border-radius:3px;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.bv-lede{font-size:1.125rem;line-height:1.55;color:var(--mute);max-width:34em;text-wrap:pretty}
.bv-note{font-size:.9375rem;color:var(--mute);max-width:34em}
.bv-in{max-width:1240px;margin:0 auto;padding:0 var(--g)}
.d-site-para-barbearia a:focus-visible,.d-site-para-barbearia button:focus-visible,.bv input:focus-visible+span{outline:3px solid var(--ox);outline-offset:3px}
.bv-hero a:focus-visible,.bv-agenda input:focus-visible+span,.bv-why a:focus-visible,.bv-top a:focus-visible,.bv-dock a:focus-visible{outline-color:var(--oxl)}
/* buttons */
.bv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:var(--r);background:var(--ox2);color:#FBF6EE;font:700 1rem/1.2 var(--fb);text-decoration:none;border:0;cursor:pointer;transition:background .2s,transform .2s}
.bv-btn:active{transform:translateY(1px)}
.bv-btn-sm{min-height:44px;padding:8px 14px;font-size:.9375rem}
.bv-btn-lg{min-height:58px;padding:14px 26px;font-size:1.0625rem}
.bv-btn-wide{width:100%}
.bv-btn-ghost{background:transparent;color:#F4EDE2;box-shadow:inset 0 0 0 1.5px rgba(239,231,218,.5)}
.bv-btn-line{background:transparent;color:var(--ox);box-shadow:inset 0 0 0 1.5px var(--ox)}
.bv-ic{width:22px;height:22px;flex:none}
.bv-honest{margin-top:12px!important;font-size:.8125rem;color:var(--mute)}
/* header */
.bv-top{position:sticky;top:var(--vc-bar);z-index:50;transition:transform .25s ease;background:rgba(21,18,15,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#F4EDE2;border-bottom:1px solid var(--line-d)}
.bv-top-in{max-width:1240px;margin:0 auto;height:var(--hd);padding:0 var(--g);display:flex;align-items:center;gap:16px}
.bv-logo{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-height:44px;margin-right:auto}
.bv-mark{width:40px;height:33px;flex:none;color:#EFE7DA}
.bv-word{display:flex;flex-direction:column;font:400 1.375rem/1 var(--fd);letter-spacing:.005em}
.bv-word small{font:700 .625rem/1 var(--fb);letter-spacing:.32em;text-transform:uppercase;color:var(--oxl);margin-bottom:4px}
.bv-top.away{transform:translateY(-100%)}
.bv-top-cta{transition:opacity .2s,visibility .2s}
.bv-top.in-hero .bv-top-cta{opacity:0;visibility:hidden}
.bv-nav{display:none;gap:4px}
.bv-nav a{color:var(--mute-d);text-decoration:none;font-weight:600;font-size:.9375rem;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:var(--r)}
@media(min-width:760px){.bv-nav{display:flex}}
/* hero: phones get a sharp photo on top, the chat over its lower edge, then headline, chips and one red button */
.bv-hero{background:var(--ink);color:#F4EDE2;display:flex;flex-direction:column;position:relative;overflow:clip;padding:0 var(--g) 32px;gap:12px}
.bv-hero-ph{order:0;position:relative;aspect-ratio:2/1;max-height:300px;margin:0 calc(-1*var(--g))}
.bv-hero-ph picture,.bv-hero-ph img{display:block;width:100%;height:100%}
.bv-hero-ph img{object-fit:cover;object-position:50% 50%}
.bv-hero-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,18,15,0) 70%,rgba(21,18,15,.7) 100%);pointer-events:none}
.bv-hero>*:not(.bv-hero-ph){position:relative;z-index:2}
.bv-chat{order:1;margin-top:-22px}
.bv-hero-h{order:2}
.bv-hero-chips{order:3}
.bv-hero-act{order:4}
.bv-hero-lede{order:5}
.bv-hero .bv-k{color:var(--oxl)}
.bv-hero h1{margin-top:6px;font-size:clamp(2.125rem,9.2vw,7rem);line-height:.98;letter-spacing:-.02em}
.bv-hero h1 em{display:block;color:var(--oxl)}
.bv-hero-lede{color:var(--mute-d)!important}
.bv-hero-chips{display:grid;gap:6px}
.bv-hero-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:44px}
.bv-pick{min-width:0;min-height:44px;padding:0 4px;border:0;border-radius:var(--r);background:var(--ink3);color:#F4EDE2;box-shadow:inset 0 0 0 1.5px rgba(239,231,218,.3);font:600 .9375rem/1.1 var(--fb);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .2s,color .2s}
.bv-hero-when .bv-pick{background:transparent;color:#E4DACB;box-shadow:inset 0 0 0 1px rgba(239,231,218,.24)}
.bv-pick[aria-pressed=true],.bv-hero-when .bv-pick[aria-pressed=true]{background:#F4EDE2;color:var(--ink);box-shadow:none}
.bv-pick:focus-visible{outline:3px solid var(--oxl);outline-offset:2px}
.bv-hero-act{display:flex;flex-wrap:wrap;gap:10px}
.bv-hero-act .bv-btn-lg{flex:1 1 0}
.bv-btn-sq{width:58px;min-height:58px;padding:0;flex:none}
.bv-sq-t{display:none}
.bv-hero-act .bv-honest{flex-basis:100%;margin-top:2px!important}
.bv-hero .bv-honest{color:var(--mute-d)}
/* hero chat: the booking types itself, the barbershop answers, the reminder lands */
.bv-chat{display:flex;flex-direction:column;justify-content:flex-end;gap:5px;width:100%;max-width:460px;padding:9px 9px 10px;border-radius:14px;background:rgba(21,18,15,.7);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 18px 40px -16px rgba(0,0,0,.6),inset 0 0 0 1px rgba(239,231,218,.16);font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.bv-chat p{margin:0}
.bv-chat-h{display:flex;align-items:center;gap:8px;margin-bottom:auto!important;padding-bottom:4px;font-size:.8125rem;color:#F4EDE2}
.bv-chat-h small{margin-left:auto;font-size:.6875rem;color:#9FE3B4}
.bv-chat-av{width:26px;height:26px;border-radius:50%;background:#2B241E;display:grid;place-items:center}
.bv-chat-av .bv-mark{width:19px;height:16px}
.bv-chat-msg{position:relative;max-width:90%;padding:7px 9px 18px;font-size:.875rem;line-height:1.32;color:#111B21;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.bv-chat-me{align-self:flex-end;border-radius:9px 2px 9px 9px;background:#D9FDD3}
.bv-chat-them{align-self:flex-start;border-radius:2px 9px 9px 9px;background:#fff}
.bv-chat-tm{position:absolute;right:8px;bottom:3px;font-size:.6875rem;color:#4E5C64}
.bv-chat-tm i{font-style:normal;color:#53BDEB}
.bv-chat-dots{display:none;gap:4px;padding:4px 2px}
.bv-chat-dots i{width:6px;height:6px;border-radius:50%;background:#8696A0;animation:bv-dot 1.2s infinite}
.bv-chat-dots i:nth-child(2){animation-delay:.15s}.bv-chat-dots i:nth-child(3){animation-delay:.3s}
.bv-chat-row{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1)}
.bv-chat-row>*{min-height:0;overflow:hidden}
.js-chat-rr{justify-items:start}
.js-chat-cr{justify-items:center}
.bv-chat-note{display:inline-flex;align-items:center;gap:6px;margin-top:2px!important;padding:4px 10px;border-radius:7px;background:#FFF3C2;color:#3B4A54;font-size:.75rem;font-weight:600;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.bv-chat-note .bv-ic{width:14px;height:14px}
.bv-chat{position:relative}
.bv-chat-me,.bv-chat-row{transition:opacity .2s}
.bv-chat.fade .bv-chat-me,.bv-chat.fade .bv-chat-row{opacity:.3}
.bv-chat.go .bv-chat-me,.bv-chat.go .js-chat-rr{transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s}
.bv-chat.play .js-chat-ok{color:#8696A0}
.bv-chat.play.sent .js-chat-ok{color:#53BDEB}
.bv-chat.play .js-chat-rr,.bv-chat.play .js-chat-cr{opacity:0}
.bv-chat.play.reply .js-chat-rr,.bv-chat.play.chip .js-chat-cr{opacity:1}
.bv-chat.play.chip .js-chat-cr{transition:opacity .3s .3s}
.bv-chat-typing{position:absolute;left:9px;bottom:10px;display:flex;gap:4px;padding:11px 12px;border-radius:2px 9px 9px 9px;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);opacity:0;transition:opacity .2s}
.bv-chat-typing i{width:6px;height:6px;border-radius:50%;background:#8696A0;animation:bv-dot 1.2s infinite}
.bv-chat-typing i:nth-child(2){animation-delay:.15s}.bv-chat-typing i:nth-child(3){animation-delay:.3s}
.bv-chat.play.typing:not(.reply) .bv-chat-typing{opacity:1}
.bv-ghost{visibility:hidden}
@keyframes bv-dot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}
/* ticker */
.bv-ticker{background:var(--ox);color:#F6EEE3;overflow:hidden;border-block:1px solid #6E150F;padding:14px 0}
.bv-ticker-in{display:flex;width:max-content;animation:bv-tick 46s linear infinite}
.bv-ticker span{font:400 clamp(1.5rem,4vw,2.25rem)/1 var(--fd);white-space:nowrap;padding:0 .7em;display:inline-flex;align-items:center;gap:1.4em}
.bv-ticker span::after{content:"";width:.34em;height:.34em;border-radius:50%;background:#F0A48F;margin-right:-.7em;margin-left:.6em}
@keyframes bv-tick{to{transform:translateX(-50%)}}
/* booking */
.bv-book{position:relative;padding:clamp(56px,8vw,112px) 0 clamp(56px,6vw,80px)}
.bv-book-in{max-width:1240px;margin:0 auto;padding:0 var(--g)}
.bv-head{display:grid;gap:12px;margin-bottom:24px}
.bv-head h2{font-size:clamp(2.5rem,8vw,4.5rem)}
.bv-h-s{font-size:clamp(2rem,6vw,3rem)!important}
/* the big-type menu */
.bv-cuts{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.bv-cut{border-top:1px solid var(--line)}
.bv-row{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 34px;column-gap:10px;align-items:start;padding:18px 0 16px;cursor:pointer;position:relative}
.bv-row:has(input:focus-visible){outline:3px solid var(--ox);outline-offset:2px}
.bv-row input:focus-visible+span{outline:none}
.bv-row input{position:absolute;opacity:0;width:1px;height:1px}
.bv-row-n{grid-row:1;padding-top:.5em;font:700 .8125rem/1 var(--fb);letter-spacing:.08em;color:var(--dim);font-variant-numeric:tabular-nums}
.bv-row-t{grid-row:1;justify-self:start;max-width:100%;font:400 clamp(2.25rem,calc(11.6vw - 5px),6.25rem)/.98 var(--fd);letter-spacing:-.02em;color:var(--dim);transition:color .25s,transform .35s cubic-bezier(.2,.8,.2,1);transform-origin:0 70%;border-radius:2px}
.bv-row-d{grid-column:2;margin-top:8px;font-size:.9375rem;line-height:1.45;color:var(--mute);max-width:30em}
.bv-tick{grid-row:1;grid-column:3;align-self:center;justify-self:end;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(21,18,15,.3);position:relative;transition:background .2s,box-shadow .2s}
.bv-tick::after{content:"";position:absolute;left:12px;top:8px;width:8px;height:14px;border:solid #FBF6EE;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .25s cubic-bezier(.2,.9,.3,1.4)}
.bv-row input:checked~.bv-row-t{color:var(--ox)}
.bv-row input:checked~.bv-tick{background:var(--ox2);box-shadow:none}
.bv-row input:checked~.bv-tick::after{transform:rotate(45deg) scale(1)}
.bv-row input:checked~.bv-row-n{color:var(--ox)}
.bv-ph{position:relative;margin:0 0 18px}
.bv-ph-f{position:relative;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:var(--paper2)}
.bv-ph-f picture{position:absolute;inset:0}
.bv-ph-f img{display:block;width:100%;height:100%;object-fit:cover}
.bv-ph-f .bv-next{opacity:0}
.bv-ph-f .in{animation:bv-reveal .5s cubic-bezier(.2,.8,.2,1)}
@keyframes bv-reveal{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
.bv-cut .bv-side-cap{display:none}
.bv-side{display:none}
/* beard + extras */
.bv-menu-s{border-bottom:1px solid var(--line)}
.bv-row-s{border-top:1px solid var(--line);grid-template-columns:1fr 34px;padding:14px 0 12px}
.bv-row-s .bv-row-t{font-size:clamp(1.875rem,8vw,3rem)}
.bv-row-s .bv-row-d{grid-column:1;margin-top:4px}
.bv-row-s .bv-tick{grid-column:2}
.bv-extras,.bv-who{margin-top:28px!important}
.bv-extras legend,.bv-who legend{padding:0;margin-bottom:12px;font-weight:700;font-size:1rem}
.bv-chips{display:flex;flex-wrap:wrap;gap:8px}
.bv-chip{position:relative;display:inline-flex}
.bv-chip input{position:absolute;opacity:0;width:1px;height:1px}
.bv-chip span{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:var(--r);box-shadow:inset 0 0 0 1.5px rgba(21,18,15,.28);font-weight:600;font-size:.9375rem;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.bv-chip span::before{content:"+";font-size:1.15em;line-height:1;color:var(--ox)}
.bv-chip input:checked+span{background:var(--ink);color:#F4EDE2;box-shadow:none}
.bv-chip input:checked+span::before{content:"✓";color:var(--oxl)}
.bv-step+.bv-step,.bv-grid{margin-top:clamp(48px,6vw,72px)}
.bv-step+.bv-agenda{margin-top:40px}
/* agenda card (dark) */
.bv-agenda{background:var(--ink);color:#F4EDE2;margin-inline:calc(-1*var(--g));padding:36px 12px 32px}
.bv-agenda .bv-head{padding:0 4px}
.bv-agenda .bv-k{color:var(--oxl)}
.bv-agenda .bv-note{color:var(--mute-d)}
.bv-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.bv-day{position:relative;display:flex;min-width:0}
.bv-day input{position:absolute;opacity:0;width:1px;height:1px}
.bv-day span{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 8px;border-radius:var(--r);background:var(--ink3);cursor:pointer;transition:background .2s,transform .2s;min-height:44px}
.bv-day small{font:700 .6875rem/1 var(--fb);color:var(--mute-d);white-space:nowrap}
.bv-day b{font:400 1.625rem/1 var(--fd)}
.bv-day em.dot::before{content:"";display:block;width:6px;height:6px;margin:2px auto;border-radius:50%;background:#8C8276}
.bv-day em{font-size:.6875rem;font-weight:600;line-height:1;color:var(--mute-d);font-style:normal;white-space:nowrap}
.bv-day input:checked+span{background:var(--ox2);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(168,37,27,.9)}
.bv-day input:checked+span small,.bv-day input:checked+span em{color:#FBE4DC}
.bv-day.off span{background:transparent;box-shadow:inset 0 0 0 1px var(--line-d);cursor:not-allowed}
.bv-day.off b{color:#8C8276}
.bv-times{margin-top:22px!important}
.bv-tgrid{display:grid;grid-template-columns:repeat(var(--c,4),minmax(0,1fr));gap:6px;margin-top:6px}
.bv-time{position:relative;display:flex;min-width:0}
.bv-time input{position:absolute;opacity:0;width:1px;height:1px}
.bv-time span{flex:1;display:grid;place-items:center;min-height:44px;border-radius:var(--r);box-shadow:inset 0 0 0 1px rgba(239,231,218,.24);font-weight:600;font-size:.9375rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s,box-shadow .2s}
.bv-time input:checked+span{background:#F4EDE2;color:var(--ink);box-shadow:none}
.bv-time-w span{justify-items:start;padding:0 16px}
.bv-agenda .bv-chip span{box-shadow:inset 0 0 0 1px rgba(239,231,218,.3)}
.bv-agenda .bv-chip span::before{content:none}
.bv-agenda .bv-chip input:checked+span{background:#F4EDE2;color:var(--ink)}
.bv-who-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.bv-who-chips .bv-chip span{width:100%;justify-content:center;padding:0 10px;text-align:center}
.bv-name{margin-top:14px}
.bv-name label{display:block;font-weight:700;font-size:.9375rem;margin-bottom:8px}
.bv-name input{width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;border-radius:var(--r);border:1.5px solid rgba(239,231,218,.4);background:var(--ink3);color:#F4EDE2;font:500 1rem var(--fb)}
.bv-name input::placeholder{color:#9C9183}
.bv-name input:focus-visible{outline:3px solid var(--oxl);outline-offset:2px}
/* ticket: the order slip with the WhatsApp preview */
.bv-ticket{margin-top:40px}
.bv-ticket-in{position:relative;background:var(--card);border-radius:var(--r);padding:28px 18px 24px;box-shadow:0 1px 0 rgba(21,18,15,.06),0 24px 50px -30px rgba(21,18,15,.45);
  -webkit-mask:radial-gradient(circle 7px at 50% 0,#0000 98%,#000) 0 0/22px 100% repeat-x;mask:radial-gradient(circle 7px at 50% 0,#0000 98%,#000) 0 0/22px 100% repeat-x}
.bv-ticket .bv-h-s{margin:10px 0 18px}
.bv-ticket .vc-wa-prev{margin-bottom:18px}
.bv-ticket .vc-wa-msg{min-height:9.5em}
.bv-l{display:block;border-radius:3px}
.bv-l.new{animation:bv-new 1.1s ease-out}
@keyframes bv-new{from{background:rgba(255,213,79,.75)}to{background:transparent}}
.bv-remind{margin-top:24px;padding-top:22px;border-top:1px dashed rgba(21,18,15,.28)}
.bv-remind-h{font:400 1.5rem/1.1 var(--fd);margin-bottom:12px!important}
.bv-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:calc(var(--r) + 4px);background:var(--paper2);margin-bottom:12px}
.bv-seg label{position:relative;display:flex}
.bv-seg input{position:absolute;opacity:0;width:1px;height:1px}
.bv-seg span{flex:1;display:grid;place-items:center;min-height:44px;border-radius:var(--r);font-weight:600;font-size:.9375rem;cursor:pointer;transition:background .2s}
.bv-seg input:checked+span{background:var(--card);box-shadow:0 1px 3px rgba(21,18,15,.2)}
.bv-remind .bv-btn{width:100%}
.bv-remind-tx{margin-top:10px!important;font-size:.875rem;color:var(--mute)}
.bv-event{display:none}
.bv-event.on{display:flex;gap:14px;align-items:center;margin-top:14px;padding:12px;border-radius:var(--r);background:#fff;box-shadow:0 1px 0 rgba(21,18,15,.06),0 14px 30px -18px rgba(21,18,15,.5);animation:bv-pop .4s cubic-bezier(.2,.9,.3,1.2)}
.bv-ev-d{flex:none;width:58px;display:flex;flex-direction:column;align-items:center;padding:6px 0;border-radius:var(--r);background:var(--ox2);color:#FBF6EE;line-height:1}
.bv-ev-d small{font:700 .625rem/1.2 var(--fb);letter-spacing:.1em;text-transform:uppercase}
.bv-ev-d b{font:400 1.75rem/1.05 var(--fd)}
.bv-ev-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.bv-ev-t b{font:400 1.125rem/1.15 var(--fd)}
.bv-ev-t span{font-weight:600;font-size:.9375rem}
.bv-ev-t small{font-size:.8125rem;color:var(--go);font-weight:600}
@keyframes bv-pop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
/* phone dock */
.bv-dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;transform:translateY(150%);transition:transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.bv-dock.on{transform:none;pointer-events:auto}
.bv-dock-in{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 16px;border-radius:calc(var(--r) + 4px);background:var(--ink);color:#F4EDE2;box-shadow:0 18px 40px -12px rgba(0,0,0,.55),inset 0 0 0 1px rgba(239,231,218,.22)}
.bv-dock-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.bv-dock-tx b{font:400 1.125rem/1.1 var(--fd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bv-dock-tx span{font-size:.8125rem;color:var(--mute-d)}
.bv-dock-btn{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--r);background:var(--ox2);color:#FBF6EE;font-weight:700;font-size:.9375rem;text-decoration:none}
/* who cuts: example barbers, example results, why WhatsApp */
.bv-why{background:var(--ink);color:#F4EDE2;padding:clamp(64px,9vw,128px) 0}
.bv-why .bv-k{color:var(--oxl)}
.bv-why h2{margin-top:14px;font-size:clamp(2.25rem,8vw,4.5rem)}
.bv-why .bv-lede{margin-top:16px;color:var(--mute-d)}
.bv-barbers{display:grid;gap:16px;margin-top:36px}
.bv-barber{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start;padding:12px;border-radius:calc(var(--r) + 4px);background:var(--ink2);box-shadow:inset 0 0 0 1px var(--line-d)}
.bv-barber figure{margin:0}
.bv-barber img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.bv-tag{display:inline-block;font:700 .625rem/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-d);padding:5px 7px 4px;border:1px solid var(--line-d);border-radius:3px}
.bv-barber h3{margin-top:10px!important;font-size:1.75rem}
.bv-barber-l{margin-top:8px!important;font-size:.9375rem;line-height:1.4;color:#E4DACB}
.bv-mini{list-style:none;margin:6px 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bv-mini li{padding:5px 10px;border-radius:999px;background:rgba(240,138,110,.14);color:#FFCFC0;font-weight:600;font-size:.8125rem}
.bv-barber .bv-btn-line{color:#FFD3C5;box-shadow:inset 0 0 0 1.5px rgba(240,138,110,.7);min-height:44px;padding:8px 14px;font-size:.9375rem}
.bv-barber .bv-btn:focus-visible{outline-color:var(--oxl)}
.bv-barber .bv-btn-line.on{background:var(--ox2);color:#fff;box-shadow:none}
.bv-toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:45;max-width:calc(100% - 32px);transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:10px 16px;border-radius:999px;background:#F4EDE2;color:var(--ink);font-weight:700;font-size:.9375rem;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);transition:opacity .25s,transform .25s}
.bv-toast.on{opacity:1;transform:translate(-50%,0)}
.bv-chip span.flash{animation:bv-flash 1.2s ease-out}
@keyframes bv-flash{0%{box-shadow:0 0 0 0 rgba(240,138,110,.9)}100%{box-shadow:0 0 0 14px rgba(240,138,110,0)}}
.bv-res{margin-top:56px}
.bv-res-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:16px}
.bv-res-h h3{font-size:clamp(1.75rem,5vw,2.5rem)}
.bv-res-h p{font-size:.875rem;color:var(--mute-d)}
.bv-res-l{list-style:none;margin:0 calc(-1*var(--g));padding:0 var(--g) 6px;display:grid;grid-auto-flow:column;grid-auto-columns:68%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--g);scrollbar-width:none;overscroll-behavior-x:contain}
.bv-res-l::-webkit-scrollbar{display:none}
.bv-res-l li{scroll-snap-align:start}
.bv-res-l figure{margin:0;position:relative}
.bv-res-l img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.bv-res-l figcaption{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:var(--r);background:rgba(21,18,15,.78);font:400 1.125rem/1 var(--fd);color:#F4EDE2}
.bv-res-l:focus-visible{outline:3px solid var(--oxl);outline-offset:4px}
.bv-why-l{list-style:none;margin:56px 0 0;padding:0;display:grid;gap:0}
.bv-why-l li{display:grid;grid-template-columns:3rem 1fr;column-gap:12px;padding:20px 0;border-top:1px solid var(--line-d)}
.bv-why-n{grid-row:1/3;font:400 2rem/1 var(--fd);color:var(--oxl)}
.bv-why-l h3{font-size:1.5rem;line-height:1.1}
.bv-why-l p{margin-top:6px;color:var(--mute-d);font-size:1rem}
/* where */
.bv-where{padding:clamp(64px,9vw,128px) 0}
.bv-where-in{display:grid;gap:40px}
.bv-where h2{margin:14px 0 18px;font-size:clamp(2.75rem,11vw,6rem);line-height:.95}
.bv-where h2 em{display:block;color:var(--ox)}
.bv-where .bv-lede{margin-bottom:24px}
.bv-near-h{font:700 .75rem/1.2 var(--fb)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.bv-near{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;font:400 clamp(1.125rem,4.4vw,1.5rem)/1.2 var(--fd)}
.bv-near li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.bv-near li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ox)}
.bv-where-ph{margin:0;position:relative}
.bv-where-ph img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.bv-where-ph figcaption{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:3px;background:rgba(21,18,15,.75);color:#F4EDE2;font-size:.75rem;font-weight:600}
.bv-hours{align-self:start;background:var(--card);border-radius:var(--r);padding:24px 20px;box-shadow:0 24px 50px -32px rgba(21,18,15,.5)}
.bv-hours h3{font-size:1.75rem}
.bv-hours h3 span{margin-left:4px;font:500 1rem/1 var(--fb);color:var(--mute)}
.bv-open{display:flex;align-items:center;gap:8px;margin:14px 0 8px!important;font-weight:700;font-size:.9375rem;color:var(--ox)}
.bv-open::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.bv-open.on{color:var(--go)}
.bv-hours dl{margin:0}
.bv-hours dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 8px;border-top:1px solid var(--line);font-size:1rem}
.bv-hours dt{font-weight:600}
.bv-hours dd{margin:0;color:var(--mute);font-variant-numeric:tabular-nums}
.bv-hours dl div.today{background:var(--paper);border-radius:3px;border-top-color:transparent}
.bv-hours dl div.today dt::after{content:" · hoje";color:var(--ox)}
/* footer */
.bv-foot{background:var(--paper2);padding:48px 0 52px;color:var(--ink)}
.bv-foot .bv-in{display:grid;gap:14px}
.bv-foot .bv-logo{margin:0;justify-self:start}
.bv-foot .bv-mark{color:var(--ink)}
.bv-foot .bv-word small{color:var(--ox)}
.bv-foot p{color:var(--mute);max-width:36em}
.bv-fict{font-size:.875rem}
/* hover only where there is a mouse: on phones a tapped tile keeps its chosen colour */
@media(hover:hover){
  .bv-btn:hover{background:var(--ox3)}
  .bv-btn-ghost:hover{background:rgba(239,231,218,.1)}
  .bv-btn-line:hover{background:var(--ox);color:#FBF6EE}
  .bv-nav a:hover{color:#fff;background:rgba(239,231,218,.08)}
  .bv-row:hover .bv-row-t{color:var(--ink)}
  .bv-chip:hover span{box-shadow:inset 0 0 0 1.5px var(--ink)}
  .bv-day:not(.off):hover span{background:#3A3129}
  .bv-time:hover span{box-shadow:inset 0 0 0 1px rgba(239,231,218,.6)}
  .bv-agenda .bv-chip:hover span{box-shadow:inset 0 0 0 1px rgba(239,231,218,.7)}
  .bv-barber .bv-btn-line:hover{background:var(--ox2);color:#fff;box-shadow:none}
  .bv-pick:not([aria-pressed=true]):hover{background:#3A3129}
}
/* tablet */
@media(min-width:760px){
  :root{--g:32px}
  .bv-agenda{margin-inline:0;border-radius:var(--r);padding:40px 32px}
  .bv-days{gap:8px}
  .bv-day b{font-size:2rem}
  .bv-ticket-in{padding:32px 28px 28px}
  .bv-barbers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bv-barber{grid-template-columns:1fr;padding:12px 12px 16px}
  .bv-res-l{margin:0;padding:0;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  .bv-who-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bv-near{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bv-where-in{grid-template-columns:7fr 5fr;gap:40px 56px}
  .bv-near{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* desktop */
@media(min-width:1000px){
  :root{--hd:72px}
  .bv-hero{display:grid;grid-template-columns:minmax(0,1fr) 46vw;grid-template-rows:1fr auto auto auto auto 1fr;column-gap:56px;row-gap:0;padding:56px 0 56px max(32px,calc((100vw - 1240px)/2 + 32px));min-height:min(calc(100svh - var(--vc-bar) - var(--hd)),860px)}
  .bv-hero-ph{position:relative;height:auto;grid-column:2;grid-row:1/-1;margin:-56px 0}
  .bv-hero-ph img{object-position:50% 50%}
  .bv-hero-ph::after{background:linear-gradient(90deg,var(--ink) 0%,rgba(21,18,15,0) 24%)}
  .bv-hero-h{grid-column:1;grid-row:2}
  .bv-hero-lede{grid-column:1;grid-row:3;margin-top:22px!important}
  .bv-hero-chips{grid-column:1;grid-row:4;margin-top:28px;max-width:460px}
  .bv-hero-act{grid-column:1;grid-row:5;margin-top:12px}
  .bv-hero-act .bv-btn-lg{flex:0 0 auto}
  .bv-btn-sq{width:auto;padding:14px 22px}
  .bv-sq-t{display:inline}
  .bv-hero h1{font-size:clamp(3.25rem,4.5vw,5.5rem)}
  .bv-chat{grid-column:2;grid-row:1/-1;align-self:center;justify-self:end;width:460px;margin:0 max(32px,4vw) 0 0}
  .bv-menu-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:start}
  .bv-side{display:block;position:sticky;top:calc(var(--vc-bar) + var(--hd) + 24px)}
  .bv-ph{margin:0}
  .bv-ph-f{aspect-ratio:4/5}
  .bv-side{min-height:1px}
  .bv-side-cap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;gap:14px;padding:60px 24px 22px;border-radius:0 0 var(--r) var(--r);background:linear-gradient(0deg,rgba(21,18,15,.82),rgba(21,18,15,0));color:#F4EDE2}
  .bv-side-cap span{font:700 .8125rem/1 var(--fb);letter-spacing:.1em;color:var(--oxl)}
  .bv-side-cap b{font:400 2.5rem/1 var(--fd)}
  .bv-row{grid-template-columns:3rem minmax(0,1fr) 64px;padding:22px 8px 20px 0}
  .bv-cut .bv-row-t{font-size:clamp(3.5rem,5.3vw,6rem)}
  .bv-row-s{grid-template-columns:minmax(0,1fr) 64px}
  .bv-tick{width:40px;height:40px}.bv-tick::after{left:15px;top:10px;width:9px;height:16px}
  .bv-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:start;margin-top:clamp(56px,7vw,88px)}
  .bv-ticket{margin:0;position:sticky;top:calc(var(--vc-bar) + var(--hd) + 24px)}
  .bv-ticket .bv-h-s{font-size:2rem!important}
  .bv-ticket .vc-wa-msg{min-height:0}
  .bv-dock{display:none}
  .bv-why-l{grid-template-columns:repeat(3,1fr);gap:28px}
  .bv-why-l h3{min-height:2.2em}
  .bv-why-head{max-width:760px}
  .bv-barber h3{font-size:2rem}
  .bv-why-l li{grid-template-columns:1fr;padding-top:22px}
  .bv-why-n{grid-row:auto;margin-bottom:12px}
  .bv-foot .bv-in{grid-template-columns:auto 1fr auto;align-items:center;gap:32px}
  .bv-where-in{grid-template-columns:1.2fr 1fr 1fr;gap:32px 40px}
  .bv-where-tx{grid-column:1;grid-row:1/3}
  .bv-where-ph{grid-column:2;grid-row:1}
  .bv-near-w{grid-column:2;grid-row:2}
  .bv-where-ph img{aspect-ratio:4/5}
  .bv-hours{grid-column:3;grid-row:1/3}
  .bv-near{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bv-where-ph img{aspect-ratio:4/3}
  .bv-near-w .bv-near{font-size:1.125rem;gap:0 14px}
  .bv-where h2{font-size:clamp(3rem,5vw,4.75rem)}
}
@media(prefers-reduced-motion:reduce){
  .bv *,.bv *::before,.bv *::after,.bv-dock{animation:none!important;transition:none!important}
  .bv-ticker-in{animation:none!important}
  .bv-chat-dots i,.bv-chat-typing i{animation:none!important}
}