:root{--bg:#030712;--panel:#07101f;--blue:#0877ff;--text:#f7f9ff;--muted:#aab7ce;--line:#173250}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.topbar{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(3,7,18,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(44,113,201,.28)}.brand{width:145px;height:56px;overflow:hidden;display:flex;align-items:center}.brand img{width:145px;height:82px;object-fit:cover;object-position:center 68%}.nav{display:flex;align-items:center;gap:25px}.nav a{color:#dce7f7;text-decoration:none;font-weight:700;font-size:14px}.nav a:hover{color:#2e91ff}.nav-cta,.primary-btn{background:linear-gradient(135deg,#0788ff,#044dd8);border:1px solid #2497ff;box-shadow:0 0 24px rgba(0,117,255,.28);border-radius:10px;padding:13px 20px;color:white!important;text-decoration:none;font-weight:800;display:inline-block}.menu-btn{display:none;background:none;border:0;color:white;font-size:26px}.visual-section{position:relative;max-width:1600px;margin:0 auto;border-bottom:1px solid rgba(25,75,127,.34)}.visual-section img{width:100%;height:auto;display:block}.action-row{display:flex;justify-content:center;padding:20px;background:linear-gradient(180deg,#040913,#071325)}.contact{max-width:1400px;margin:0 auto;padding:70px 5vw;display:flex;align-items:center;justify-content:space-between;gap:40px;background:radial-gradient(circle at 80% 50%,rgba(0,101,255,.2),transparent 36%)}.contact h2{font-size:clamp(32px,5vw,64px);margin:10px 0}.contact p{color:var(--muted);font-size:18px;max-width:700px;line-height:1.6}.eyebrow{color:#1c8cff;font-weight:900;letter-spacing:1.4px}.large{text-align:center;font-size:18px;min-width:260px}.large small{font-size:15px;font-weight:600}footer{border-top:1px solid var(--line);padding:30px 5vw;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;color:#aebbd0;background:#02050c}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#24d366;color:white;font-size:30px;text-decoration:none;box-shadow:0 8px 26px rgba(0,0,0,.45);z-index:60}
@media(max-width:900px){.topbar{height:66px}.brand{width:110px}.brand img{width:115px;height:68px}.menu-btn{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#050b16;padding:20px 5vw;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:8px 0}.contact{flex-direction:column;align-items:flex-start;padding:50px 6vw}.visual-section{overflow:hidden}.visual-section img{min-height:0}.action-row{padding:14px}.primary-btn{width:100%;text-align:center}footer{flex-direction:column}.whatsapp-float{width:54px;height:54px;right:16px;bottom:16px}}

/* Áreas clicáveis posicionadas sobre os botões desenhados nas artes */
.image-hotspot{position:absolute;z-index:8;display:block;border-radius:12px;cursor:pointer}
.image-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px}
.image-hotspot:hover{background:rgba(0,126,255,.10);box-shadow:0 0 22px rgba(0,126,255,.30)}
.hero-whatsapp{left:2.8%;top:59.5%;width:20.8%;height:8.2%}
.hero-servicos{left:25%;top:60.2%;width:16.5%;height:7.4%}
.servico-impressoras{left:12.8%;top:72.2%;width:13.8%;height:5.3%}
.servico-celulares{left:43.2%;top:72.2%;width:13.8%;height:5.3%}
.servico-tintas{left:73.1%;top:72.2%;width:13.8%;height:5.3%}
.diferenciais-whatsapp{left:54.5%;top:80.7%;width:39%;height:9.7%}
.produtos-todos{left:3.2%;top:39.4%;width:23.4%;height:6.1%}
.produto-corante{left:3.7%;top:70.8%;width:9.7%;height:4.2%}
.produto-pigmentada{left:35.7%;top:70.8%;width:9.7%;height:4.2%}
.produto-sublimatica{left:67.4%;top:70.8%;width:9.7%;height:4.2%}
.produtos-whatsapp{left:64.2%;top:91.0%;width:23.2%;height:6.3%}
.impressoras-top{left:2.8%;top:24.0%;width:40%;height:4.4%}
.celulares-top{left:3.2%;top:24.1%;width:41.8%;height:4.3%}
.celulares-bottom{left:57.8%;top:94.7%;width:33%;height:3.6%}