/* Barbearia na Hora: fundo escuro, faixa de poste de barbeiro e "tabela da casa" */
.hb{--coal:#121417;--navy:#1E3A5F;--bone:#EFEAE2;--brass:#C8A15A;--ash:#8A929C;--bg:#F4F1EC;--accent:#1E3A5F;--accent-soft:#E3E8EF}
.hb h1,.hb h2,.hb h3{font-family:"Oswald","Arial Narrow",system-ui,sans-serif;font-weight:600;letter-spacing:.005em}
.hb > .w:first-child{position:absolute;left:0;right:0;z-index:3}
.hb > .w:first-child nav .logo,.hb > .w:first-child nav .links a:not(.btn){color:#fff}
.hb-hero{position:relative;color:#fff;background:linear-gradient(90deg,rgba(12,14,17,.93) 0%,rgba(12,14,17,.72) 48%,rgba(12,14,17,.3) 100%),var(--img) center/cover no-repeat #121417;padding:130px 0 80px}
.hb-hero-in{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hb-copy h1{font-size:clamp(42px,6vw,78px);line-height:.98;text-transform:uppercase;margin:0 0 20px;color:#fff;max-width:11em}
.hb-copy .lead{color:#D5D9DE}
.hb-copy .small{color:#AEB5BE}
.hb .btn.pri{background:var(--brass);border-color:var(--brass);color:#121417}
.hb .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.hb-hero .phone{justify-self:end;border-color:#0A0B0D;background:#F4F1EC;color:#121417}
.hb-hero .phone .sum{background:var(--navy)}
.pole{height:22px;background:repeating-linear-gradient(-45deg,var(--navy) 0 22px,var(--bone) 22px 44px,var(--brass) 44px 66px,var(--bone) 66px 88px)}
.hb section{border-top:0}
.hb-two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.hb-dores h2{font-size:clamp(30px,3.6vw,44px);line-height:1.05;text-transform:uppercase;margin:0 0 20px}
.hb-x{list-style:none;padding:0;margin:0}
.hb-x li{padding:14px 0 14px 34px;border-bottom:1px solid #DDD6CB;position:relative;font-size:17px}
.hb-x li::before{content:"";position:absolute;left:4px;top:22px;width:16px;height:2px;background:var(--brass);transform:rotate(45deg);box-shadow:0 0 0 0 transparent}
.hb-x li::after{content:"";position:absolute;left:4px;top:22px;width:16px;height:2px;background:var(--brass);transform:rotate(-45deg)}
.hb-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hb-mosaic img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;filter:saturate(.85) contrast(1.05)}
.hb-mosaic img:nth-child(1){aspect-ratio:3/4}.hb-mosaic img:nth-child(4){aspect-ratio:3/4;margin-top:-25%}
.hb-tabela{background:var(--coal);color:var(--bone);padding:80px 0}
.board{max-width:820px;margin:0 auto;border:2px solid #2B3038;border-radius:8px;padding:40px 44px;background:radial-gradient(120% 100% at 50% 0%,#1D2128 0%,#121417 70%)}
.board h2{text-align:center;text-transform:uppercase;font-size:clamp(34px,4vw,52px);margin:0;color:var(--bone);letter-spacing:.04em}
.board-sub{text-align:center;color:var(--ash);margin:4px 0 26px}
.board ul{list-style:none;margin:0;padding:0}
.board li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:12px 0;border-bottom:1px dashed #2B3038}
.board .nm{font-family:"Oswald",sans-serif;font-size:21px;text-transform:uppercase;color:#fff;letter-spacing:.02em}
.board .dots{border-bottom:2px dotted #4A515C;transform:translateY(-6px)}
.board .ok{color:var(--brass);font-weight:700;font-size:14px}
.board li p{grid-column:1/-1;margin:2px 0 0;color:#A9B0B9;font-size:15px}
.hb-feat{background:var(--bg)}
.hb-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:30px 0}
.hb-row.rev img{order:2}
.hb-row img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;box-shadow:12px 12px 0 var(--navy)}
.hb-row.rev img{box-shadow:-12px 12px 0 var(--brass)}
.hb-row h2{font-size:clamp(28px,3.2vw,40px);text-transform:uppercase;line-height:1.05;margin:0 0 12px}
.hb-row p{font-size:18px;color:#4E5560}
.hb-precos .plan.hi{border-color:var(--navy)}
.hb-final{position:relative;border-radius:10px;padding:60px 30px;text-align:center;color:#fff;background:linear-gradient(rgba(12,14,17,.78),rgba(12,14,17,.86)),var(--img) center/cover no-repeat #121417}
.hb-final h2{color:#fff;text-transform:uppercase;font-size:clamp(28px,3.4vw,44px);margin:0 0 8px}
.hb-final p{color:#D5D9DE}
@media (prefers-color-scheme:dark){.hb{--bg:#15181D}.hb-x li{border-color:#2A2F37}.hb-row p{color:#AEB5BE}}
@media (max-width:860px){
  .hb-hero{padding:110px 0 50px}
  .hb-hero-in,.hb-two,.hb-row{grid-template-columns:1fr}
  .hb-hero .phone{justify-self:center}
  .hb-row.rev img{order:0}
  .board{padding:26px 18px}
  .board .nm{font-size:18px}
}
/* páginas internas da barbearia */
.hb-hero.hb-sub{padding:120px 0 56px}
.hb-hero.hb-sub h1{font-size:clamp(34px,4.6vw,58px);text-transform:uppercase;line-height:1.02;max-width:14em;color:#fff;margin:0 0 16px}
.hb-hero.hb-sub .hb-copy{max-width:760px}
.hb-prose h2{text-transform:uppercase;font-size:clamp(24px,2.6vw,32px)}
.hb-prose p{font-size:18px}
.hb-ph{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;box-shadow:12px 12px 0 var(--navy)}
.hb-tool{background:var(--bone)}
.hb .tiles a{border-radius:6px}