:root{
  /* Valores padrão. brand.js troca estes valores pela paleta definida em Configurações. */
  --red:#e10600; --red-d:#a80400; --red-rgb:225,6,0; --red-d-rgb:168,4,0; --on-primary:#ffffff;
  --bg:#0b0b0c; --bg-rgb:11,11,12; --bg2:#141416; --bg3:#1c1c1f; --foot:#070708;
  --line:#2a2a2e; --txt:#f2f2f2; --mut:#a3a3a8;
  --ok:#1f9d57; --warn:#c77c00; --bad:#d1383d;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,92%);margin:0 auto}
h1,h2,h3{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.5px;line-height:1.05}

/* Barra superior: situação (aberto/fechado) e contatos rápidos */
.topbar{background:var(--foot);border-bottom:1px solid var(--line);font-size:.84rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:6px 18px;flex-wrap:wrap;padding:7px 0;min-height:36px}
.topbar a{color:var(--mut);font-weight:600}
.topbar a:hover{color:var(--txt)}
.tb-links{display:flex;gap:16px;flex-wrap:wrap}

/* Situação de funcionamento */
.st{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600}
.st i{width:10px;height:10px;border-radius:50%;background:var(--stc);box-shadow:0 0 0 0 var(--stc);flex:none}
.st b{color:var(--stc);text-transform:uppercase;letter-spacing:.8px;font-size:.78rem}
.st .sd{color:var(--mut);font-weight:500}
.st.open{--stc:var(--ok)} .st.soon{--stc:var(--warn)} .st.closed{--stc:var(--bad)}
.st.open i{animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,157,87,.55)}70%{box-shadow:0 0 0 8px rgba(31,157,87,0)}100%{box-shadow:0 0 0 0 rgba(31,157,87,0)}}
@media(prefers-reduced-motion:reduce){.st.open i{animation:none}}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(var(--bg-rgb),.94);backdrop-filter:blur(8px);border-bottom:2px solid var(--red)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;min-height:70px}
.logo{display:flex;align-items:center;gap:10px;font-family:"Barlow Condensed",Impact,sans-serif;font-size:1.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.logo i{display:inline-block;width:14px;height:30px;background:var(--red);transform:skewX(-20deg);box-shadow:8px 0 0 var(--red-d)}
.logo span{color:var(--red)}
.logo-img{display:block;height:46px;width:auto;max-width:240px;object-fit:contain}
.logo-name{font-weight:800}
.nav{display:flex;gap:6px;align-items:center}
.nav a{padding:8px 16px;font-weight:600;font-size:.92rem;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);transition:.2s}
.nav a:hover,.nav a.on{color:var(--txt)}
.nav a.on{box-shadow:inset 0 -3px 0 var(--red)}
.nav a.ext{background:var(--red);color:var(--on-primary);transform:skewX(-12deg);margin-left:10px}
.nav a.ext span{display:inline-block;transform:skewX(12deg)}
.nav a.ext:hover{background:var(--red-d)}
.burger{display:none;background:none;border:0;color:var(--txt);font-size:1.8rem;cursor:pointer}

/* Hero */
.hero{position:relative;overflow:hidden;padding:110px 0 120px;background:
  linear-gradient(115deg,rgba(var(--bg-rgb),.97) 45%,rgba(var(--red-d-rgb),.55) 100%),
  repeating-linear-gradient(115deg,var(--bg) 0 24px,var(--bg2) 24px 48px)}
.hero:after{content:"";position:absolute;right:-8%;top:-20%;width:46%;height:150%;background:var(--red);transform:skewX(-20deg);opacity:.13}
.hero .wrap{position:relative;z-index:1}
.tag{display:inline-block;background:var(--red);color:var(--on-primary);padding:4px 14px;font-weight:700;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;transform:skewX(-12deg);margin-bottom:22px}
.hero h1{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:800;max-width:850px}
.hero h1 em{font-style:normal;color:var(--red)}
.hero p{max-width:620px;margin:22px 0 34px;color:var(--mut);font-size:1.1rem}
.hero-st{margin-top:30px;display:block;width:fit-content;max-width:100%;background:rgba(var(--bg-rgb),.7);border:1px solid var(--line);border-left:4px solid var(--stc,var(--line));padding:12px 18px}
.hero-st:empty{display:none}
.hero-st a{display:block;margin-top:4px;font-size:.8rem;color:var(--mut);text-decoration:underline}
.btn{display:inline-block;padding:14px 32px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid var(--red);background:var(--red);color:var(--on-primary);cursor:pointer;font-size:.95rem;transition:.2s;transform:skewX(-12deg)}
.btn>*{display:inline-block;transform:skewX(12deg)}
.btn:hover{background:var(--red-d);border-color:var(--red-d)}
.btn.ghost{background:transparent;color:var(--txt)}
.btn.ghost:hover{background:var(--red);color:var(--on-primary)}
.hero .btn+.btn{margin-left:12px}

