@charset "UTF-8";
[hidden]{display:none!important}
:root{--green:#123f32;--green2:#21634b;--yellow:#ffce45;--paper:#f6f7f2;--ink:#19372e;--muted:#586d62;--line:#dce4da;--white:#fff;--radius:22px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{color:inherit}button, .button{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9a6900;outline-offset:4px}input,select,textarea{width:100%;min-height:48px;border:1px solid #a9b9ae;border-radius:12px;padding:12px;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}label{font-weight:650;font-size:14px;display:grid;gap:8px}fieldset{border:0;padding:0;margin:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,4vw,48px);letter-spacing:-1.8px;line-height:1.1}h2{font-size:25px;letter-spacing:-.8px}h3{font-size:18px;letter-spacing:-.35px}p{line-height:1.6}.muted,small{color:var(--muted)}small{line-height:1.5}.demo{background:#ffedb3;text-align:center;padding:8px 16px;font-size:11px;letter-spacing:.8px;font-weight:800}.demo span{font-weight:500;letter-spacing:0;margin-left:12px}.shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:230px 1fr}.sidebar{height:calc(100dvh - 32px);position:sticky;top:0;padding:34px 20px 22px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:7px;margin:0 8px 38px}.brand-plus{font-weight:900;font-size:51px;line-height:1;color:#c18a00}.brand-name{font-size:29px;font-weight:850;letter-spacing:-1.8px}.brand-slogan{display:block;font-size:8px;letter-spacing:.7px;margin-top:2px;font-weight:650}.nav{display:grid;gap:6px}.nav a{display:flex;align-items:center;gap:13px;text-decoration:none;padding:13px 14px;border-radius:12px;min-height:48px;color:var(--muted);font-size:14px;font-weight:600}.nav a.active{background:var(--green);color:#fff}.nav a:hover:not(.active){background:var(--paper)}.nav svg{width:20px;height:20px}.side-footer{margin-top:auto;background:#f1f5ec;border-radius:18px;padding:18px 14px}.side-footer p{font-size:12px;margin:7px 0 10px}.side-footer a{font-size:12px;font-weight:750}.main-wrap{min-width:0;padding:28px 40px 55px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.location{display:flex;align-items:center;gap:10px}.location>svg{padding:9px;background:#e7eee3;width:40px;height:40px;border-radius:50%}.location small{font-size:10px;letter-spacing:1px;display:block}.location strong{font-size:14px}.top-actions{display:flex;gap:8px;align-items:center}.icon-button{display:inline-grid;place-items:center;text-decoration:none;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:#fff;position:relative}.icon-button svg{width:20px;height:20px}.count{position:absolute;top:-4px;right:-4px;background:var(--yellow);border:2px solid var(--paper);border-radius:20px;min-width:21px;text-align:center;font-size:11px;font-weight:800}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:var(--green2)}.intro{display:flex;align-items:end;justify-content:space-between;gap:14px}.intro h1{margin:10px 0 12px}.intro p{color:var(--muted);font-size:14px;margin-bottom:0}.city-stamp{border:1px solid #b7c7b2;border-radius:50%;width:79px;height:79px;display:grid;place-content:center;text-align:center;font-size:10px;transform:rotate(9deg);flex-shrink:0;color:var(--green2);line-height:1.5}.city-stamp b{font-size:20px}.search{display:flex;align-items:center;background:white;border:2px solid var(--green);border-radius:16px;padding:7px 8px 7px 17px;gap:10px;margin:24px 0}.search svg{width:22px;flex-shrink:0}.search input{border:0;background:transparent;padding:8px 0;min-width:0;outline-offset:0}.search button{border:0;background:var(--green);color:white;border-radius:10px;padding:10px 20px;font-weight:700}.hero{border-radius:24px;background:var(--green);color:#fff;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;min-height:280px;position:relative}.hero-content{padding:28px 30px;z-index:1}.ad{display:inline-block;background:#fff1;color:#ecf5e9;border:1px solid #ffffff40;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hero h2{font-size:clamp(28px,3.5vw,40px);line-height:1.08;letter-spacing:-1.4px;max-width:350px;margin:18px 0 10px}.hero p{font-size:13px;color:#e1ecdf;margin-bottom:14px}.hero .price{display:block;color:var(--yellow);font-size:24px;font-weight:800;margin-bottom:15px}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:var(--green);color:#fff;padding:12px 18px;border:0;border-radius:11px;font-weight:700;font-size:13px}.button.yellow{background:var(--yellow);color:var(--green)}.button.secondary,button.secondary{background:#fff;border:1px solid #b5c5b8;color:var(--green);border-radius:11px;padding:11px 15px;font-size:13px;font-weight:700}.hero-art{display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at center,#317052 0%,#174b37 65%);overflow:hidden}.hero-art:before{content:'';width:290px;height:290px;border-radius:50%;border:1px solid #ffffff20;position:absolute}.hero-art svg{width:95%;max-width:300px;filter:drop-shadow(0 15px 15px #09281b70);transform:rotate(-8deg)}.art-note{position:absolute;bottom:17px;right:20px;font-size:9px;color:#d6e8d7;letter-spacing:1px}.carousel-controls{display:flex;justify-content:space-between;align-items:center;margin:6px 4px 0}.dots{display:flex;gap:1px}.dots button{padding:0;width:28px;min-height:32px;border:0;background:none}.dots button:after{content:'';display:block;background:#b8c8b8;width:7px;height:7px;border-radius:8px;margin:auto}.dots button[aria-pressed=true]:after{width:19px;background:var(--green)}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:var(--muted);padding:5px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 15px;gap:14px}.section-heading h2{margin:0;font-size:22px}.section-heading a{font-size:12px;font-weight:750}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{background:white;border:1px solid var(--line);padding:16px;border-radius:16px;display:flex;gap:12px;align-items:center;text-decoration:none;font-size:13px;font-weight:750}.category svg{width:29px;height:29px}.category:nth-child(1){background:#fff0c6}.category:nth-child(2){background:#e6eee1}.category:nth-child(3){background:#f0e9db}.category:nth-child(4){background:#ece9f3}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;position:relative}.card-body{padding:17px}.card-body h3{margin-bottom:6px}.card-body p{font-size:12px;margin:0 0 12px}.card-link{text-decoration:none;display:block;height:100%}.card:hover{border-color:#8ba68d}.card-visual{height:126px;background:#e5ebd9;display:grid;place-items:center;overflow:hidden}.card-visual svg{width:100px;height:100px}.card-visual.comida{background:#f3d8a5}.card-visual.comercio{background:#e6dfd1}.card-visual.servicos svg{width:49px;height:49px;stroke-width:1.1}.meta{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);flex-wrap:wrap}.pill{display:inline-block;padding:4px 8px;border-radius:7px;background:#edf3e8;font-size:10px;color:var(--green);font-weight:650}.pill.ad-label{background:#fff0bc;color:#624600}.favorite{position:absolute;top:10px;right:10px;z-index:2;background:#fff;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:20px}.favorite[aria-pressed=true]{color:#a52e45;background:#fff1f4}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.feature{padding:24px;border-radius:20px;background:#e6ecdf}.feature.gold{background:#ffe7a2}.feature h2{font-size:23px;margin:10px 0}.feature p{font-size:13px}.feature a{font-weight:750;font-size:13px}.footer{margin-top:35px;padding-top:19px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;line-height:1.5}.bottom-nav{display:none}.page-heading{margin-bottom:23px}.page-heading h1{font-size:34px;margin-bottom:10px}.page-heading p{font-size:14px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{border:1px solid #bac8bc;border-radius:25px;background:#fff;padding:8px 17px;font-size:13px}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.empty{padding:40px 22px;text-align:center;background:white;border:1px dashed #acbfa9;border-radius:20px}.empty p{font-size:14px;color:var(--muted)}.panel{padding:23px;background:#fff;border:1px solid var(--line);border-radius:20px;margin-bottom:16px}.panel h2{font-size:22px}.panel p{font-size:14px}.notice{background:#fff5d5;border:1px solid #e6d291;border-radius:12px;padding:13px 16px;font-size:12px;line-height:1.6;margin:15px 0}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}.stack{display:grid;gap:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.row.wrap{flex-wrap:wrap}.product{display:grid;grid-template-columns:65px 1fr;gap:15px;align-items:center}.product+.product{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.product svg{width:65px;height:65px}.product h3{margin-bottom:5px}.product p{font-size:12px;margin-bottom:9px}.product .row{align-items:center}.quantity{display:flex;align-items:center;gap:13px}.quantity button{min-width:44px;border:1px solid #b9c7b7;border-radius:10px;background:white;font-size:19px}.total{border-top:1px solid var(--line);padding-top:15px;font-weight:800;font-size:20px}.summary{display:grid;gap:15px}.profile-cover{padding:30px;background:#e7eddd;border-radius:22px;display:flex;align-items:center;gap:25px;margin-bottom:20px}.profile-cover>svg{width:100px;height:100px;flex-shrink:0}.profile-cover h1{font-size:32px;margin:8px 0}.profile-cover p{font-size:14px;margin:0}.back{display:inline-block;margin-bottom:20px;font-size:13px;font-weight:700}.order{border:1px solid var(--line);border-radius:16px;padding:20px;background:white;margin-bottom:15px}.order h3{margin:0}.order p{font-size:13px}.progress{display:flex;gap:6px;margin:17px 0}.progress span{height:5px;flex:1;border-radius:8px;background:#e2e9df}.progress span.done{background:var(--green2)}.metric{font-size:33px;display:block;color:var(--green);margin-top:8px}.check{display:flex;align-items:center;gap:10px;font-weight:500}.check input{width:20px;height:20px;min-height:0;accent-color:var(--green)}.danger{color:#912b2b}.skip{position:fixed;top:-100px;left:10px;z-index:20;background:white;padding:14px}.skip:focus{top:10px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:12px;padding:14px 22px;max-width:90vw;box-shadow:0 5px 25px #0002;z-index:30;font-size:13px;display:none}#toast.visible{display:block}.mobile-brand{display:none}.full{width:100%}.plan-price{font-size:35px;font-weight:800}.inline-error{color:#8f2525;font-weight:650;font-size:13px}.subtle{font-size:11px}.link-list{display:grid;gap:10px}.link-list a{padding:16px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;text-decoration:none;font-weight:650;font-size:14px}.badge-letter{font-size:60px;color:var(--green);font-weight:800}main:focus{outline:none}code{overflow-wrap:anywhere}
@media(min-width:1450px){.shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1100px){.sidebar{padding:28px 12px}.shell{grid-template-columns:200px 1fr}.main-wrap{padding:26px}.category{flex-direction:column;gap:9px}.hero-content{padding:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid .card:last-child:nth-child(3){display:none}}
@media(max-width:760px){.demo{font-size:9px;padding:7px 8px;letter-spacing:.5px}.demo span{font-size:9px;margin-left:5px}.shell{display:block}.sidebar{display:none}.main-wrap{padding:21px 18px 104px}.topbar{margin-bottom:24px}.location{display:none}.mobile-brand{display:flex;margin:0}.brand-name{font-size:27px}.brand-plus{font-size:45px}.brand-slogan{font-size:7px}.top-actions .desktop-only{display:none}.intro h1{font-size:34px;letter-spacing:-1.4px;margin:9px 0}.intro p{font-size:12px;max-width:260px}.city-stamp{display:none}.eyebrow{font-size:9px;letter-spacing:1.3px}.search{margin:20px 0;border-radius:14px;padding-left:12px;gap:8px}.search input{font-size:13px}.search button{font-size:12px;padding:10px 12px}.hero{min-height:259px;grid-template-columns:1.35fr 1fr;border-radius:20px}.hero-content{padding:23px 0 23px 20px}.hero h2{font-size:29px;letter-spacing:-1px}.hero p{font-size:11px;max-width:175px}.hero .price{font-size:21px}.hero-art{background:none}.hero-art svg{width:210px;max-width:none;position:relative;left:12px}.hero-art:before{width:200px;height:200px;left:0}.ad{font-size:7px;padding:5px 6px;letter-spacing:.5px}.hero .button{padding:10px 13px;font-size:11px}.art-note{font-size:7px;bottom:17px;right:10px;white-space:nowrap}.section-heading{margin-top:23px}.section-heading h2{font-size:20px}.section-heading a{font-size:11px}.categories{gap:8px}.category{padding:14px 3px;font-size:11px;border-radius:13px}.category svg{width:25px;height:25px}.grid{gap:12px}.grid .card:last-child:nth-child(3){display:block}.card-visual{height:105px}.card-visual svg{height:90px;width:90px}.card-body{padding:13px}.card-body h3{font-size:14px;line-height:1.3}.card-body p{font-size:11px}.meta{font-size:9px}.pill{font-size:9px}.feature-row{gap:11px}.feature{padding:19px 15px}.feature h2{font-size:21px}.feature p,.feature a{font-size:12px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:#fff;border-top:1px solid var(--line);padding:7px 8px max(9px,env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav a{color:var(--muted);font-size:10px;display:grid;place-items:center;text-decoration:none;gap:4px;min-width:57px;min-height:48px;border-radius:9px}.bottom-nav svg{width:21px;height:21px}.bottom-nav a.active{color:var(--green);background:#eaf1e5;font-weight:800}.footer{font-size:10px}.split{grid-template-columns:1fr}.page-heading h1{font-size:29px}.page-heading p{font-size:13px}.profile-cover{padding:21px 17px;gap:12px}.profile-cover>svg{width:65px;height:65px}.profile-cover h1{font-size:25px}.profile-cover p{font-size:12px}.panel{padding:19px}.product{grid-template-columns:48px 1fr;gap:11px}.product svg{width:48px;height:48px}.product h3{font-size:16px}.row.wrap{align-items:start}.plan-grid{grid-template-columns:1fr}.filters{gap:6px}.chip{padding:8px 13px;font-size:12px}}
.brand-plus{color:#ffce45}
body{font-family:Arial,Helvetica,sans-serif;font-style:normal}
.button svg{width:18px;height:18px;flex-shrink:0}
.brand-slogan{white-space:nowrap;font-size:7px;letter-spacing:.3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Visual v2: proporções e hierarquia da tela do mockup aprovado no Canva. */
:root{--green:#044434;--green2:#08734b;--yellow:#ffcf00;--paper:#fff;--line:#e5e9e5}
html{background:#eaf0e8}body{background:transparent;font-family:Arial,Helvetica,sans-serif}
.shell{display:block;max-width:520px;background:#fff;min-height:100vh;margin:auto;box-shadow:0 0 60px #123f3214;border:0}
.sidebar,.location,.desktop-only{display:none!important}
.demo{max-width:520px;margin:auto;background:#f2f5ed;color:#46604f;font-size:8px;letter-spacing:.3px;padding:6px 4px}
.demo span{font-size:8px;margin-left:5px}
.main-wrap{padding:13px 17px 90px}.topbar{margin-bottom:9px;gap:10px;min-height:68px}
.brand.mobile-brand{display:flex;margin:0;max-width:calc(100% - 62px);width:280px;line-height:0}
.brand img{width:100%;height:auto;display:block}.brand-plus,.brand-name,.brand-slogan{display:none}
.top-actions .icon-button{border:0;width:40px;height:44px}.top-actions .icon-button svg{width:23px;height:23px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.search{margin:8px 0 12px;padding:3px 8px 3px 12px;gap:9px;border:1px solid #dfe3df;border-radius:14px;box-shadow:0 2px 4px #143b2303}
.search input{font-size:12px;min-height:40px}.search input::placeholder{color:#777}.search button{font-size:11px;padding:7px 10px;min-height:34px;border-radius:9px;background:#f1f5ef;color:var(--green)}
.search svg{width:21px}.hero.photo-hero{display:block;min-height:0;height:187px;border-radius:14px;background:#183e25 url('./assets/banner.png') center/cover no-repeat;color:white}
.hero.photo-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#001f1599 0%,#001f1500 70%)}
.photo-hero .hero-content{position:relative;z-index:1;padding:12px 15px;height:100%}
.photo-hero h2{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.8px;font-size:27px;line-height:.99;margin:12px 0 8px;max-width:230px;color:#fff}
.photo-hero h2 em{font-style:normal;color:var(--yellow)}.photo-hero p{font-size:12px;line-height:1.1;margin:0;color:white;max-width:185px}
.photo-hero .ad{font-size:7px;letter-spacing:.3px;padding:3px 5px;background:#002b25b0;color:#fff;border:0;border-radius:4px;line-height:1.3}
.hero-arrow{position:absolute;bottom:15px;right:15px;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--green)}.hero-arrow svg{width:24px;height:24px}
.carousel-controls{height:22px;margin:0 2px}.dots button{min-height:22px}.carousel-controls .text-button{font-size:9px;min-height:22px;text-decoration:none;padding:2px 0}
.section-heading{margin:16px 0 10px;gap:8px}.section-heading h2{font-size:17px;letter-spacing:-.6px;line-height:1.2}.section-heading a{font-size:10px;text-decoration:none;white-space:nowrap}
.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.category{border:0;border-radius:13px;min-height:91px;padding:13px 4px 10px;flex-direction:column;gap:8px;font-size:12px;line-height:1.1;font-weight:500;text-align:center;box-shadow:inset 0 1px 1px #fff4}
.category svg{width:31px;height:31px;stroke-width:2.1}.category:nth-child(1){background:linear-gradient(120deg,#ffb600,#ff9700);color:#fff}.category:nth-child(2){background:linear-gradient(120deg,#066344,#004431);color:#fff}.category:nth-child(3){background:linear-gradient(120deg,#45b53b,#1b9b38);color:#fff}.category:nth-child(4){background:linear-gradient(120deg,#ffdf00,#ffc700);color:#103e2d}
.professionals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.professional{text-decoration:none;border:1px solid #e8ece6;border-radius:11px;overflow:hidden;box-shadow:0 2px 5px #00000005;min-width:0;background:#fff}.professional strong{display:block;font-size:12px;letter-spacing:-.4px;margin:7px 5px 4px;white-space:nowrap}.professional small{display:block;font-size:8px;color:#657369;margin:0 5px 8px;white-space:nowrap}.portrait{height:100px;background-image:url('./assets/profissionais.png');background-size:400% 100%;background-repeat:no-repeat}.p0{background-position:0 0}.p1{background-position:33.3333% 0}.p2{background-position:66.6667% 0}.p3{background-position:100% 0}
.sextou-banner{position:relative;margin-top:20px;min-height:124px;border-radius:16px;padding:24px 18px;overflow:hidden;color:#fff;text-decoration:none;display:flex;align-items:center;gap:17px;background:radial-gradient(ellipse at 100% 100%,#79a90055,transparent 60%),radial-gradient(ellipse at 10% 10%,#2c9c2155,transparent 60%),#004832}
.sextou-banner:before{content:'';position:absolute;inset:0;opacity:.55;background-image:radial-gradient(circle,#ffc900 1px,transparent 2px),linear-gradient(120deg,transparent 50%,#4c9a2733 51%,transparent 64%);background-size:49px 43px,100% 100%;pointer-events:none}
.sextou-banner>div,.sextou-banner>p,.sextou-banner>span{position:relative}.sextou-banner div span{font-weight:900;display:block;font-size:29px;line-height:1;letter-spacing:-1px}.sextou-banner strong{font-size:29px;letter-spacing:-1.7px;color:var(--yellow);line-height:1}.sextou-banner strong b{font-size:35px;line-height:.8}.sextou-banner p{font-size:10px;line-height:1.35;margin:0;font-weight:600}.round-arrow{flex-shrink:0;background:var(--yellow);color:var(--green);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:27px;margin-left:auto}
.local-discovery{margin-top:24px}.local-discovery>p{font-size:12px;color:var(--muted);line-height:1.5}.quick-services{display:flex;flex-wrap:wrap;gap:7px}.quick-services a{background:#eef5ea;border-radius:20px;padding:10px 12px;text-decoration:none;font-size:11px;min-height:36px;display:flex;align-items:center}
.civic-link{margin-top:23px;display:flex;gap:12px;align-items:center;text-decoration:none;background:#fff8d9;border:1px solid #f4e4a0;padding:16px;border-radius:14px}.civic-link svg{width:28px;height:28px}.civic-link strong{display:block;font-size:13px}.civic-link small{display:block;font-size:10px;margin-top:4px}.civic-link b{margin-left:auto;font-size:24px}
.community-link{display:flex;justify-content:space-between;gap:10px;padding:19px 0;font-size:11px;text-decoration:none}.community-link span{font-size:9px;color:var(--muted)}
.bottom-nav{display:flex;position:fixed;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:100%;max-width:520px;z-index:10;background:#fff;border-top:1px solid #e3e8df;padding:9px 8px max(10px,env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -3px 15px #003a2305}
.bottom-nav a{display:grid;place-items:center;text-decoration:none;color:#627167;font-size:10px;gap:5px;min-height:44px;min-width:64px;border-radius:9px}.bottom-nav svg{width:22px;height:22px}.bottom-nav a.active{background:none;color:var(--green);font-weight:700}.bottom-nav a.active svg{stroke-width:2.5}
.footer{margin-top:8px;padding-top:14px;font-size:9px}.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid .card:last-child:nth-child(3){display:block}.page-heading h1{font-size:29px}.page-heading p{font-size:13px}.profile-cover{padding:20px 15px;gap:12px}.profile-cover h1{font-size:25px}.profile-cover>svg{width:65px;height:65px}.panel{padding:18px}.metric{font-size:27px}.row.wrap{flex-wrap:wrap}.product{grid-template-columns:48px 1fr}.product svg{width:48px;height:48px}.product h3{font-size:16px}.card-visual{height:100px}.card-body h3{font-size:15px}
@media(max-width:380px){.main-wrap{padding-left:12px;padding-right:12px}.brand.mobile-brand{width:235px}.photo-hero h2{font-size:24px}.hero.photo-hero{height:177px}.section-heading h2{font-size:16px}.portrait{height:80px}.professional strong{font-size:10px}.professional small{font-size:7px}.sextou-banner{padding:20px 12px;gap:12px;min-height:110px}.sextou-banner div span,.sextou-banner strong{font-size:25px}.sextou-banner p{font-size:8px}.round-arrow{width:26px;height:26px}.category{font-size:11px;min-height:85px}.community-link{font-size:10px}}

.hero.photo-hero.text-promo{background:radial-gradient(circle at 90% 10%,#659531,#00503a 65%)}.text-promo h2{max-width:285px}.text-promo p{max-width:260px;padding-right:25px}
/* Central de personalização e tokens aplicados ao app */
#app .shell{max-width:var(--custom-width,520px);background:var(--custom-bg,#fff)}
#app .bottom-nav{max-width:var(--custom-width,520px)}
#app .panel,#app .card,#app .category,#app .photo-hero,#app .search,#app .sextou-banner{border-radius:var(--custom-radius,14px)}
#app .photo-hero h2{font-family:inherit}#app .sextou-banner{background-color:var(--green)}
.brand:has(.custom-slogan){flex-direction:column}.custom-slogan{font-size:10px;line-height:1.4;text-align:center}
.custom-group{border:1px solid #dce4da;border-radius:14px;background:white;padding:16px}.custom-group summary{font-weight:700;cursor:pointer;min-height:44px;padding:10px 0}.custom-group>.stack{margin-top:14px}
.custom-links{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin-bottom:18px}.custom-toolbar{display:flex;gap:8px;flex-wrap:wrap;position:sticky;bottom:70px;background:#f1f5ed;padding:10px;z-index:4;border-radius:12px}
.custom-workspace{display:grid;gap:24px}.custom-workspace>*{min-width:0}.custom-group input[type=color]{height:48px;padding:5px}.section-control{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-control>div{display:flex;gap:5px}.section-control button{min-width:44px}
.custom-preview-panel{min-width:0}.custom-preview-panel>p{font-size:12px}.custom-preview{border:1px solid #dce4da;border-radius:22px;padding:14px;max-width:390px;margin:auto;background:var(--custom-bg,#fff);overflow:hidden;pointer-events:none}.custom-preview .brand{max-width:100%}.custom-preview .hero h2{font-size:25px}.custom-preview .section-heading{gap:8px}.custom-preview .section-heading h2{font-size:16px}.custom-preview .professional strong{font-size:10px}.custom-preview .sextou-banner{gap:9px;padding:17px 10px}.custom-preview .sextou-banner p{font-size:8px}.custom-preview .sextou-banner strong,.custom-preview .sextou-banner div>span{font-size:24px}
#app:has(#custom-form) .shell{max-width:1140px}#app:has(#custom-form) .bottom-nav{max-width:1140px}.custom-group fieldset{border-top:1px solid #dce4da;padding-top:14px}.custom-group input[type=file]{max-width:100%;font-size:12px}#custom-status{font-size:13px}
@media(min-width:800px){.custom-workspace{grid-template-columns:minmax(0,1fr) 390px}.custom-preview-panel{position:sticky;top:20px;align-self:start;max-height:85vh;overflow:auto}}
@media(max-width:380px){.custom-group{padding:12px}.custom-toolbar{position:static}.custom-preview{padding:8px}.custom-preview .professional small{font-size:7px}}
.brand:has(.custom-brand-text){flex-direction:column;line-height:1.2;align-items:start}.custom-brand-text{font-size:32px;color:var(--green);overflow-wrap:anywhere}.custom-group p{font-size:13px}.custom-preview .category{font-size:11px}
.footer-links{display:grid;gap:8px}.panel li{font-size:14px;line-height:1.6;margin-bottom:12px}.panel ol{padding-left:22px}
.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 16px;margin-bottom:12px}.admin-tabs a{white-space:nowrap;padding:12px 16px;border:1px solid #dbe4df;border-radius:12px;text-decoration:none}.admin-tabs a[aria-current=page]{background:var(--green);color:white}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.admin-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;overflow-wrap:anywhere}.admin-card:hover{border-color:var(--green)}.admin-pagination,.admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.account-create .button{display:block;text-align:center}#main input,#main select,#main button{min-height:44px}#main textarea{min-height:110px}.admin-card:focus-visible,.admin-tabs a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
/* Viewport sizing: let grid/flex children shrink instead of widening the page. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#app,.shell,.main-wrap,#main,.home-sections,.home-sections>section{min-width:0;width:100%;max-width:100%}
#main :where(form,fieldset,label,.panel,.stack,.split,.grid,.row,.product,.summary,.order,.custom-workspace,.custom-group,.custom-toolbar,.profile-cover)>*{min-width:0}
#main :where(input,select,textarea){min-width:0;max-width:100%;font-size:16px}
#main :where(h1,h2,h3,p,strong,small,label,a,button){overflow-wrap:anywhere}
#main .row{flex-wrap:wrap}
#main .row>label{flex:1 1 140px}
#main .product{grid-template-columns:48px minmax(0,1fr)}
#main .quantity{flex-shrink:0}
#main .check input{flex:0 0 20px}
#main .custom-toolbar,.section-control,.section-control>div{flex-wrap:wrap}
#main .section-heading{flex-wrap:wrap}
#main .section-heading h2{flex:1 1 170px}
#main .section-heading a{min-height:44px;display:inline-flex;align-items:center}
#main img{max-width:100%;height:auto}
#main .profile-cover>svg{flex-basis:48px}
#main .footer,.footer{flex-wrap:wrap}
#main .link-list a{white-space:normal}
#main .sextou-banner{flex-wrap:wrap}
#main .custom-preview{width:100%;min-width:0}
.scroll-hint{color:var(--muted);font-size:12px;margin:0 0 8px}
.categories.horizontal-strip,.professionals.horizontal-strip{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(120px,30%);gap:12px;overflow-x:auto;max-width:100%;min-width:0;padding:4px 3px 12px;scroll-snap-type:x proximity;scroll-padding-inline:3px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#71927f #edf3ee}
.professionals.horizontal-strip{grid-auto-columns:minmax(145px,42%)}
.horizontal-strip>a{scroll-snap-align:start;min-width:0}
.horizontal-strip .professional strong,.horizontal-strip .professional small{white-space:normal;overflow-wrap:anywhere}
.horizontal-strip .professional strong{font-size:14px;margin:10px 9px 5px}
.horizontal-strip .professional small{font-size:11px;margin:0 9px 12px}
.horizontal-strip .portrait{height:140px}
.horizontal-strip:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.horizontal-strip::-webkit-scrollbar{height:6px}
.horizontal-strip::-webkit-scrollbar-thumb{background:#71927f;border-radius:8px}
@media(max-width:360px){#main .grid:not(.horizontal-strip){grid-template-columns:minmax(0,1fr)}.section-control{align-items:flex-start}.custom-group{padding:12px}.panel{padding:14px}.bottom-nav a{min-width:0;flex:1}.brand.mobile-brand{max-width:calc(100% - 52px)}}

#main .search input{flex:1 1 0;width:0}#main .search button{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal}

.notification-panel{margin:12px 0;display:grid;gap:10px}.notification-panel h2{font-size:18px}.notification-panel p{margin:0}.notification-panel button{width:100%;min-height:44px}
/* Management uses the desktop width independently of the mobile storefront theme. */
.management-nav{display:grid;gap:6px;margin-top:25px}.management-nav>strong{font-size:11px;letter-spacing:1px;color:var(--muted);padding:10px}.management-nav a{display:block;padding:13px 12px;border-radius:10px;text-decoration:none;font-size:14px;line-height:1.4}.management-nav a[aria-current=page]{background:var(--green);color:white}.management-nav a:hover{box-shadow:inset 0 0 0 2px var(--green)}.management-nav hr{width:100%;border:0;border-top:1px solid var(--line)}
.admin-search{display:flex;align-items:end;gap:12px}.admin-search label{flex:1}.admin-form-grid .full-field{grid-column:1/-1}
@media(min-width:1000px){
 body:has(#app.management){background:#f0f4f2}body:has(#app.management)>.demo{max-width:none;font-size:11px;padding:8px}
 #app.management .shell{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1600px;width:100%;background:#f5f7f6;box-shadow:none}
 #app.management .sidebar{display:flex!important;width:245px;max-height:100vh;overflow:auto;position:sticky;top:0;padding:28px 18px;background:white;align-self:start}
 #app.management .sidebar .brand{width:200px;max-width:100%;margin:0}
 #app.management .main-wrap{padding:24px 36px 40px;max-width:none}
 #app.management .bottom-nav{display:none!important}
 #app.management .topbar{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}
 #app.management .topbar .brand{width:190px}
 #app.management #main h1{font-size:32px;letter-spacing:-1px}
 #app.management .admin-tabs{gap:6px}
 #app.management .admin-tabs a{padding:9px 14px}
 #app.management .admin-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 #app.management .admin-card{padding:22px;min-height:145px}
 #app.management .admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1100px}
 #app.management .admin-form-grid button{justify-self:start;grid-column:1/-1;min-width:190px}
 #app.management .panel{border:1px solid #dbe5df;box-shadow:0 2px 8px #123f3205}
 #app.management #admin-search{display:flex;align-items:end;gap:16px}#app.management #admin-search label{flex:1}
 #app.management .custom-workspace{grid-template-columns:minmax(0,1fr) 350px}
 #app.management .custom-preview{max-width:350px}
 #app.management .footer{margin-top:36px}
}
@media(max-width:999px){.admin-search{display:grid}.management-nav{display:none}.admin-form-grid{display:grid;grid-template-columns:minmax(0,1fr)}}
@media(min-width:1000px){#app.management .admin-tabs{display:none}}

/* Simplified management: one task at a time. */
.simple-tabs{display:flex;gap:8px;overflow:auto;margin:20px 0;padding-bottom:8px}.simple-tabs a{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:12px 16px;min-height:46px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#fff;color:var(--green);font-weight:650}.simple-tabs a[aria-current]{background:var(--green);color:white}.simple-tabs .count{position:static;background:#ffdc57;color:#163e30;border-radius:20px;padding:2px 7px;font-size:12px}.merchant-workspace{max-width:900px}.merchant-heading>label{max-width:450px}.simple-record{display:flex;align-items:center;justify-content:space-between;gap:20px}.simple-record h2{font-size:19px}.simple-record>div{min-width:0;overflow-wrap:anywhere}.simple-record>a{flex-shrink:0}.management-subnav{padding-left:14px;border-left:2px solid #dce7dc;margin:0 0 12px 12px}.management .management-subnav a{font-size:12px}.management .management-group{font-weight:700;min-height:44px}.mobile-management{display:none}.approval-photo{max-width:230px;width:100%;max-height:230px;object-fit:contain;border-radius:12px;margin:8px}#approval-error{color:#9f2020}.merchant-workspace summary{cursor:pointer;padding:12px 0;font-weight:650;min-height:44px}.merchant-workspace details[open]>summary{margin-bottom:16px}.merchant-workspace details details{padding:12px;border-top:1px solid var(--line)}.merchant-workspace .panel{border-radius:18px;box-shadow:none}.merchant-workspace h2{font-size:23px}
@media(min-width:1000px){.management .cms-tabs{display:none}.management .main-wrap{background:#f5f7f3}.management .management-nav a[aria-current]{background:#074c39;color:white;border-radius:12px}}
@media(max-width:999px){.mobile-management{display:block;margin-bottom:24px}.mobile-management .management-nav{display:flex;flex-wrap:wrap;gap:6px}.mobile-management .management-nav>strong,.mobile-management .management-nav>hr{display:none}.mobile-management .management-nav>a{padding:10px;min-height:44px;background:#edf4ed;border-radius:9px;font-size:12px}.mobile-management .management-nav>a[aria-current]{background:#074c39;color:#fff}.mobile-management .management-subnav{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%;padding:8px;margin:0}.management .cms-tabs{display:none}.simple-record{align-items:flex-start;flex-direction:column}.simple-record>a{width:100%;text-align:center}.admin-search{min-width:0}.admin-search input,.admin-search select{max-width:100%}}

/* Content management keeps the resident navigation and brand intact. */
.cms-tabs,.cms-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.cms-tabs a{padding:10px;border-radius:8px;background:#edf5ef;color:#044434}.cms-tabs [aria-current]{background:#044434;color:white}
.cms-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:24px;align-items:start}.cms-preview-panel{position:sticky;top:20px}.cms-preview{max-width:390px;margin:auto;border:1px solid #ccd8d0;border-radius:20px;overflow:hidden;padding:12px;background:white}.cms-art{position:relative;margin:0 0 12px}.cms-art img{display:block;width:100%;height:auto;border-radius:14px}.cms-art h3,.cms-art p{padding:0 12px}.cms-ad{display:inline-block;font-size:11px;padding:3px 8px;background:#fff3b0;color:#19372e;border-radius:5px}.cms-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cms-card{min-width:0}.cms-card>img{width:100%;height:140px;object-fit:contain;background:#eff4f0;border-radius:8px}.cms-card h2{font-size:18px}.cms-filter{display:flex;gap:16px;align-items:end}.cms-filter label{flex:1}.cms-drop{border:2px dashed #92b6a2;border-radius:12px;padding:24px;background:#f3f8f4}.cms-drop input{max-width:100%}.cms-professional img{width:100%;height:140px;object-fit:cover;border-radius:12px}.cms-professional p{font-size:12px;white-space:normal}.cms-professional a{color:inherit;text-decoration:none}.cms-professional strong{display:block}.cms-professional{min-width:140px}.support-whatsapp{position:fixed;bottom:calc(86px + env(safe-area-inset-bottom));right:16px;z-index:25;display:flex;align-items:center;gap:8px;padding:12px;border-radius:30px;background:#128c4b;color:#fff;box-shadow:0 4px 16px #0003;text-decoration:none;font-size:13px}.support-whatsapp svg{width:26px;height:26px}.main-wrap:has(~ .support-whatsapp) main{padding-bottom:150px}#cms-error{color:#a42020}.management .sidebar{overflow-y:auto;max-height:100vh}.management .management-nav a{padding:9px 12px}
@media(max-width:1100px){.cms-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-workspace{grid-template-columns:1fr}.cms-preview-panel{position:static}}@media(max-width:600px){.cms-cards{grid-template-columns:1fr}.cms-filter{display:grid}.support-whatsapp span{display:none}.cms-tabs{font-size:13px}.cms-workspace{gap:12px}}

#app:has(>.support-whatsapp) #main{padding-bottom:150px}[data-period][hidden]{display:none}

.market-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-card{display:block;color:inherit;text-decoration:none;min-width:0;overflow-wrap:anywhere}.market-card img{width:100%;height:180px;object-fit:contain;background:#f5f5f0;border-radius:12px}.market-photos{display:flex;gap:12px;overflow-x:auto;max-width:100%;scroll-snap-type:x mandatory}.market-photos img{width:min(80vw,340px);height:260px;object-fit:contain;flex-shrink:0;scroll-snap-align:start;border-radius:12px}#market-form input,#market-form textarea,#market-form select{max-width:100%;min-width:0}
.city-festivals{margin:24px 0;padding:16px;border-radius:18px;background:#f5f7ed}.city-slide[hidden]{display:none!important}.city-slide img,.city-preview{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:12px}.city-slide h3{margin:12px 0 8px}.city-body{white-space:pre-wrap;overflow-wrap:anywhere}#city-form input,#city-form textarea{max-width:100%;min-width:0}.top-actions{flex-wrap:wrap}
.market-grid .market-card{padding:12px}.market-card h3{font-size:16px;line-height:1.3}.market-card p{font-size:12px}.market-card img{height:auto;aspect-ratio:1;object-fit:contain}@media(min-width:760px){.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.topbar .top-actions{flex-wrap:nowrap;flex-shrink:0;gap:4px}.topbar .brand.mobile-brand{min-width:0;max-width:calc(100% - 144px)}.topbar .top-actions .icon-button{width:40px;min-width:40px;height:44px}

/* Visual comercial: mantém navegação, conteúdo e painéis existentes. */
#app:not(.management) .main-wrap{padding:22px 18px 100px}
#app:not(.management) .topbar{margin-bottom:22px;gap:12px}
#app:not(.management) .topbar .brand.mobile-brand{width:230px;max-width:calc(100% - 144px)}
#app:not(.management) .search{background:#f7faf6;padding:7px 8px 7px 14px;border:1px solid #dce4dd;box-shadow:none;margin:0 0 22px}
#app:not(.management) .search input{font-size:14px;min-height:44px}
#app:not(.management) .search button{background:var(--green);color:#fff;min-height:44px;padding:10px 14px;font-size:12px}
#main .home-sections .section-heading{margin:26px 0 12px}
#main .home-sections .section-heading h2{font-size:20px;letter-spacing:-.5px;flex:1 1 160px}
#main .home-sections .section-heading a{font-size:12px;color:#496851}
.home-sections .scroll-hint{font-size:11px;color:#5e7265;margin-bottom:8px}
#main .home-sections .category{background:#eef4ea!important;color:var(--green)!important;box-shadow:none;border:0;min-height:86px;font-weight:600;font-size:12px}
#main .home-sections .category svg{width:26px;height:26px;stroke-width:1.7}
#main .categories.horizontal-strip{grid-auto-columns:minmax(78px,23%);gap:10px;padding:3px 0 10px}
#main .professionals.horizontal-strip{grid-auto-columns:minmax(100px,25%);gap:14px}
#main .professional{border:0;background:transparent;box-shadow:none;text-align:center;overflow:visible}
#main .professional .portrait,#main .cms-professional img{width:82px;height:82px;object-fit:cover;border-radius:50%;margin:auto}
#main .professional strong{font-size:12px;margin:10px 0 5px;letter-spacing:0}
#main .professional small{font-size:10px;margin:0 0 8px}
#main .home-sections .photo-hero{height:230px;border-radius:18px;background-position:70% center}
#main .photo-hero .hero-content{padding:22px}
#main .photo-hero h2{font-size:29px;line-height:1.05;max-width:230px;margin:14px 0}
#main .photo-hero p{font-size:13px;line-height:1.4}
#main .photo-hero .ad{font-size:9px}
#main .hero-arrow{min-width:44px;min-height:44px}
#main .sextou-banner{padding:24px 20px;min-height:140px;gap:14px;background:radial-gradient(circle at 95% 20%,#c6e36633,transparent 45%),var(--green)}
#main .sextou-banner:before{display:none}
#main .city-festivals{background:transparent;padding:0;margin:24px 0}
#main .city-slide img,#main .cms-art img{border-radius:16px}
#main .home-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
.home-offer{display:block;min-width:0;overflow-wrap:anywhere}
.home-offer-art{aspect-ratio:1.2;background:#f0f4eb;border-radius:14px;display:grid;place-items:center;overflow:hidden}
.home-offer-art svg{width:80%;height:90%;max-height:170px}
.home-offer small{display:block;font-size:10px;color:#607464;margin:12px 0 6px}
.home-offer h3{font-size:15px;line-height:1.35;letter-spacing:0;margin:0 0 8px}
.home-offer strong{font-size:18px;color:var(--green)}
.home-offer p{font-size:11px;color:#607464;margin:7px 0 0}
#app:not(.management) .bottom-nav{box-shadow:none;background:#fffffff5;backdrop-filter:blur(12px)}
#app:not(.management) .bottom-nav a.active{background:#f0f5ed;border-radius:12px}
@media(min-width:760px){#app:not(.management) .shell{max-width:1100px!important}#app:not(.management) .main-wrap{padding:30px 38px 110px}#app:not(.management) .bottom-nav{max-width:1100px!important}#main .home-sections .photo-hero{height:320px}#main .photo-hero h2{font-size:38px;max-width:380px}#main .photo-hero .hero-content{padding:32px}#main .home-offer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#main .categories.horizontal-strip{grid-auto-columns:minmax(100px,23%)}#main .professionals.horizontal-strip{grid-auto-columns:minmax(130px,22%)}#main .city-festivals{max-width:760px;margin:24px auto}#main .cms-art{max-width:900px;margin-inline:auto}}
@media(max-width:359px){#app:not(.management) .main-wrap{padding-inline:12px}#main .photo-hero .hero-content{padding:16px}#main .photo-hero h2{font-size:26px}.home-offer h3{font-size:14px}#main .home-sections .section-heading h2{flex-basis:140px;font-size:18px}}
.home-offer{text-decoration:none;color:inherit}

.payment-summary{margin-top:16px;border-top:1px solid #dce4dd;padding-top:16px;overflow-wrap:anywhere}.payment-summary h4{margin:0 0 10px}.payment-summary p{margin:8px 0}