*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f6f7f9;color:#15171a}.container{width:min(1120px,92%);margin:auto}.topbar{background:#fff;border-bottom:1px solid #e7e8eb;position:sticky;top:0;z-index:10}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#111;font-weight:800;font-size:20px}.brand img{height:42px;width:42px;object-fit:contain;border-radius:10px}.nav nav{display:flex;gap:24px}.nav a{color:#333;text-decoration:none}.hero{position:relative;overflow:hidden;padding:75px 0 55px;background:linear-gradient(135deg,#0879c9,#07559a);color:#fff;min-height:390px;isolation:isolate}.hero-carousel{position:absolute;left:0;right:0;top:50%;height:260px;transform:translateY(-50%);z-index:0;overflow:hidden;pointer-events:none}.hero-track{height:100%;display:flex;align-items:center;width:max-content;gap:28px;animation:none;will-change:transform}.hero-slide{position:relative;width:210px;height:240px;flex:0 0 210px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 35px rgba(0,0,0,.16);transform:rotate(-2deg)}.hero-slide:nth-child(even){transform:rotate(2deg) translateY(18px)}.hero-slide img{width:100%;height:100%;display:block;object-fit:cover;opacity:.82}.hero-slide-info{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.72));text-align:left}.hero-slide-info strong,.hero-slide-info span{display:block;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.hero-slide-info strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-slide-info span{font-size:14px;font-weight:700;margin-top:3px}.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,42,77,.88) 0%,rgba(5,69,119,.62) 38%,rgba(5,76,130,.28) 70%,rgba(5,76,130,.48) 100%);pointer-events:none}.hero-content{position:relative;z-index:2}.hero h1,.hero p,.hero .eyebrow{position:relative}.hero .search{position:relative;z-index:3}@keyframes heroProdutos{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 14px),0,0)}}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:700;opacity:.7}.hero h1{font-size:clamp(36px,6vw,64px);max-width:700px;margin:10px 0}.hero p{font-size:18px;opacity:.85}.search{margin-top:28px;display:flex;max-width:620px}.search input{flex:1;padding:16px;border:0;border-radius:10px 0 0 10px;font-size:16px}.search button{border:0;padding:0 22px;border-radius:0 10px 10px 0;background:#fff;font-weight:700}.filters{display:flex;gap:10px;flex-wrap:wrap;padding:28px 0}.filters a{padding:9px 15px;border:1px solid #ddd;border-radius:99px;text-decoration:none;color:#333;background:#fff}.filters a.active{background:#111827;color:#fff;border-color:#111827}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e8e8e8;border-radius:18px;overflow:hidden;box-shadow:0 5px 20px #00000008}.card>a img,.noimg{display:block;width:100%;height:250px;object-fit:cover;background:#eceff2}.noimg{display:grid;place-items:center;color:#8b9199}.cardbody{padding:20px}.cardbody small,.product small{color:#7a8088}.card h2{margin:7px 0;font-size:21px}.card p{color:#656b73;min-height:42px}.card strong{display:block;font-size:20px;margin:15px 0}.btn{display:inline-block;background:#111827;color:#fff!important;text-decoration:none;border:0;border-radius:10px;padding:12px 17px;font-weight:700;cursor:pointer}.empty{padding:70px 0;text-align:center}.product{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:70px 0}.productimage img,.productimage .noimg{width:100%;max-height:600px;object-fit:cover;border-radius:20px}.product h1{font-size:46px;margin:10px 0}.product p{font-size:18px;line-height:1.7;color:#555}.price{font-size:32px;font-weight:800;margin:30px 0}.big{padding:15px 24px}footer{margin-top:80px;padding:35px 0;background:#111827;color:#fff}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.product{grid-template-columns:1fr;gap:25px}.product h1{font-size:36px}}@media(max-width:560px){.grid{grid-template-columns:1fr}.nav nav{display:none}}

/* Balões promocionais flutuantes */
.catalogo-balao{position:fixed;right:18px;bottom:18px;width:min(350px,calc(100vw - 36px));background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.18);padding:14px 16px;z-index:9999;display:none;transform:translateY(18px);opacity:0;transition:opacity .28s ease,transform .28s ease;font-family:Arial,Helvetica,sans-serif}
.catalogo-balao.mostrar{display:block;transform:translateY(0);opacity:1}
.catalogo-balao-fechar{position:absolute;right:8px;top:7px;width:28px;height:28px;border:0;border-radius:50%;background:#f1f3f5;color:#555;font-size:21px;line-height:28px;cursor:pointer;z-index:2}
.catalogo-balao-linha{display:flex;gap:12px;align-items:center;padding-right:22px}
.catalogo-balao-thumb{width:58px;height:58px;flex:0 0 58px;border-radius:12px;object-fit:cover;background:#eef0f2}
.catalogo-balao-texto{min-width:0}
.catalogo-balao-texto strong{display:block;font-size:15px;line-height:1.25;margin-bottom:4px}
.catalogo-balao-texto span{display:block;color:#666;font-size:13px;line-height:1.35}
.catalogo-balao-acao{display:inline-block;margin-top:10px;padding:9px 13px;border-radius:10px;background:#111827;color:#fff!important;text-decoration:none;font-size:13px;font-weight:700}
@media(max-width:560px){.catalogo-balao{right:10px;bottom:10px;width:calc(100vw - 20px)}}

@media (prefers-reduced-motion: reduce){.hero-track{animation:none}}
@media(max-width:560px){.hero{min-height:430px;padding:55px 0 45px}.hero-slide{width:180px;height:245px;flex-basis:180px}.hero-track{gap:18px;animation-duration:26s}.hero-overlay{background:linear-gradient(90deg,rgba(3,42,77,.9),rgba(5,69,119,.62))}}

@media(max-width:560px){.hero-carousel{height:210px}.hero-slide{width:165px;height:195px;flex-basis:165px}.hero-track{gap:18px}.hero h1{font-size:34px}}