/* TEMA "RADIAL" — guinchopertozonaleste | vermelho-tijolo + grafite claro, layout em blocos sólidos */
:root{--bg:#1a1614;--pan:#262020;--pan2:#332a29;--bd:#453937;--tx:#f7f1ee;--mu:#b5a49f;
--p1:#e8472f;--p2:#f5a623;--p3:#4ecdc4;--ok:#1fbf63;--r:0px;--mx:1140px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:16px/1.8 Tahoma,Verdana,"DejaVu Sans",sans-serif;color:var(--tx);background:var(--bg);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--p2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:var(--mx);margin:0 auto;padding:0 20px}
.bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:
 radial-gradient(800px 500px at 20% 0%,#3b2420 0%,transparent 60%),
 linear-gradient(185deg,#1a1614,#241c1a 55%,#151110)}
.bg .br{position:absolute;inset:0;opacity:.11;background:
 repeating-linear-gradient(0deg,transparent 0 34px,rgba(232,71,47,.55) 34px 36px),
 repeating-linear-gradient(90deg,transparent 0 76px,rgba(232,71,47,.55) 76px 78px);
 animation:brk 30s linear infinite}
@keyframes brk{to{background-position:78px 72px}}
.bg .ln{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--p1),transparent);
 opacity:.55;animation:dn 6s linear infinite}
.bg .l2{animation-delay:2s}.bg .l3{animation-delay:4s}
@keyframes dn{from{top:-3%}to{top:103%}}
.bg .gl{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(80px);opacity:.26}
.bg .g1{background:#e8472f;top:-100px;left:-70px;animation:fl 19s ease-in-out infinite}
.bg .g2{background:#4ecdc4;bottom:-100px;right:-60px;animation:fl 24s ease-in-out infinite reverse}
@keyframes fl{50%{transform:translate(110px,80px) scale(1.17)}}
header{position:sticky;top:0;z-index:50;background:rgba(26,22,20,.95);backdrop-filter:blur(10px);
 border-bottom:1px solid var(--bd)}
.bar{display:flex;align-items:center;gap:16px;padding:12px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:11px;color:#fff;font-weight:800;font-size:16.5px}
.logo img{width:46px;height:46px;background:#fff;padding:3px;transition:.4s}
.logo:hover img{transform:scale(1.1) rotate(-6deg)}
.logo b{color:var(--p1)}
nav{margin-left:auto}nav ul{display:flex;gap:3px;list-style:none;flex-wrap:wrap}
nav a{display:block;padding:10px 14px;font-size:14px;font-weight:700;color:var(--tx);
 background:var(--pan);border-bottom:3px solid transparent;transition:.2s}
nav a:hover{background:var(--pan2);border-bottom-color:var(--p2);color:var(--p2);text-decoration:none}
nav a.on{background:var(--p1);color:#fff;border-bottom-color:var(--p2)}
.fone{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--p1);color:#fff;
 font-weight:800;position:relative;overflow:hidden}
.fone::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);
 animation:sw 3s ease-in-out infinite}
@keyframes sw{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
.fone:hover{text-decoration:none;background:#f05438}
.hero{padding:50px 0 30px}
.kicker{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
 color:var(--p3);background:var(--pan);padding:7px 14px;margin-bottom:16px;border-left:4px solid var(--p1)}
h1{font-size:clamp(30px,5.5vw,52px);line-height:1.08;font-weight:900;letter-spacing:-1.2px;color:#fff}
h1 em{font-style:normal;color:var(--p1);text-decoration:underline;text-decoration-color:var(--p2);
 text-underline-offset:8px;text-decoration-thickness:5px}
.lead{font-size:clamp(16px,2.2vw,19px);color:var(--mu);margin:18px 0 0;max-width:720px}
.stats{display:flex;flex-wrap:wrap;margin:26px 0;gap:0}
.stat{flex:1 1 150px;padding:16px 18px;background:var(--pan);border-right:3px solid var(--bg)}
.stat:nth-child(odd){background:var(--pan2)}
.stat b{display:block;font-size:22px;color:var(--p2);font-weight:900}
.stat span{font-size:13px;color:var(--mu)}
.acts{display:flex;gap:10px;flex-wrap:wrap}
.bt{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;font-weight:800;font-size:15px;
 border:0;cursor:pointer;transition:.2s;border-bottom:4px solid rgba(0,0,0,.35)}
.bt:hover{transform:translateY(-2px);text-decoration:none;filter:brightness(1.08)}
.bt-z{background:var(--ok);color:#fff}.bt-l{background:var(--p1);color:#fff}
.bt-g{background:var(--pan);color:var(--tx);border-bottom-color:var(--bd)}
section{padding:36px 0}
h2{font-size:clamp(22px,3.4vw,31px);font-weight:900;color:#fff;margin:0 0 16px;letter-spacing:-.6px;
 background:var(--pan);padding:12px 16px;border-left:6px solid var(--p1)}
h3{font-size:clamp(17px,2.4vw,21px);color:var(--p2);margin:26px 0 9px;font-weight:800}
h4{font-size:16.5px;color:var(--p3);margin:18px 0 7px;font-weight:800}
p{margin:0 0 14px;color:#e2d8d4}
section ul,section ol{margin:0 0 15px 20px;color:#e2d8d4}section li{margin:6px 0}
strong{color:#fff}.big{font-size:17.5px;color:#f0e8e5}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px}
.box{background:var(--pan);padding:19px;border-bottom:4px solid var(--bd);transition:.25s}
.box:hover{background:var(--pan2);border-bottom-color:var(--p1);transform:translateY(-4px)}
.sym{font-size:28px;display:inline-block;margin-bottom:9px;transition:.35s}
.box:hover .sym{transform:rotate(-12deg) scale(1.2)}
.mapa{border:4px solid var(--pan)}
.mapa iframe{display:block;width:100%;height:365px;border:0;filter:sepia(.18) saturate(.9)}
.ff{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:13px}
.campo{display:flex;flex-direction:column;gap:5px}.campo.w{grid-column:1/-1}
label{font-size:13px;font-weight:800;color:var(--p2);text-transform:uppercase;letter-spacing:.7px}
input,select,textarea{width:100%;padding:13px;background:#1d1716;color:var(--tx);border:2px solid var(--bd);
 font:inherit;font-size:15px;transition:.2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--p1)}
textarea{min-height:86px;resize:vertical}
.aviso{color:var(--p1);font-size:13.5px;min-height:18px;font-weight:700}
.painel{background:var(--pan);padding:22px;border-top:5px solid var(--p1)}
details{background:var(--pan);padding:14px 18px;margin:7px 0;border-left:4px solid var(--bd);transition:.2s}
details[open]{border-left-color:var(--p1);background:var(--pan2)}
summary{cursor:pointer;font-weight:800;color:#fff;list-style:none}
summary::-webkit-details-marker{display:none}
summary::before{content:"»";color:var(--p1);margin-right:9px;font-weight:900}
details p{margin-top:10px}
.lk{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:5px;list-style:none;margin:0}
.lk a{display:block;padding:9px 12px;font-size:14px;color:#e2d8d4;background:var(--pan);
 border-left:3px solid transparent;transition:.2s}
.lk a:hover{background:var(--pan2);border-left-color:var(--p1);color:var(--p2);text-decoration:none}
.tri{font-size:13px;color:var(--mu);padding:14px 0 0}.tri a{color:var(--mu)}
.obs{font-size:14px;color:var(--mu);background:var(--pan);border-left:5px solid var(--p2);padding:13px 16px;margin:16px 0}
footer{border-top:5px solid var(--p1);margin-top:36px;padding:30px 0 92px;color:var(--mu);font-size:14px;
 background:#131010}
footer h4{color:var(--p2);font-size:13px;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 10px}
footer ul{list-style:none;margin:0}footer li{margin:5px 0}
footer a{color:var(--mu)}footer a:hover{color:var(--p2)}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:24px}
.zap{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:8px;
 padding:14px 20px;background:var(--ok);color:#fff;font-weight:800;border-bottom:4px solid #14803f;
 box-shadow:0 10px 28px rgba(0,0,0,.55)}
.zap:hover{text-decoration:none;filter:brightness(1.1)}
@media(max-width:780px){nav{width:100%;order:3;margin-left:0}nav a{padding:8px 10px;font-size:13px}
 .hero{padding:30px 0 20px}.mapa iframe{height:285px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
