:root{--navy:#062b62;--blue:#0875d1;--red:#f10b23;--ink:#08285a;--bg:#f4f8fc;--white:#fff;--muted:#617089}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 5px 24px #00265b12}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;font-weight:900;letter-spacing:-2px}.brand span{color:var(--blue)}.brand b{color:var(--navy)}.brand small{display:block;font-size:9px;letter-spacing:4px}.nav nav{display:flex;gap:18px;align-items:center;font-size:14px}.pill,.btn{background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;padding:13px 20px;border-radius:12px;border:0;font-weight:800;cursor:pointer}.hero{background:radial-gradient(circle at 80% 20%,#dcecff,transparent 30%),linear-gradient(135deg,#fff,#eef5fc);padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:900;color:var(--red)}h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:15px 0}h2{font-size:32px}p{line-height:1.65;color:#4d607d}.search{display:grid;grid-template-columns:1fr 220px auto;background:#fff;padding:8px;border-radius:16px;box-shadow:0 15px 50px #003e7d18;margin:28px 0}.search input,.search select,.form input,.form select,.form textarea{width:100%;padding:14px;border:1px solid #dbe4ef;border-radius:10px;background:#fff}.search button{border:0;background:var(--red);color:#fff;border-radius:10px;padding:0 22px;font-weight:800}.actions{display:flex;gap:12px}.ghost{background:#fff;color:var(--navy);border:1px solid #cbd8e7}.card-demo,.digital-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#07549b,#001e4c);color:#fff;border-radius:25px;padding:35px;min-height:290px;box-shadow:0 25px 55px #002c5e3b}.card-demo:after,.digital-card:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-80px;height:130px;background:var(--red);transform:rotate(-6deg)}.card-top strong,.digital-card>strong{font-size:32px}.card-top small,.digital-card>small{display:block;letter-spacing:4px}.card-demo h3{margin-top:65px;font-size:25px}.icons{position:absolute;bottom:22px;z-index:2;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:20px;margin-top:-28px;position:relative;box-shadow:0 15px 40px #002e6715}.stats div{padding:24px;text-align:center;border-right:1px solid #edf1f5}.stats b{display:block;font-size:25px}.stats span{color:var(--muted)}main section{padding:45px 0}.categories,.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.categories a,.item,.panel{background:#fff;border-radius:18px;box-shadow:0 12px 35px #002d6412}.categories a{padding:25px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.categories span{font-size:13px;color:var(--blue)}.item{overflow:hidden}.item img{width:100%;height:180px;object-fit:cover}.pad{padding:22px}.tag{font-size:11px;font-weight:900;color:var(--blue);letter-spacing:1px}.discount{display:block;font-size:24px;color:var(--red);margin:12px 0}.wa{font-weight:800;color:#138c4b}.section-head{display:flex;align-items:center;justify-content:space-between}.cta{background:linear-gradient(135deg,var(--navy),#0069bb);color:#fff;border-radius:26px;padding:45px!important;margin:35px 0}.cta p{color:#dbeaff}.light{background:#fff;color:var(--navy)}footer{background:#031c40;color:#d9e6f5;padding:30px 0}.floating{position:fixed;right:22px;bottom:22px;background:#19a75b;color:#fff;padding:14px 18px;border-radius:40px;font-weight:900;z-index:30}.form-page{padding:45px 0}.panel{padding:30px;margin:20px 0}.form{display:grid;gap:14px}.form label{font-weight:700}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto}.ok{background:#e6f8ed;color:#116d37;padding:12px;border-radius:10px}.warn{background:#fff1d9;padding:12px;border-radius:10px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.digital-card{max-width:680px}.qr{position:absolute;right:40px;top:100px;background:#fff;color:#000;padding:18px;font-size:50px;border-radius:12px}@media(max-width:850px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr}.search{grid-template-columns:1fr}.search button{padding:14px}.categories,.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}@media(max-width:520px){.categories,.grid{grid-template-columns:1fr}.hero{padding:45px 0}.card-demo{min-height:330px}.stats{grid-template-columns:1fr 1fr}h2{font-size:27px}}
/* V4 — experiência, conta e dashboard */
:root{--blue:#062f69;--blue2:#0757a8;--red:#ef172f;--soft:#f4f8fc;--ink:#082b5e;--muted:#66758a;--line:#dce6f1}
body{background:linear-gradient(180deg,#fff 0,#f6f9fd 45%,#fff 100%)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,#1269ba 0,#073e7a 35%,#052c61 72%)}.hero:after{content:"";position:absolute;width:420px;height:420px;border:70px solid rgba(255,255,255,.04);border-radius:50%;right:-120px;top:-160px}.hero h1 em{font-style:normal;color:#fff;text-decoration:underline;text-decoration-color:#ef172f;text-decoration-thickness:5px;text-underline-offset:9px}.trustbar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 7px 30px #092c5d0b}.trustbar .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:14px;font-size:14px;color:var(--ink);font-weight:700}.lead{color:var(--muted);margin-top:-8px}.discover{padding-top:18px}.categories a{transition:.25s;position:relative;overflow:hidden}.categories a:hover,.quick:hover{transform:translateY(-5px);box-shadow:0 18px 45px #062f6920;border-color:#9fc2e5}.categories a:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--blue2),var(--red))}.how{padding:50px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 12px 35px #092c5d0b}.steps b{font-size:36px;color:#dce8f6}.steps h3{margin:4px 0}.steps p{color:var(--muted)}
.auth-panel{max-width:700px;margin:auto}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error,.info{padding:13px 15px;border-radius:12px;margin:12px 0}.error{background:#ffebee;color:#a00}.info{background:#e9f4ff;color:#074a8c}.center{text-align:center}.account{padding-top:45px;padding-bottom:70px}.account-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:45px}.quick{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;text-decoration:none;transition:.25s;box-shadow:0 8px 28px #092c5d0a}.quick>b{font-size:30px}.quick h3{margin:10px 0 4px}.quick span{color:var(--muted);font-size:14px}.card-page{max-width:850px;margin:auto}.premium-card{position:relative;max-width:720px;min-height:380px;margin:24px auto;padding:34px;border-radius:30px;background:radial-gradient(circle at 85% 10%,#0a68b8,#063b79 42%,#032858 85%);color:#fff;overflow:hidden;box-shadow:0 28px 60px #052d6150}.premium-card:after{content:"";position:absolute;left:-10%;right:-10%;height:100px;bottom:0;background:linear-gradient(10deg,#e91531 40%,#fff0 41%)}.card-brand{font-size:28px;letter-spacing:-1px}.card-brand small{display:block;font-size:10px;letter-spacing:4px;margin-left:36px}.card-person{position:absolute;left:34px;bottom:105px;z-index:2}.card-person h2{margin:0;font-size:26px}.card-person p{margin:5px 0}.card-qr{position:absolute;right:34px;top:95px;width:150px;height:150px;background:#fff;padding:8px;border-radius:15px}.card-benefits{position:absolute;z-index:2;left:34px;bottom:30px;font-size:12px;letter-spacing:1px}.verify{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:40px;color:#fff}.verify.valid{background:#16a05d}.verify.invalid{background:#d32f2f}
.admin-body{background:#f4f7fb}.admin-side{position:fixed;left:0;top:0;bottom:0;width:245px;background:#062f69;padding:28px 18px;display:flex;flex-direction:column;gap:5px;z-index:10}.admin-side>a{color:#d9e8f8;text-decoration:none;padding:12px 14px;border-radius:10px}.admin-side>a:hover{background:#ffffff14;color:#fff}.admin-brand{margin-bottom:25px!important;padding:0 8px!important}.admin-brand span,.admin-brand b,.admin-brand small{color:#fff!important}.admin-main{margin-left:245px;padding:35px;max-width:1500px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-top h1{margin:4px 0}.dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.dash-cards>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px #092c5d0a}.dash-cards span,.dash-cards small{display:block;color:var(--muted)}.dash-cards b{display:block;font-size:36px;color:var(--ink);margin:5px 0}.admin-welcome{margin-bottom:20px}.admin-list{margin-top:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid #e8eef5;text-align:left;vertical-align:middle}.admin-table td:first-child{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center}.admin-table td:first-child small{grid-column:2}.admin-table-wrap{overflow:auto}.thumb{width:64px;height:48px;object-fit:cover;border-radius:9px}.actions{display:flex;gap:7px;flex-wrap:wrap}.mini{padding:8px 11px!important;font-size:12px!important;border:0}.danger{background:#c62828!important}.ghost2{background:#e7f0fa!important;color:#083d77!important}.status{display:inline-block;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;margin-right:7px}.status.on{background:#e4f7ec;color:#08763b}.status.off{background:#ffebee;color:#b71c1c}.admin-table td>small{display:block;color:var(--muted);margin-top:5px}.table-search{max-width:250px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.count{font-size:13px;background:#e8f1fa;padding:4px 8px;border-radius:20px}.notice{padding:13px 16px;border-radius:12px;background:#e5f7ed;color:#08743b;margin-bottom:18px}
@media(max-width:980px){.quick-grid,.dash-cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.admin-side{position:relative;width:auto;flex-direction:row;overflow:auto;padding:14px}.admin-brand{display:none!important}.admin-side>a{white-space:nowrap}.admin-main{margin:0;padding:20px}.trustbar .wrap{overflow:auto;white-space:nowrap}.account-head{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.form-2,.quick-grid,.dash-cards{grid-template-columns:1fr}.premium-card{min-height:470px;padding:25px}.card-qr{top:150px;left:25px;right:auto;width:125px;height:125px}.card-person{left:25px;bottom:105px}.card-benefits{left:25px;right:25px;line-height:1.7}.admin-main{padding:14px}.admin-top{align-items:flex-start;flex-direction:column}.table-search{max-width:100%;width:100%}.trustbar .wrap{font-size:12px}}

/* V5 — correção de contraste da página inicial */
.hero .hero-grid>div:first-child{position:relative;z-index:2}
.hero h1{color:#fff;text-shadow:0 2px 14px rgba(0,20,55,.22)}
.hero h1 em{color:#fff}
.hero .eyebrow{color:#ffccd2;background:rgba(239,23,47,.18);display:inline-block;padding:7px 11px;border-radius:999px;letter-spacing:2.5px}
.hero .hero-grid>div:first-child>p{color:#eaf4ff;font-size:18px;max-width:760px;text-shadow:0 1px 3px rgba(0,25,60,.2)}
.hero .card-demo{position:relative;z-index:2;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px rgba(0,20,55,.38)}
.hero .card-demo h3,.hero .card-demo p,.hero .card-demo b,.hero .card-demo .icons,.hero .card-top strong,.hero .card-top small{color:#fff}
.hero .card-demo p{opacity:.92}
.hero .search{position:relative;z-index:3;border:1px solid rgba(255,255,255,.65)}
.hero .search input,.hero .search select{color:#082b5e;background:#fff}
.hero .search input::placeholder{color:#6b7c93;opacity:1}
.hero .actions{position:relative;z-index:3}
.hero .ghost{background:#fff;color:#062f69;border:2px solid #fff}
.hero .ghost:hover{background:#eaf4ff;color:#041f46}
.hero .btn:not(.ghost){background:#ef172f;color:#fff;box-shadow:0 8px 24px rgba(239,23,47,.25)}
.hero .btn:not(.ghost):hover{background:#d80f27}
@media(max-width:850px){.hero{background:linear-gradient(155deg,#063d7b 0%,#052c61 100%)}.hero-grid{gap:32px}.hero .hero-grid>div:first-child>p{font-size:16px}.hero .actions{flex-wrap:wrap}.hero .actions .btn{flex:1;text-align:center;min-width:150px}}
@media(max-width:520px){.hero h1{font-size:38px}.hero .eyebrow{font-size:10px;letter-spacing:1.7px}.hero .search{padding:7px}.hero .card-demo{padding:26px}.hero .card-top strong{font-size:27px}}
/* V6 - parceiros e balcão */
.partner-card{overflow:hidden}.partner-link{display:block;color:inherit;text-decoration:none;height:100%}.partner-logo{height:145px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #e8eef7;padding:20px}.partner-logo img{max-width:100%;max-height:105px;object-fit:contain}.partner-logo.placeholder{font-size:42px;font-weight:900;color:#0b3b75;background:#eef5ff}.partner-cta{display:inline-block;margin-top:10px;font-weight:800;color:#0b5ec7}.opportunity-counter{margin:48px 0;padding:32px;border-radius:24px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dce9fa;display:flex;align-items:center;justify-content:space-between;gap:24px}.opportunity-counter p{max-width:720px}.partner-hero{padding:42px 0;background:#f4f8fd}.partner-profile{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.partner-profile .partner-logo{height:160px;border:1px solid #e2e8f0;border-radius:22px}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filterbar a{padding:10px 15px;border-radius:999px;background:#eef5ff;text-decoration:none;font-weight:700}.empty{padding:28px;background:#f7f9fc;border-radius:18px;text-align:center}.upload-label{font-size:12px;font-weight:800;color:#456;display:block;margin-bottom:-8px}@media(max-width:760px){.opportunity-counter{align-items:flex-start;flex-direction:column}.partner-profile{grid-template-columns:1fr}.partner-profile .partner-logo{max-width:220px}.partner-logo{height:120px}}
/* V7 - oferta, procura e gestão */
.admin-list#backup{border:1px solid rgba(15,55,95,.12)}
.admin-list#backup p{max-width:850px;color:#45576d}
@media(max-width:760px){.admin-list#backup .actions{display:flex;flex-wrap:wrap;gap:8px}.admin-list#backup .btn{width:auto}}
/* V8 Professional marketplace */
.hero-pro{background:linear-gradient(125deg,#073a78,#075aa7 60%,#0c7a78);color:#fff;padding:72px 0 62px}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:center}.hero-pro h1{font-size:clamp(2.6rem,5vw,5rem);line-height:.98;margin:12px 0 20px;color:#fff;letter-spacing:-.04em}.hero-pro h1 em{font-style:normal;color:#ffb44a}.hero-pro p{font-size:1.15rem;max-width:720px;color:#eaf5ff}.light{color:#bfe6ff!important}.mega-search{display:grid;grid-template-columns:1.5fr .8fr auto;background:#fff;padding:7px;border-radius:16px;margin:28px 0 18px;box-shadow:0 18px 45px #002e5f55}.mega-search input,.mega-search select{border:0;background:#fff;color:#17334f;padding:15px}.mega-search button{border:0;border-radius:11px;background:#ef5b2a;color:#fff;font-weight:800;padding:0 25px}.hero-actions{display:flex;gap:12px}.btn.white{background:#fff;color:#07529b}.btn.outline-white{border:1px solid #fff;color:#fff;background:transparent}.hero-panel{background:#ffffff14;border:1px solid #ffffff2e;backdrop-filter:blur(12px);padding:22px;border-radius:24px}.hero-panel>b{display:block;margin-bottom:15px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{background:#fff;color:#123a60;border-radius:15px;padding:18px 12px;text-align:center;text-decoration:none;font-weight:700;transition:.2s}.quick-grid a:hover{transform:translateY(-3px)}.quick-grid a:first-child{background:#fff3e7}.quick-grid a span{display:block;font-size:.85rem;margin-top:7px}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-24px;background:#fff;border-radius:18px;box-shadow:0 10px 35px #173b5e1c;padding:20px;position:relative}.metrics-strip div{text-align:center;border-right:1px solid #e7edf3}.metrics-strip div:last-child{border:0}.metrics-strip b{font-size:1.8rem;color:#075aa7;display:block}.metrics-strip span{font-size:.82rem;color:#617184}.section{padding-top:58px;padding-bottom:58px}.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.partner-logo{min-height:170px;border:1px solid #e2eaf1;border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;background:#fff;box-shadow:0 8px 25px #173b5e0c}.partner-logo img{width:82px;height:72px;object-fit:contain;margin-bottom:12px}.partner-logo strong{color:#143d61}.partner-logo small{color:#78889a}.logo-fallback{width:70px;height:70px;border-radius:18px;background:#eaf4ff;color:#075aa7;display:grid;place-items:center;font-size:2rem;font-weight:900;margin-bottom:12px}.segment-search{margin-top:20px;background:#f4f8fb;border-radius:16px;padding:15px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}.soft-bg{background:#f5f8fb}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.offer-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #173b5e12;border:1px solid #e7edf3}.offer-card>img{width:100%;height:180px;object-fit:cover}.offer-body{padding:20px}.discount{display:inline-block;background:#fff0e8;color:#d94c20;padding:6px 10px;border-radius:999px;font-weight:900;margin-bottom:10px}.offer-body h3{margin:7px 0;color:#143d61}.buy-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f4;padding-top:14px;margin-top:14px}.market-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.market-box{border:1px solid #e1e9f0;border-radius:20px;padding:22px;background:#fff}.market-box h3{color:#143d61}.market-box>a{display:block;padding:13px 0;border-bottom:1px solid #edf1f4;text-decoration:none}.market-box>a b,.market-box>a span{display:block}.market-box>a b{color:#1a476d}.market-box>a span{color:#718194;font-size:.82rem;margin-top:4px}.market-box .more{color:#075aa7;font-weight:800;border:0}.cta-pro{background:#0b477f;color:#fff;padding:48px 0}.cta-pro .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-pro h2{color:#fff;margin:8px 0}.cta-pro p{color:#dceeff}.cta-pro .wrap>div:last-child{display:flex;gap:10px}.publish-panel{max-width:820px;margin:auto}.publish-tabs{display:flex;gap:8px;margin:20px 0}.publish-tabs button{border:1px solid #d7e2eb;background:#f5f9fc;border-radius:10px;padding:11px;cursor:pointer}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-cards{grid-template-columns:repeat(6,minmax(130px,1fr))!important}.admin-main{max-width:1600px}.admin-welcome{background:linear-gradient(120deg,#f3f9ff,#fff8f2)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.logo-wall{grid-template-columns:repeat(3,1fr)}.offer-grid,.market-columns{grid-template-columns:1fr 1fr}.dash-cards{grid-template-columns:repeat(2,1fr)!important}.cta-pro .wrap{display:block}.cta-pro .wrap>div:last-child{margin-top:20px}}
@media(max-width:650px){.hero-pro{padding:45px 0}.mega-search{grid-template-columns:1fr}.mega-search button{padding:15px}.quick-grid{grid-template-columns:1fr 1fr}.metrics-strip{grid-template-columns:1fr 1fr;gap:14px}.metrics-strip div{border:0}.logo-wall{grid-template-columns:1fr 1fr}.segment-search,.offer-grid,.market-columns,.two{grid-template-columns:1fr}.hero-actions,.cta-pro .wrap>div:last-child{flex-direction:column}.partner-logo{min-height:145px}}

/* V10 - COONECTAR organizado: azul, vermelho, verde e laranja */
:root{--green:#159447;--orange:#f58220}
.metrics-five{grid-template-columns:repeat(5,1fr)}
.btn.orange,.orange{background:linear-gradient(135deg,#ff9b32,var(--orange))!important}.btn.green,.green{background:linear-gradient(135deg,#24b65d,var(--green))!important}
.publish-tabs button:nth-child(1){border-color:#f6b36d;background:#fff4e8}.publish-tabs button:nth-child(2){border-color:#8db9e8;background:#eef6ff}.publish-tabs button:nth-child(3){border-color:#86d5a3;background:#effbf3}.publish-tabs button:nth-child(4){border-color:#f3a0aa;background:#fff0f2}
.coonectar-zap{position:fixed;right:20px;bottom:20px;z-index:60;background:#fff;border:3px solid var(--red);border-left-color:var(--blue2);box-shadow:0 12px 34px #001d4240;border-radius:22px;padding:10px 15px;display:grid;line-height:1.05;min-width:165px}.coonectar-zap b{font-size:17px;color:var(--blue)}.coonectar-zap span{font-size:10px;font-weight:900;color:var(--green);text-transform:uppercase}.coonectar-zap small{font-size:12px;font-weight:800;color:var(--navy);margin-top:5px}
@media(max-width:650px){.metrics-five{grid-template-columns:1fr 1fr}.coonectar-zap{right:10px;bottom:10px;min-width:140px;padding:8px 11px}.coonectar-zap b{font-size:14px}}
/* Loja Virtual COONECTAR */
.store-hero{background:linear-gradient(120deg,#06336d,#075db8 55%,#e21b23);color:#fff;padding:52px 0 44px}.store-hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0}.store-hero p{max-width:780px;font-size:1.08rem}.store-search{margin-top:24px;max-width:920px}.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.store-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(3,43,91,.08);display:flex;flex-direction:column}.store-image{height:220px;background:#f2f5f9;position:relative;overflow:hidden}.store-image img{width:100%;height:100%;object-fit:cover}.no-photo{height:100%;display:grid;place-content:center;text-align:center;font-size:1.4rem;font-weight:900;color:#06336d}.store-discount{position:absolute;right:12px;top:12px;background:#e21b23;color:#fff;border-radius:999px;padding:7px 10px;font-weight:800}.store-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.store-body h3{margin:0;color:#082f63}.store-body p{margin:0;color:#58677b;line-height:1.45}.store-price{font-size:1.45rem;font-weight:900;color:#0b8b49;margin-top:4px}.seller{border-top:1px solid #edf0f4;margin-top:auto;padding-top:12px;display:flex;flex-direction:column}.seller span{font-size:.78rem;color:#7a8797}.store-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.empty-store{grid-column:1/-1;text-align:center;padding:50px}.btn.orange{background:#f47b20;color:#fff}@media(max-width:1050px){.store-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.store-grid{grid-template-columns:repeat(2,1fr)}.store-image{height:180px}}@media(max-width:520px){.store-grid{grid-template-columns:1fr}.store-image{height:240px}.store-hero{padding:34px 0}.store-actions .btn{flex:1;text-align:center}}
/* V12 - atalho instalável e miniatura COONECTAR no WhatsApp */
.install-shortcut{border:1px solid #d8e4f1;background:#f4f8fc;color:var(--navy);border-radius:10px;padding:9px 12px;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}.install-shortcut:hover,.install-shortcut.install-ready{background:#eaf4ff;color:var(--blue)}
.coonectar-zap.coonectar-zap-image{position:fixed;right:20px;bottom:20px;z-index:60;width:112px;min-width:0;padding:0;display:block;overflow:hidden;border:3px solid var(--red);border-left-color:var(--blue);border-radius:18px;background:#fff;box-shadow:0 12px 34px #001d4240;line-height:1}.coonectar-zap-image img{display:block;width:100%;height:82px;object-fit:cover;object-position:center top}.coonectar-zap-image .zap-caption{display:block;background:#fff;color:var(--navy);font-size:10px;font-weight:900;text-align:center;padding:6px 3px;line-height:1.25}.coonectar-zap-image .zap-caption b{font-size:10px;color:var(--navy);letter-spacing:0}
@media(max-width:650px){.coonectar-zap.coonectar-zap-image{right:10px;bottom:10px;width:86px;min-width:0;padding:0}.coonectar-zap-image img{height:64px}.coonectar-zap-image .zap-caption{font-size:8px;padding:5px 2px}.coonectar-zap-image .zap-caption b{font-size:8px}.install-shortcut{padding:8px 10px}}

/* V13 - presença digital COONECTAR */
.instagram-nav{font-weight:800;color:#d91d2b!important;white-space:nowrap}
.instagram-footer{font-weight:800;color:#d91d2b!important}
@media(max-width:900px){.instagram-nav{display:inline-flex;align-items:center}}

/* V14 - Instagram oficial, integrado sem alterar o layout */
.instagram-nav,.instagram-footer{display:inline-flex;align-items:center;gap:7px;text-decoration:none!important;transition:transform .18s ease,opacity .18s ease}
.instagram-nav .ig-icon,.instagram-footer .ig-icon{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:7px;color:#fff;font-size:16px;font-weight:900;line-height:1;background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045);box-shadow:0 3px 10px rgba(131,58,180,.18)}
.instagram-nav:hover,.instagram-footer:hover{transform:translateY(-1px);opacity:.9}
.instagram-footer b{font-weight:900}
@media(max-width:900px){.instagram-nav{display:inline-flex}.instagram-nav .ig-icon{flex:0 0 22px}}
/* COONECTAR Analytics */
.stats-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-panel{margin:22px 0}.stats-bars{height:260px;display:flex;align-items:flex-end;gap:18px;padding:24px 12px 4px}.stats-bar-item{flex:1;min-width:48px;text-align:center;display:grid;gap:6px}.stats-bar-track{height:170px;border-radius:12px;background:#edf3fa;display:flex;align-items:flex-end;overflow:hidden}.stats-bar-track i{display:block;width:100%;background:linear-gradient(180deg,#ef3d34,#f28b22 48%,#0d7d49);border-radius:12px 12px 0 0;min-height:4px}.stats-bar-item b{color:#062b62}.stats-bar-item small{color:#667085}.privacy-note{font-size:.85rem;color:#667085;padding:8px 2px 28px}@media(max-width:850px){.stats-cards{grid-template-columns:repeat(2,1fr)}.stats-bars{gap:8px;overflow-x:auto}.stats-bar-item{min-width:62px}}

/* V15.2 — PADRÃO AUTOMÁTICO DE ENQUADRAMENTO DE IMAGENS
   Exibe a imagem inteira, centralizada e sem cortes, independentemente do formato enviado. */
.item img,
.offer-card > img,
.store-image img {
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff;
  padding:10px;
  display:block;
}
.item > img { height:200px; }
.offer-card > img { height:220px; }
.store-image { height:250px; background:#fff; display:flex; align-items:center; justify-content:center; }
.store-image img { padding:12px; }
.partner-logo img,
.logo-wall .partner-logo img {
  object-fit:contain !important;
  object-position:center center !important;
  max-width:100%;
  background:#fff;
}
.thumb {
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff;
  padding:3px;
  border:1px solid #e7edf3;
}
.coonectar-zap-image img {
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff;
  padding:2px;
}
@media(max-width:760px){
  .offer-card > img{height:210px}
  .store-image{height:230px}
  .item > img{height:200px}
}
@media(max-width:520px){
  .offer-card > img{height:240px}
  .store-image{height:280px}
  .item > img{height:230px}
}

/* V16 — camada responsiva global: desktop, tablet e celular */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden;margin:0}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;font:inherit}
pre,code{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
table{max-width:100%}
.container,.wrap,.section,.hero-inner,.footer-inner{width:min(100% - 32px,1200px);max-width:1200px;margin-left:auto;margin-right:auto}
.grid,.cards,.offer-grid,.store-grid,.partners-grid,.stats-grid,.dashboard-grid{min-width:0}
.grid>* ,.cards>* ,.offer-grid>* ,.store-grid>* ,.partners-grid>* ,.stats-grid>* ,.dashboard-grid>*{min-width:0}
/* imagens: preservar a imagem inteira sem deformar */
.item>img,.offer-card>img,.store-image img,.partner-logo img,.logo-wall img,.thumb{width:100%;object-fit:contain!important;object-position:center!important}
.store-image{width:100%;overflow:hidden}
/* conteúdo textual nunca força largura */
h1,h2,h3,h4,p,a,span,strong,small{overflow-wrap:anywhere}
/* formulários */
form .row,.form-row{display:flex;flex-wrap:wrap;gap:12px}
form .row>*,.form-row>*{min-width:0;flex:1 1 220px}
/* tabelas administrativas navegáveis no celular */
.table-wrap,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* navegação: permitir quebra elegante sem extrapolar */
nav,.nav,.menu,.topbar{max-width:100%}
nav ul,.nav ul,.menu ul{display:flex;flex-wrap:wrap;gap:8px}
/* botões confortáveis para toque */
button,.btn,input[type=submit],input[type=button]{min-height:42px}

@media(max-width:900px){
  .container,.wrap,.section,.hero-inner,.footer-inner{width:min(100% - 28px,1200px)}
  .hero,.hero-inner{min-height:auto}
  .grid,.cards,.offer-grid,.store-grid,.partners-grid,.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-inner{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .container,.wrap,.section,.hero-inner,.footer-inner{width:calc(100% - 24px)}
  .grid,.cards,.offer-grid,.store-grid,.partners-grid,.stats-grid,.dashboard-grid{grid-template-columns:1fr!important}
  header,.header,.topbar{height:auto!important;min-height:0}
  nav ul,.nav ul,.menu ul{justify-content:center}
  h1{font-size:clamp(1.7rem,8vw,2.5rem)!important;line-height:1.08}
  h2{font-size:clamp(1.35rem,6vw,2rem)!important}
  .item>img,.offer-card>img{height:auto!important;max-height:360px;aspect-ratio:4/3}
  .store-image{height:auto!important;min-height:220px;aspect-ratio:4/3}
  .store-image img{height:100%!important}
  .partner-logo img,.logo-wall img{max-height:180px}
  .coonectar-zap-image{right:12px!important;bottom:12px!important;max-width:64px!important;max-height:64px!important}
  .coonectar-zap-image img{width:60px!important;height:60px!important;border-radius:50%!important}
}
@media(max-width:380px){
  .container,.wrap,.section,.hero-inner,.footer-inner{width:calc(100% - 16px)}
  .btn,button,input[type=submit],input[type=button]{width:100%}
}

/* V16 — responsividade global */
*,*::before,*::after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}img,svg,video,canvas,iframe{max-width:100%;height:auto}input,select,textarea,button{max-width:100%;font:inherit}.container,.wrap,.section,.hero-inner,.footer-inner{width:min(calc(100% - 32px),1200px);max-width:1200px;margin-left:auto;margin-right:auto}.grid>*,.cards>*,.offer-grid>*,.store-grid>*,.partners-grid>*,.stats-grid>*,.dashboard-grid>*{min-width:0}.item>img,.offer-card>img,.store-image img,.partner-logo img,.logo-wall img,.thumb{width:100%;object-fit:contain!important;object-position:center!important}.store-image{width:100%;overflow:hidden}h1,h2,h3,h4,p,a,span,strong,small{overflow-wrap:anywhere}form .row,.form-row{display:flex;flex-wrap:wrap;gap:12px}form .row>*,.form-row>*{min-width:0;flex:1 1 220px}.table-wrap,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}nav,.nav,.menu,.topbar{max-width:100%}nav ul,.nav ul,.menu ul{display:flex;flex-wrap:wrap;gap:8px}button,.btn,input[type=submit],input[type=button]{min-height:42px}
@media(max-width:900px){.container,.wrap,.section,.hero-inner,.footer-inner{width:min(calc(100% - 28px),1200px)}.grid,.cards,.offer-grid,.store-grid,.partners-grid,.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-inner{grid-template-columns:1fr!important}}
@media(max-width:640px){.container,.wrap,.section,.hero-inner,.footer-inner{width:calc(100% - 24px)}.grid,.cards,.offer-grid,.store-grid,.partners-grid,.stats-grid,.dashboard-grid{grid-template-columns:1fr!important}header,.header,.topbar{height:auto!important;min-height:0}nav ul,.nav ul,.menu ul{justify-content:center}h1{font-size:clamp(1.7rem,8vw,2.5rem)!important;line-height:1.08}h2{font-size:clamp(1.35rem,6vw,2rem)!important}.item>img,.offer-card>img{height:auto!important;max-height:360px;aspect-ratio:4/3}.store-image{height:auto!important;min-height:220px;aspect-ratio:4/3}.store-image img{height:100%!important}.partner-logo img,.logo-wall img{max-height:180px}.coonectar-zap-image{right:12px!important;bottom:12px!important;max-width:64px!important;max-height:64px!important}.coonectar-zap-image img{width:60px!important;height:60px!important;border-radius:50%!important}}
@media(max-width:380px){.container,.wrap,.section,.hero-inner,.footer-inner{width:calc(100% - 16px)}.btn,button,input[type=submit],input[type=button]{width:100%}}

/* V16.1 — CORREÇÃO RESPONSIVA DEFINITIVA */
html,body{min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
.wrap{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important}
.nav{width:100%;min-width:0}.nav nav{min-width:0}
.hero-grid,.quick-grid,.metrics-strip,.logo-wall,.offer-grid,.market-columns,.store-grid,.dash-cards,.admin-grid,.two{min-width:0}
.hero-grid>*,.quick-grid>*,.metrics-strip>*,.logo-wall>*,.offer-grid>*,.market-columns>*,.store-grid>*,.dash-cards>*,.admin-grid>*,.two>*{min-width:0}
.mega-search input,.mega-search select,.mega-search button,.segment-search select,.segment-search button{min-width:0;width:100%}
.section-head,.buy-row,.account-head,.admin-top,.cta-pro .wrap{min-width:0}
.offer-card,.store-card,.market-box,.partner-logo,.panel{max-width:100%}
.offer-card>img,.item>img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:contain!important;background:#fff}
.store-image{width:100%!important;height:auto!important;aspect-ratio:4/3;min-height:0!important}.store-image img{width:100%!important;height:100%!important;object-fit:contain!important}
.partner-logo img,.logo-wall .partner-logo img{width:auto!important;height:auto!important;max-width:100%!important;max-height:92px!important;object-fit:contain!important}
.admin-table-wrap{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.admin-table{min-width:760px}

@media (max-width:1100px){
 .nav{align-items:flex-start;flex-direction:column;padding:14px 0;gap:10px}
 .nav nav{display:flex!important;width:100%;overflow-x:auto;overflow-y:hidden;gap:8px;padding:2px 0 8px;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 .nav nav>a,.nav nav>button{flex:0 0 auto}
 .hero-grid{grid-template-columns:1fr!important;gap:28px!important}
 .logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .store-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .offer-grid,.market-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dash-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:850px){
 /* regra antiga escondia o menu; nesta versão ele permanece acessível */
 .nav nav{display:flex!important}
 .hero-pro{padding:44px 0!important}.hero-pro h1{font-size:clamp(2.15rem,8vw,3.7rem)!important;line-height:1.02!important}
 .mega-search{grid-template-columns:1fr!important;gap:7px}.mega-search button{padding:14px 18px!important}
 .hero-panel{padding:16px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:-16px!important}
 .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .store-grid,.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .market-columns{grid-template-columns:1fr!important}
 .section-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
 .segment-search{grid-template-columns:1fr!important}
 .cta-pro .wrap{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.cta-pro .wrap>div:last-child{width:100%;display:flex;flex-wrap:wrap}
 .form-2,.two{grid-template-columns:1fr!important}
 .admin-side{position:relative!important;width:100%!important;inset:auto!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;padding:12px!important;gap:5px!important;white-space:nowrap!important}
 .admin-side>a{flex:0 0 auto!important}.admin-brand{margin:0 10px 0 0!important;min-width:150px!important}
 .admin-main{margin-left:0!important;padding:20px 14px!important;width:100%!important;max-width:100%!important}
 .admin-top{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
 .dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .premium-card{width:100%!important;min-height:430px!important;padding:24px!important}.card-person{left:24px!important;bottom:105px!important}.card-qr{right:24px!important;top:92px!important;width:125px!important;height:125px!important}.card-benefits{left:24px!important}
}
@media (max-width:600px){
 .wrap{width:calc(100% - 24px)!important}
 .brand{font-size:22px!important}.brand small{letter-spacing:2.4px!important}
 .hero-pro{padding:34px 0 38px!important}.hero-pro p{font-size:1rem!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{text-align:center;width:100%}
 .quick-grid{grid-template-columns:1fr 1fr!important}.quick-grid a{padding:14px 8px!important}
 .metrics-strip{padding:14px!important;gap:6px!important}.metrics-strip div{padding:10px 4px!important}.metrics-strip b{font-size:1.5rem!important}
 .logo-wall,.offer-grid,.store-grid{grid-template-columns:1fr!important}
 .partner-logo{min-height:130px!important}.partner-logo img,.logo-wall .partner-logo img{max-height:86px!important}
 .offer-card>img,.item>img,.store-image{aspect-ratio:1/1!important;max-height:none!important}
 .buy-row{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.buy-row .btn{width:100%;text-align:center}
 .section{padding-top:38px!important;padding-bottom:38px!important}.section-head h2{margin-bottom:5px!important}
 .cta-pro{padding:36px 0!important}.cta-pro .wrap>div:last-child{display:grid!important;grid-template-columns:1fr!important}.cta-pro .btn{width:100%;text-align:center}
 footer .wrap{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
 .form-page{padding:28px 0!important}.panel{padding:18px!important}.form input,.form select,.form textarea{font-size:16px!important}
 .dash-cards{grid-template-columns:1fr!important}.stats-cards{grid-template-columns:1fr!important}
 .premium-card{min-height:500px!important;border-radius:22px!important}.card-brand{font-size:23px!important}.card-qr{position:relative!important;right:auto!important;top:auto!important;margin:25px 0 0 auto!important}.card-person{position:relative!important;left:auto!important;bottom:auto!important;margin-top:24px!important}.card-benefits{left:24px!important;right:24px!important;bottom:28px!important}
 .coonectar-zap.coonectar-zap-image{width:64px!important;height:64px!important;border-radius:50%!important;overflow:hidden!important}.coonectar-zap-image img{width:100%!important;height:100%!important;padding:2px!important;object-fit:contain!important}.coonectar-zap-image .zap-caption{display:none!important}
}
@media (max-width:380px){
 .wrap{width:calc(100% - 16px)!important}.quick-grid{grid-template-columns:1fr!important}.metrics-strip{grid-template-columns:1fr 1fr!important}.btn,button,input[type=submit],input[type=button]{width:auto}.hero-actions .btn,.buy-row .btn,.cta-pro .btn,.form button,.form input[type=submit]{width:100%!important}
}

/* V16.2 — MENU MOBILE + HOME MOBILE CORRIGIDOS */
.menu-toggle{display:none;border:0;background:#062b62;color:#fff;width:46px;height:42px;border-radius:10px;font-size:24px;line-height:1;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:0 0 46px}
@media (max-width:900px){
 .topbar{position:sticky;top:0;z-index:1000;overflow:visible!important}
 .topbar .nav{width:min(100% - 24px,1180px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important;gap:10px!important;padding:10px 0!important;position:relative!important}
 .topbar .brand{min-width:0!important;max-width:calc(100vw - 90px)!important;font-size:22px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .topbar .brand small{font-size:7px!important;letter-spacing:2px!important;margin-top:4px!important;white-space:normal!important}
 .menu-toggle{display:flex!important;grid-column:2;grid-row:1}
 .topbar .nav>nav{display:none!important;grid-column:1/-1!important;width:100%!important;max-height:calc(100vh - 82px)!important;overflow-y:auto!important;overflow-x:hidden!important;white-space:normal!important;background:#fff!important;border-top:1px solid #e6edf5!important;padding:8px 0 14px!important;gap:4px!important;box-shadow:none!important;flex-direction:column!important;align-items:stretch!important}
 .topbar .nav>nav.is-open{display:flex!important}
 .topbar .nav>nav>a,.topbar .nav>nav>button{display:flex!important;width:100%!important;min-height:44px!important;align-items:center!important;justify-content:flex-start!important;padding:10px 12px!important;margin:0!important;border-radius:9px!important;white-space:normal!important;text-align:left!important;flex:0 0 auto!important;font-size:14px!important}
 .topbar .nav>nav .nav-cta{justify-content:center!important}
 .topbar .nav>nav .install-shortcut{background:#eef5ff!important;color:#062b62!important;border:1px solid #d6e4f3!important}

 .hero-pro{padding:30px 0 34px!important;overflow:hidden!important}
 .hero-pro .hero-grid{display:flex!important;flex-direction:column!important;gap:22px!important;width:min(100% - 24px,1180px)!important}
 .hero-pro .hero-grid>div{width:100%!important;max-width:100%!important;min-width:0!important}
 .hero-pro h1{font-size:clamp(2rem,9vw,3.4rem)!important;line-height:1.04!important;letter-spacing:-.035em!important;margin:12px 0 16px!important;overflow-wrap:normal!important;word-break:normal!important}
 .hero-pro h1 br{display:none!important}
 .hero-pro p{font-size:1rem!important;line-height:1.55!important;margin:0!important;max-width:100%!important}
 .mega-search{display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin:20px 0 14px!important;padding:7px!important;gap:7px!important;border-radius:14px!important}
 .mega-search input,.mega-search select,.mega-search button{width:100%!important;min-height:48px!important;border-radius:9px!important;font-size:16px!important}
 .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
 .hero-actions .btn{width:100%!important;min-width:0!important;text-align:center!important;padding:12px 8px!important}
 .hero-panel{width:100%!important;padding:15px!important;border-radius:18px!important}
 .hero-panel .quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
 .hero-panel .quick-grid a{min-width:0!important;padding:13px 8px!important;font-size:18px!important}
 .hero-panel .quick-grid a span{font-size:.78rem!important;line-height:1.25!important;overflow-wrap:normal!important;word-break:normal!important}
 .metrics-strip{width:min(100% - 24px,1180px)!important;margin:-12px auto 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:480px){
 .topbar .nav{width:calc(100% - 20px)!important}
 .topbar .brand{font-size:20px!important;max-width:calc(100vw - 78px)!important}
 .topbar .brand small{font-size:6.5px!important;letter-spacing:1.4px!important}
 .hero-pro .hero-grid{width:calc(100% - 20px)!important}
 .hero-pro h1{font-size:clamp(1.85rem,9.5vw,2.65rem)!important}
 .hero-actions{grid-template-columns:1fr!important}
 .hero-panel .quick-grid{grid-template-columns:1fr 1fr!important}
 .metrics-strip{width:calc(100% - 20px)!important;padding:12px 8px!important}
}
@media (max-width:340px){.hero-panel .quick-grid{grid-template-columns:1fr!important}.metrics-strip{grid-template-columns:1fr!important}}

/* =========================================================
   V16.3 — RESPONSIVIDADE FINAL: TOPO, MENU E HOME
   Camada autoritativa. Mantém desktop e corrige tablet/mobile.
   ========================================================= */
html{overflow-x:hidden}
body{overflow-x:hidden;min-width:0}
.topbar,.topbar *,.hero-pro,.hero-pro *{box-sizing:border-box}
.topbar .nav{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.topbar .nav>nav{min-width:0}
.hero-pro .hero-grid{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.hero-pro .hero-grid>*{min-width:0}
.mega-search>*{min-width:0}

/* Tablet e celular */
@media (max-width: 900px){
  .topbar{overflow:visible!important;height:auto!important;min-height:0!important}
  .topbar .nav{
    width:calc(100% - 24px)!important;
    min-height:68px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:0 10px!important;
    padding:9px 0!important;
  }
  .topbar .brand{
    grid-column:1!important;grid-row:1!important;
    display:block!important;width:max-content!important;max-width:100%!important;
    overflow:visible!important;text-overflow:clip!important;white-space:normal!important;
    font-size:22px!important;line-height:1!important;letter-spacing:-1.5px!important;
  }
  .topbar .brand small{
    display:block!important;max-width:100%!important;margin-top:5px!important;
    font-size:7px!important;line-height:1.25!important;letter-spacing:1.7px!important;
    white-space:normal!important;overflow:visible!important;
  }
  .menu-toggle{
    display:flex!important;grid-column:2!important;grid-row:1!important;
    justify-self:end!important;align-self:center!important;width:46px!important;height:44px!important;
    min-width:46px!important;min-height:44px!important;margin:0!important;padding:0!important;
  }
  .topbar .nav>nav{
    grid-column:1/-1!important;grid-row:2!important;
    display:none!important;position:static!important;width:100%!important;height:auto!important;
    max-height:none!important;margin:9px 0 0!important;padding:8px!important;
    overflow:visible!important;white-space:normal!important;
    background:#fff!important;border:1px solid #e2eaf3!important;border-radius:14px!important;
    box-shadow:0 12px 28px rgba(4,38,80,.12)!important;
    flex-direction:column!important;align-items:stretch!important;gap:5px!important;
  }
  .topbar .nav>nav.is-open{display:flex!important}
  .topbar .nav>nav>a,.topbar .nav>nav>button{
    display:flex!important;position:static!important;flex:0 0 auto!important;
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:44px!important;
    margin:0!important;padding:11px 12px!important;align-items:center!important;justify-content:flex-start!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    line-height:1.25!important;font-size:14px!important;border-radius:9px!important;
  }
  .topbar .nav>nav .instagram-nav{gap:8px!important}
  .topbar .nav>nav .nav-cta{justify-content:center!important}

  .hero-pro{padding:32px 0 36px!important;overflow:visible!important}
  .hero-pro .hero-grid{
    width:calc(100% - 24px)!important;max-width:1180px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;
    align-items:stretch!important;
  }
  .hero-pro .hero-grid>div{width:100%!important;max-width:100%!important;min-width:0!important}
  .hero-pro h1{
    width:100%!important;max-width:100%!important;margin:12px 0 15px!important;
    font-size:clamp(2rem,7vw,3.5rem)!important;line-height:1.04!important;letter-spacing:-.025em!important;
    overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
  }
  .hero-pro h1 br{display:none!important}
  .hero-pro p{width:100%!important;max-width:720px!important;margin:0!important;font-size:1rem!important;line-height:1.55!important;overflow-wrap:break-word!important}
  .mega-search{
    width:100%!important;max-width:100%!important;display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
    margin:20px 0 14px!important;padding:8px!important;border-radius:14px!important;
  }
  .mega-search input,.mega-search select,.mega-search button{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:48px!important;height:auto!important;margin:0!important;padding:12px!important;
    font-size:16px!important;line-height:1.25!important;border-radius:9px!important;
  }
  .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important}
  .hero-actions .btn{display:flex!important;width:100%!important;min-width:0!important;min-height:46px!important;align-items:center!important;justify-content:center!important;padding:10px!important;text-align:center!important;white-space:normal!important}
  .hero-panel{width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important;border-radius:18px!important;overflow:visible!important}
  .hero-panel>b{display:block!important;margin-bottom:12px!important}
  .hero-panel .quick-grid{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
  .hero-panel .quick-grid a{display:flex!important;min-width:0!important;min-height:82px!important;padding:12px 8px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;font-size:18px!important;line-height:1.15!important;overflow:visible!important}
  .hero-panel .quick-grid a span{display:block!important;width:100%!important;margin-top:6px!important;font-size:.82rem!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}

  .metrics-strip{width:calc(100% - 24px)!important;max-width:1180px!important;margin:-10px auto 0!important;padding:12px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}
  .metrics-strip div{min-width:0!important;padding:11px 6px!important;border-right:0!important;border-bottom:1px solid #edf1f5!important}
  .metrics-strip div:nth-last-child(-n+2){border-bottom:0!important}

  /* Área "Encontre ofertas" / ofertas: sem distorção */
  .soft-bg,.soft-bg .wrap,.soft-bg .section{max-width:100%!important;overflow:visible!important}
  .soft-bg .section-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important}
  .soft-bg .section-head>div{width:100%!important;min-width:0!important}
  .soft-bg .section-head h2,.soft-bg .section-head p{max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important}
  .offer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
  .offer-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;max-width:100%!important;height:100%!important;overflow:hidden!important}
  .offer-card>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
  .offer-body{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;padding:16px!important}
  .offer-body h3,.offer-body p,.buy-row span{max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important}
  .buy-row{margin-top:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;min-width:0!important}
  .buy-row .btn{display:flex!important;width:100%!important;max-width:100%!important;justify-content:center!important;text-align:center!important;white-space:normal!important}
}

@media (max-width: 600px){
  .topbar .nav,.hero-pro .hero-grid,.metrics-strip{width:calc(100% - 20px)!important}
  .topbar .brand{font-size:20px!important}
  .topbar .brand small{font-size:6.5px!important;letter-spacing:1.25px!important}
  .hero-pro{padding:26px 0 32px!important}
  .hero-pro h1{font-size:clamp(1.9rem,9vw,2.65rem)!important;line-height:1.06!important}
  .hero-actions{grid-template-columns:1fr!important}
  .hero-panel .quick-grid{grid-template-columns:1fr!important}
  .hero-panel .quick-grid a{min-height:64px!important}
  .offer-grid{grid-template-columns:1fr!important}
  .offer-card>img{aspect-ratio:16/10!important;max-height:320px!important}
  .metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .metrics-strip div:nth-last-child(-n+2){border-bottom:0!important}
}

@media (max-width: 360px){
  .topbar .nav,.hero-pro .hero-grid,.metrics-strip{width:calc(100% - 16px)!important}
  .topbar .brand{font-size:18px!important;letter-spacing:-1px!important}
  .topbar .brand small{font-size:6px!important;letter-spacing:.8px!important}
  .menu-toggle{width:42px!important;min-width:42px!important;height:42px!important}
  .hero-pro h1{font-size:1.82rem!important}
  .metrics-strip{grid-template-columns:1fr!important}
  .metrics-strip div{border-bottom:1px solid #edf1f5!important}
  .metrics-strip div:last-child{border-bottom:0!important}
}

/* =========================================================
   V16.4 — MENU MOBILE OFF-CANVAS (AUTORITATIVO)
   Evita quebra de palavras e mantém todas as opções legíveis.
   ========================================================= */
@media (max-width: 900px){
  .topbar .nav{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;grid-template-rows:auto!important;align-items:center!important}
  .topbar .brand{grid-column:1!important;grid-row:1!important;min-width:0!important;width:auto!important;max-width:100%!important;white-space:nowrap!important;overflow:visible!important;word-break:keep-all!important;overflow-wrap:normal!important}
  .topbar .brand span,.topbar .brand b{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
  .topbar .brand small{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;max-width:100%!important}
  .menu-toggle{grid-column:2!important;grid-row:1!important;display:flex!important;position:relative!important;z-index:1202!important}

  .topbar .nav>nav{
    display:flex!important;
    position:fixed!important;
    top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(86vw,360px)!important;max-width:360px!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;padding:78px 14px 24px!important;
    background:#fff!important;border:0!important;border-radius:0!important;
    box-shadow:-18px 0 45px rgba(3,28,64,.22)!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;
    overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
    transform:translateX(105%)!important;visibility:hidden!important;pointer-events:none!important;
    transition:transform .25s ease,visibility .25s ease!important;
    z-index:1200!important;
  }
  .topbar .nav>nav.is-open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
  .topbar .nav>nav>a,.topbar .nav>nav>button{
    display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;
    flex:0 0 auto!important;align-items:center!important;justify-content:flex-start!important;
    margin:0!important;padding:12px 14px!important;border-radius:10px!important;
    font-size:15px!important;line-height:1.2!important;text-align:left!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .topbar .nav>nav>a span,.topbar .nav>nav>a b,.topbar .nav>nav>button span{
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;
  }
  .topbar .nav>nav .instagram-nav{display:flex!important;gap:9px!important}
  .topbar .nav>nav .instagram-nav .ig-icon{flex:0 0 22px!important}
  .topbar .nav>nav .nav-cta{justify-content:center!important}
  body.menu-open{overflow:hidden!important}
}
@media (max-width: 420px){
  .topbar .nav>nav{width:min(92vw,340px)!important;padding-left:12px!important;padding-right:12px!important}
  .topbar .nav>nav>a,.topbar .nav>nav>button{font-size:14px!important;padding-left:12px!important;padding-right:12px!important}
  .topbar .brand small{font-size:5.7px!important;letter-spacing:.65px!important}
}
@media (max-width: 330px){
  .topbar .brand{font-size:17px!important}
  .topbar .brand small{font-size:5.2px!important;letter-spacing:.35px!important}
  .topbar .nav>nav{width:94vw!important}
}

/* V17 - instalação PWA COONECTAR com ícone oficial */
.install-shortcut{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.install-shortcut.install-ready{box-shadow:0 0 0 3px rgba(14,98,190,.10)}
@media(max-width:900px){.topbar .nav>nav .install-shortcut{width:100%;min-height:46px;text-align:left;justify-content:flex-start;padding:11px 14px!important;border-radius:12px!important}}