:root{
  --amarelo:#FFC400;
  --amarelo-fundo:#FFCE1F;
  --amarelo-2:#E0A800;
  --preto:#16130F;
  --preto-2:#241f18;
  --cal:#F5F1E8;
  --concreto:#6B6558;
  --zarcao:#D9401F;

  --display:"Saira Condensed",Impact,sans-serif;
  --body:"Hanken Grotesk",system-ui,sans-serif;
  --mono:"Spline Sans Mono",ui-monospace,monospace;

  --wrap:1180px;
  --band-y:clamp(72px,10vw,132px);
  --edge:clamp(20px,5vw,48px);
  --radius:12px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--body);
  color:var(--preto);
  background:var(--cal);
  font-size:clamp(16px,1.05vw,18px);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.01em;}
p{margin:0;}
a{color:inherit;}
img,svg{display:block;}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--edge);}
.band{padding-block:var(--band-y);}
.band--dark{background:var(--preto);color:var(--cal);}
.band--cal{background:var(--cal);}

/* ---- utility label (mono) ---- */
.tag{
  font-family:var(--mono);
  font-weight:500;
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  display:inline-block;
}

/* ---- buttons ---- */
.btn{
  font-family:var(--mono);
  font-weight:600;
  font-size:.9rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-decoration:none;
  padding:.95em 1.5em;
  border:2px solid var(--preto);
  border-radius:8px;
  display:inline-flex;align-items:center;gap:.6em;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;
  cursor:pointer;
  white-space:nowrap;
}
.btn svg{width:1.05em;height:1.05em;}
.btn--zarcao{background:var(--zarcao);color:#fff;border-color:var(--preto);box-shadow:4px 4px 0 var(--preto);}
.btn--zarcao:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--preto);}
.btn--ghost{background:transparent;color:var(--preto);box-shadow:4px 4px 0 transparent;}
.btn--ghost:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--preto);background:var(--preto);color:var(--amarelo);}
.btn--onDark{border-color:var(--cal);color:var(--cal);}
.btn--onDark:hover{background:var(--cal);color:var(--preto);}

a:focus-visible,button:focus-visible,.btn:focus-visible{
  outline:3px solid var(--zarcao);outline-offset:3px;
}

/* ================= HEADER ================= */
.site-head{
  position:sticky;top:0;z-index:40;
  background:var(--amarelo);
  border-bottom:3px solid var(--preto);
}
.site-head__in{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-block:.7rem;
}
.brandmark{display:flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.15rem;letter-spacing:.01em;text-decoration:none;line-height:1;}
.brandmark svg{height:1.15em;width:auto;}
.brandmark span{color:var(--preto);}
.site-nav{display:flex;align-items:center;gap:1.6rem;}
.site-nav a{font-family:var(--mono);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--preto);opacity:.75;}
.site-nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px;}
.site-nav .btn{padding:.6em 1.05em;font-size:.78rem;}
.nav-links{display:flex;gap:1.6rem;}
@media (max-width:820px){ .nav-links{display:none;} }

/* ================= HERO ================= */
.hero{
  background:var(--amarelo);
  position:relative;
  overflow:hidden;
  padding-block:clamp(48px,7vw,96px);
  border-bottom:3px solid var(--preto);
}
.hero::before{ /* leve textura de metal pintado, bem sutil */
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 50% -10%,rgba(255,255,255,.35),transparent 60%),
    radial-gradient(100% 120% at 50% 120%,rgba(0,0,0,.06),transparent 55%);
  pointer-events:none;
}
.hero__in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(24px,3.5vw,40px);}

.hero__eyebrow{color:var(--preto);}
.hero__eyebrow b{background:var(--preto);color:var(--amarelo);padding:.35em .7em;border-radius:5px;letter-spacing:.14em;}