/* Seções */
.sec{padding:80px 0}
.sec.alt{background:var(--bg2)}
.sec h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:12px}
.sec h2:after{content:"";display:block;width:70px;height:5px;background:var(--red);margin-top:12px;transform:skewX(-20deg)}
.sec .lead{color:var(--mut);max-width:720px;margin:18px 0 40px}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--bg3);border:1px solid var(--line);border-left:4px solid var(--red);padding:28px 24px;transition:.25s}
.card:hover{transform:translateY(-4px);border-color:var(--red);box-shadow:0 12px 30px rgba(var(--red-rgb),.18)}
.card .ic{font-size:2rem;margin-bottom:10px}
.card h3{font-size:1.5rem;margin-bottom:8px}
.card p{color:var(--mut);font-size:.95rem}
.band{background:var(--red);color:var(--on-primary);padding:46px 0;text-align:center}
.band h2{font-size:2.2rem}
.band h2:after{display:none}
.band p{margin:8px 0 22px}
.band .btn{background:var(--on-primary);color:var(--red);border-color:var(--on-primary)}
.band .btn:hover{background:var(--bg);color:var(--txt);border-color:var(--bg)}
.ptitle{padding:70px 0 40px;background:linear-gradient(115deg,var(--bg) 50%,rgba(var(--red-d-rgb),.5));border-bottom:1px solid var(--line)}
.ptitle h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:800}
.ptitle h1 em{font-style:normal;color:var(--red)}

/* Contato */
.two{display:grid;gap:40px;grid-template-columns:1fr 1fr}
.info{list-style:none}
.info li{padding:14px 0;border-bottom:1px solid var(--line)}
.info b{display:block;color:var(--red);text-transform:uppercase;font-size:.8rem;letter-spacing:1.5px}
.info a{text-decoration:underline;text-decoration-color:var(--line)}
.info a:hover{color:var(--red)}
.hours{width:100%;border-collapse:collapse;margin-top:6px}
.hours td{padding:6px 0;border:0;vertical-align:top}
.hours td:last-child{text-align:right;color:var(--mut)}
.hours tr.today td{color:var(--txt);font-weight:700}
.hours tr.today td:first-child:before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;margin-right:8px}
.hours tr.shut td:last-child{color:var(--bad)}
.hours-st{margin:6px 0 4px}
.social{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.social a{display:inline-block;padding:7px 14px;border:1px solid var(--line);background:var(--bg3);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.6px;transition:.2s}
.social a:hover{border-color:var(--red);color:var(--red)}
.form label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--mut);margin:14px 0 6px}
.form input,.form textarea{width:100%;padding:13px;background:var(--bg3);border:1px solid var(--line);color:var(--txt);font:inherit}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--red)}
.form textarea{min-height:130px;resize:vertical}
.form .btn{margin-top:20px}
.map iframe{width:100%;height:320px;border:0;margin-top:20px}

/* Rodapé */
.ftr{background:var(--foot);border-top:2px solid var(--red);padding:38px 0 26px;color:var(--mut);font-size:.9rem}
.ftr .cols{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ftr h4{color:var(--txt);text-transform:uppercase;letter-spacing:1.2px;font-size:.78rem;margin-bottom:8px}
.ftr a:hover{color:var(--red)}
.ftr .social{margin-top:0}
.ftr .copy{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

@media(max-width:820px){
  .burger{display:block}
  .nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:stretch;padding:12px;border-bottom:2px solid var(--red)}
  .nav.open{display:flex}
  .nav a.ext{margin:8px 0 0;transform:none;text-align:center}
  .nav a.ext span{transform:none}
  .two{grid-template-columns:1fr}
  .hero .btn+.btn{margin:12px 0 0}
  .topbar .wrap{justify-content:center;text-align:center}
}
.ftr .cols:empty{display:none}
.ftr .cols:empty+.copy{margin-top:0;padding-top:0;border-top:0}