/* --- o letreiro montado --- */
.sign{
  position:relative;
  background:var(--amarelo);
  border:clamp(4px,.55vw,8px) solid var(--preto);
  border-radius:10px;
  padding:clamp(20px,4vw,46px) clamp(24px,5vw,64px);
  box-shadow:0 22px 0 -6px rgba(0,0,0,.14), 0 30px 60px -30px rgba(0,0,0,.5);
  max-width:min(940px,96%);
}
.sign__line1{font-size:clamp(36px,7.2vw,102px);color:var(--preto);letter-spacing:.005em;}
.sign__line2{
  display:flex;align-items:baseline;justify-content:center;gap:0;
  font-size:clamp(52px,11.4vw,158px);color:var(--preto);letter-spacing:.005em;margin-top:-.06em;
}
.sign__line1, .sign__line2{
  text-shadow:2px 2px 0 rgba(0,0,0,.18); /* leve relevo de letra pintada */
}
.hammer{
  height:.82em;width:auto;flex:0 0 auto;
  margin-right:-.03em;
  transform:rotate(-3deg);
  transform-origin:50% 100%;
  color:var(--preto);
  filter:drop-shadow(2px 2px 0 rgba(0,0,0,.18));
}
.hammer--strike{animation:strike 1.05s cubic-bezier(.2,.9,.25,1) .25s both;}
@keyframes strike{
  0%{transform:rotate(-26deg);}
  55%{transform:rotate(5deg);}
  78%{transform:rotate(-5deg);}
  100%{transform:rotate(-3deg);}
}
.bolt{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--amarelo-2);box-shadow:inset 0 0 0 2px rgba(0,0,0,.55), inset 1px 1px 2px rgba(255,255,255,.5);}
.bolt.tl{top:10px;left:10px;} .bolt.tr{top:10px;right:10px;}
.bolt.bl{bottom:10px;left:10px;} .bolt.br{bottom:10px;right:10px;}

/* --- promessa interativa "Tem ___? Tem." --- */
.promise{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5em .7em;
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  font-size:clamp(22px,3.6vw,42px);line-height:1;color:var(--preto);
}
.promise__q{display:inline-flex;align-items:baseline;gap:.3em;}
.promise__word{
  color:var(--preto);
  border-bottom:.14em solid var(--zarcao);
  padding-bottom:.02em;
  min-width:1ch;
}
.promise__a{
  font-family:var(--display);font-weight:900;
  color:#fff;background:var(--zarcao);
  border:.09em solid var(--preto);
  padding:.12em .42em .05em;
  border-radius:6px;
  transform:rotate(-4deg);
  box-shadow:3px 3px 0 rgba(0,0,0,.25);
}
.promise__a.stamp{animation:stamp .5s cubic-bezier(.2,.9,.3,1.4) both;}
@keyframes stamp{
  0%{opacity:0;transform:rotate(-16deg) scale(1.5);}
  60%{opacity:1;transform:rotate(-1deg) scale(.94);}
  100%{opacity:1;transform:rotate(-4deg) scale(1);}
}

.hero__sub{max-width:44ch;font-size:clamp(1.02rem,1.5vw,1.28rem);color:var(--preto);font-weight:500;}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;}
.hero__trust{color:var(--preto);opacity:.72;font-size:.78rem;}

/* ================= CORREDORES ================= */
.head-block{max-width:56ch;margin-bottom:clamp(36px,5vw,60px);}
.head-block .tag{color:var(--zarcao);margin-bottom:1rem;}
.head-block h2{font-size:clamp(34px,5.5vw,64px);}
.head-block p{margin-top:1rem;color:var(--concreto);font-size:clamp(1.02rem,1.4vw,1.2rem);max-width:48ch;}

.aisles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px);}
@media (max-width:900px){ .aisles{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .aisles{grid-template-columns:1fr;} }

.aisle{
  background:#fff;
  border:2px solid var(--preto);
  border-radius:var(--radius);
  padding:clamp(22px,2.4vw,30px);
  display:flex;flex-direction:column;gap:.85rem;min-height:100%;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}
.aisle:hover{transform:translateY(-4px);box-shadow:0 14px 0 -4px var(--preto);border-color:var(--preto);}
.aisle__top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;}
.aisle__setor{color:var(--zarcao);}
.aisle__count{font-family:var(--mono);font-size:.72rem;color:var(--concreto);letter-spacing:.02em;white-space:nowrap;}
.aisle h3{font-size:clamp(26px,2.8vw,34px);}
.aisle__items{font-family:var(--mono);font-size:.82rem;color:var(--preto);line-height:1.7;opacity:.85;}
.aisle__desc{color:var(--concreto);font-size:.98rem;margin-top:auto;}

/* ================= SERVIÇOS ================= */
.serv-head h2{font-size:clamp(34px,5.5vw,64px);color:var(--cal);}
.serv-head .tag{color:var(--amarelo);}
.serv-head p{color:#c9c4bb;}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,44px);margin-top:clamp(32px,4vw,52px);}
@media (max-width:780px){ .services{grid-template-columns:1fr;} }
.service{
  padding-top:clamp(20px,2vw,26px);
  border-top:2px solid rgba(245,241,232,.28);
  display:flex;gap:1rem;align-items:flex-start;
}
.service__mark{flex:0 0 auto;width:44px;height:44px;border:2px solid var(--amarelo);border-radius:9px;display:grid;place-items:center;color:var(--amarelo);}
.service__mark svg{width:22px;height:22px;}
.service h3{font-size:clamp(22px,2.4vw,28px);color:var(--cal);}
.service p{color:#c9c4bb;margin-top:.35rem;font-size:.98rem;}

/* ================= TICKER / BALCÃO ================= */
.ticker{
  background:var(--amarelo);border-block:3px solid var(--preto);
  padding-block:.75rem;overflow:hidden;display:flex;align-items:center;
}
.ticker__label{
  flex:0 0 auto;background:var(--preto);color:var(--amarelo);
  font-family:var(--mono);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  padding:.55em .9em;margin-left:var(--edge);border-radius:5px;z-index:2;
}
.ticker__track{display:flex;white-space:nowrap;will-change:transform;animation:scroll 34s linear infinite;}
.ticker__track span{
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  font-size:1.3rem;letter-spacing:.02em;color:var(--preto);padding-inline:1.1rem;
  display:inline-flex;align-items:center;gap:1.1rem;
}
.ticker__track span::after{content:"";width:8px;height:8px;background:var(--zarcao);transform:rotate(45deg);display:inline-block;}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ticker:hover .ticker__track{animation-play-state:paused;}

/* ================= ONDE FICA ================= */
.onde{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:stretch;}
@media (max-width:820px){ .onde{grid-template-columns:1fr;} }
.onde__info h2{font-size:clamp(34px,5.5vw,64px);}
.onde__info .tag{color:var(--zarcao);margin-bottom:1rem;}
.onde__info p.lead{margin-top:1rem;color:var(--concreto);max-width:42ch;font-size:1.08rem;}
.onde__meta{font-family:var(--mono);font-size:.92rem;margin-top:1.7rem;line-height:1.9;}
.onde__meta a{color:var(--zarcao);text-decoration:none;font-weight:600;}
.onde__meta a:hover{text-decoration:underline;}
.onde__hours{margin-top:1.6rem;max-width:360px;border-top:2px solid rgba(0,0,0,.16);}
.onde__hours .hr{display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.9rem;padding-block:.55rem;border-bottom:1px solid rgba(0,0,0,.1);}
.onde__hours .hr:last-child{border-bottom:none;}
.onde__hours .hr b{font-weight:600;color:var(--preto);}
.onde__hours .hr span{color:var(--concreto);}
.onde__info .btn{margin-top:1.7rem;}

.onde__facade{position:relative;display:block;border:2px solid var(--preto);border-radius:var(--radius);overflow:hidden;isolation:isolate;text-decoration:none;min-height:clamp(300px,42vw,440px);box-shadow:6px 6px 0 var(--preto);transition:transform .14s ease,box-shadow .14s ease;}
.onde__facade:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--preto);}
.onde__facade:focus-visible{outline:3px solid var(--zarcao);outline-offset:3px;}
.onde__facade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;}
.onde__facade-cap{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.55rem;padding:clamp(18px,2.2vw,26px);background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.1) 55%,rgba(0,0,0,0) 78%);}
.onde__facade-pin{display:inline-flex;align-items:center;gap:.5rem;background:var(--zarcao);color:#fff;font-family:var(--mono);font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:.55em .85em;border-radius:6px;}
.onde__facade-pin svg{width:1.05em;height:1.05em;}
.onde__facade-sub{font-family:var(--display);font-weight:800;text-transform:uppercase;color:#fff;font-size:clamp(18px,2vw,26px);line-height:1.05;text-shadow:0 2px 14px rgba(0,0,0,.5);}

/* ================= FOOTER ================= */
.site-foot{background:var(--amarelo);border-top:3px solid var(--preto);padding-block:clamp(40px,5vw,64px);}
.foot__grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;align-items:flex-start;}
.foot__brand{max-width:34ch;}
.foot__brand .brandmark{font-size:1.6rem;margin-bottom:.7rem;}
.foot__brand p{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.15rem;color:var(--preto);}
.foot__cols{display:flex;gap:clamp(2rem,5vw,4rem);flex-wrap:wrap;}
.foot__col h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--preto);opacity:.6;margin:0 0 .8rem;}
.foot__col a,.foot__col p{display:block;font-size:.95rem;color:var(--preto);text-decoration:none;margin-bottom:.45rem;}
.foot__col a:hover{text-decoration:underline;text-underline-offset:3px;}
.foot__base{margin-top:clamp(28px,4vw,44px);padding-top:1.4rem;border-top:2px solid rgba(0,0,0,.25);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.03em;color:var(--preto);opacity:.75;}

/* ================= SEGURANÇA ================= */
.nav-sec{display:inline-flex;align-items:center;gap:.45em;}
.nav-sec svg{width:1.1em;height:1.1em;flex:none;}
@media (max-width:820px){
  .site-nav{gap:.7rem;}
  .site-nav .nav-sec{width:2.5rem;height:2.5rem;justify-content:center;border:2px solid var(--preto);border-radius:8px;opacity:1;}
  .nav-sec svg{width:1.25rem;height:1.25rem;}
  .nav-sec span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
}
@media (max-width:400px){
  .site-head__in{gap:.75rem;}
  .site-head .brandmark{font-size:1.05rem;}
  .site-nav{gap:.5rem;}
  .site-nav .nav-sec{width:2.25rem;height:2.25rem;}
  .site-nav .btn{padding:.6em .85em;}
}
@media (max-width:359px){ .site-nav .nav-sec{display:none;} }

.site-nav a[aria-current="page"]{opacity:1;}
@media (min-width:821px){ .site-nav .nav-sec[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;} }
@media (max-width:820px){ .site-nav .nav-sec[aria-current="page"]{background:var(--preto);color:var(--amarelo);} }

/* carimbo "Tem." / "Não tem." — mesmo jeito do "Tem." do letreiro */
.carimbo{
  display:inline-block;
  font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:1;
  padding:.12em .42em .05em;
  border:.09em solid var(--preto);border-radius:6px;
  transform:rotate(-4deg);
  box-shadow:3px 3px 0 rgba(0,0,0,.25);
  white-space:nowrap;
}
.carimbo--tem{background:var(--zarcao);color:#fff;}
.carimbo--nao{background:var(--amarelo);color:var(--preto);}

/* chamada curta na página inicial */
.seg-strip{background:var(--preto);color:var(--cal);padding-block:clamp(30px,4vw,48px);}
.seg-strip__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem 2.4rem;}
.seg-strip__q{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(24px,3vw,36px);line-height:1.1;}
.seg-strip__q .carimbo{margin-left:.2em;}
.seg-strip__txt{color:#c9c4bb;margin-top:.6rem;max-width:52ch;}

/* ---- página /seguranca ---- */
.nobr{white-space:nowrap;}
.doc{padding-block:clamp(40px,6vw,72px) clamp(56px,7vw,88px);}
.doc__in{max-width:760px;}
.doc__in > *{margin:0;}
.doc__in > * + *{margin-top:1rem;}
.doc__in > h2{margin-top:clamp(2.4rem,4vw,3rem);}
.doc h1{font-size:clamp(40px,5.6vw,68px);}
.doc h2{font-size:clamp(28px,3.2vw,40px);line-height:1;}
.doc__in > .doc__lead{margin-top:1.2rem;font-size:clamp(1.05rem,1.3vw,1.18rem);font-weight:500;}
.doc__date{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--concreto);}
.doc__in > ul{padding-left:1.2rem;}
.doc__in > ul > li + li{margin-top:.6rem;}
.doc li::marker{color:var(--zarcao);}
.doc a{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--zarcao);text-underline-offset:3px;}
.doc__in > .doc__end{margin-top:2rem;}
.doc [id]{scroll-margin-top:90px;}

.policy summary{cursor:pointer;width:fit-content;font-weight:700;}
.policy summary:hover{text-decoration:underline;text-underline-offset:3px;}
.policy summary:focus-visible{outline:3px solid var(--zarcao);outline-offset:3px;}
.policy__body{margin-top:.4rem;}
.policy__body h3{font-family:var(--body);font-size:1rem;font-weight:700;text-transform:none;letter-spacing:0;line-height:1.4;margin:1.2rem 0 .3rem;}
.policy__body p,.policy__body li{font-size:.96rem;color:#3a352c;}
.policy__body p + p{margin-top:.5rem;}
.policy__body ul{margin:.4rem 0 .6rem;padding-left:1.2rem;}
.policy__body li{margin-bottom:.25rem;}
.policy__body .policy__date{margin-top:1.2rem;font-family:var(--mono);font-size:.8rem;color:var(--concreto);}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .hammer--strike,.promise__a.stamp{animation:none !important;}
  .ticker__track{animation:none;transform:none;}
  *{transition-duration:.001ms !important;}
}