@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#f83b29;--ink:#25231f;--muted:#807b75;--line:#eeeae5;--bg:#faf9f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #124bb7;outline-offset:3px}input,select,textarea{border:1px solid #dfdcd6;border-radius:12px;padding:12px;background:white;color:var(--ink);min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.6px}h1{font-size:30px}h2{font-size:22px}h3{font-size:16px}.shell{max-width:1160px;margin:auto;min-height:100dvh;background:white}.top{background:linear-gradient(110deg,#f32930 0%,#ff591d 60%,#ffad25 100%);color:white;padding:25px 38px 24px}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;letter-spacing:-2px;color:white;position:relative}.logo span{color:#ffe046}.logo:after{content:'';position:absolute;width:24px;height:7px;border-bottom:4px solid #ffdf38;border-radius:50%;bottom:0;right:23px}.location{display:flex;gap:7px;align-items:center}.location select{background:transparent;color:inherit;border:0;padding:6px;font-weight:600}.location option{color:#222}.tag{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.demo-top{opacity:.85;text-align:right;margin-bottom:6px}.searchbar{background:white;border-radius:13px;display:flex;align-items:center;padding:3px 13px;gap:8px;color:#5f5b56}.searchbar input{border:0;flex:1;width:100%;outline:0;padding:12px 4px}.header-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:21px;gap:22px}.header-bottom p{font-size:14px;opacity:.93}.header-bottom .searchbar{width:48%}.main{padding:26px 38px 110px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:29px 0 16px;gap:10px}.section-title button{font-size:12px;color:var(--red);font-weight:700}.muted{color:var(--muted);font-size:12px;line-height:1.6}.hero{min-height:238px;border-radius:24px;overflow:hidden;display:flex;align-items:center;padding:32px 40px;background:#fff0d9;position:relative}.hero .hero-copy{position:relative;z-index:2;width:62%}.eyebrow{color:#a85d16;font-size:10px;letter-spacing:2px;font-weight:800}.hero h1{font-size:40px;line-height:1.13;margin:10px 0}.hero p{color:#8c6946;font-size:13px;margin:12px 0 20px}.primary{border:0;background:var(--red);color:white;padding:13px 19px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary{background:#f4f1ed;border-radius:12px;padding:12px 16px;font-weight:600}.hero-art{position:absolute;right:30px;top:18px;bottom:12px;width:30%;transform:rotate(8deg);border-radius:20px;overflow:hidden;border:6px solid white;box-shadow:0 13px 25px #874c1425}.hero-art img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#ffffffdd;display:grid;place-items:center;font-size:23px;color:var(--red)}.dots{display:flex;gap:6px;justify-content:center;margin:12px 0}.dots button{padding:0;height:6px;width:6px;border-radius:10px;background:#d9d3cc}.dots .on{width:20px;background:var(--red)}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:22px}.cat{display:flex;flex-direction:column;align-items:center;gap:9px;font-weight:600;font-size:11px;padding:0}.cat .tile{width:61px;height:61px;background:#faf5ef;border:1px solid #f0e8dd;border-radius:19px;display:grid;place-items:center;font-size:27px}.cat:hover .tile{background:#ffead7;transform:translateY(-2px)}.editorial-grid{display:grid;grid-template-columns:1.25fr 1fr 1.15fr 1fr;gap:14px}.editorial{height:208px;border-radius:20px;position:relative;overflow:hidden;padding:0;background:#ffb837;text-align:left}.editorial:nth-child(even){margin-top:18px;height:190px}.editorial .sprite{position:absolute;inset:0;background-image:url('assets/editorial.png');background-repeat:no-repeat;background-size:1038% 620%;background-position:var(--pos);}.editorial .arrow{position:absolute;bottom:13px;right:13px;background:white;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.editorial:hover{transform:translateY(-3px)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.card{position:relative;min-width:0}.card .photo{display:block;position:relative;width:100%;padding:0;aspect-ratio:1;background:#eee;border-radius:17px;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.card:hover img{transform:scale(1.03)}.card .save{position:absolute;top:10px;right:10px;width:31px;height:31px;border-radius:50%;background:#ffffffec;display:grid;place-items:center;font-size:21px}.card .saved{color:var(--red)}.card .price{font-size:17px;font-weight:800;margin:10px 0 4px}.card .title{font-weight:600;display:block;text-align:left;padding:0;line-height:1.45}.card .muted{font-size:11px;margin-top:3px}.card-label{position:absolute;left:10px;bottom:10px;background:white;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:700}.note{font-size:10px;color:#9a9288;line-height:1.5;margin:15px 0}.nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1160px);height:80px;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.nav button{width:20%;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:600}.nav .icon{height:30px;display:grid;place-items:center}.nav .active{color:var(--red)}.nav .active .icon{width:47px;height:47px;background:linear-gradient(140deg,#ff252d,#ff7519);color:white;border-radius:50%;margin-top:-24px;box-shadow:0 5px 13px #f83b2940;border:4px solid white;box-sizing:content-box}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pagehead{display:flex;align-items:center;gap:12px}.back{font-size:25px;padding:4px 8px 4px 0;color:inherit}.pagehead h1{font-size:24px}.toolbar{display:flex;gap:10px;align-items:center;margin:17px 0}.toolbar .searchbar{border:1px solid var(--line);flex:1}.chips{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;margin-bottom:14px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--line);border-radius:22px;padding:9px 15px;font-size:12px;background:white}.chip.on{background:var(--red);border-color:var(--red);color:white}.results-note{display:flex;justify-content:space-between;margin:8px 0 16px;align-items:center}.results-note select{font-size:11px;border:0;padding:4px}.empty{padding:60px 20px;text-align:center;display:grid;gap:15px;justify-items:center}.empty .big{font-size:46px}.profile-menu{display:grid;gap:10px;margin-top:25px}.profile-menu button{padding:20px;background:#f8f6f2;border-radius:14px;text-align:left;display:flex;justify-content:space-between}.profile-avatar{height:65px;width:65px;border-radius:50%;background:#ffebe3;display:grid;place-items:center;font-size:28px;margin-bottom:15px}.overlay{position:fixed;inset:0;background:#1c171b70;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.dialog{width:100%;max-width:520px;max-height:90dvh;overflow:auto;background:white;border-radius:24px;padding:24px;position:relative}.dialog .close{position:absolute;right:16px;top:16px;z-index:3;background:white;border-radius:50%;width:32px;height:32px;font-size:21px}.dialog h2{padding-right:35px;margin-bottom:17px}.dialog form{display:grid;gap:14px}.dialog label{display:grid;gap:7px;font-size:12px;font-weight:600}.dialog img.detail-photo{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:17px;margin-bottom:16px}.detail-price{font-size:28px;color:var(--red);font-weight:800;margin:12px 0}.detail-desc{line-height:1.7;font-size:13px;margin:18px 0}.detail-actions{display:flex;gap:8px;margin-top:20px}.detail-actions .primary{flex:1}.gallery{display:flex;gap:6px;margin-bottom:16px}.gallery button{border:1px solid #ddd;border-radius:7px;overflow:hidden;padding:0;width:53px;height:45px}.gallery img{width:100%;height:100%;object-fit:cover}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#toast{position:fixed;z-index:100;left:50%;bottom:96px;transform:translateX(-50%);padding:12px 20px;background:#28251f;color:white;border-radius:14px;opacity:0;pointer-events:none;max-width:90vw;transition:opacity .2s;text-align:center}#toast.show{opacity:1}.message{padding:12px 15px;background:#f2efeb;border-radius:12px;margin:12px 0;line-height:1.5}.message.sent{margin-left:35px;background:#fff0e5}.ride-shell{height:100dvh;display:flex;flex-direction:column;padding-bottom:80px}.ride-shell .top{padding:16px 28px}.ride-form{padding:14px 28px 9px;background:white}.ride-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.ride-inputs label{font-size:10px;display:grid;gap:5px}.ride-inputs input{padding:10px}.ride-inputs button{align-self:end}.ride-note{font-size:9px;color:var(--muted);margin-top:7px}.maps{flex:1;min-height:0;display:grid;grid-template-rows:1fr 1fr;gap:8px;padding:0 28px 12px}.map{position:relative;min-height:0;overflow:hidden;border-radius:15px;border:1px solid #e2e5dc;background:#eef1e8}.map svg{width:100%;height:100%;position:absolute;inset:0}.map-info{position:absolute;z-index:2;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.map-info .brand,.map-info .estimate{background:#ffffffed;border-radius:10px;padding:7px 11px;box-shadow:0 3px 9px #0000000a}.map-info strong{font-size:14px}.map-info small{display:block;font-size:9px;color:#756f65;margin-top:2px}.map-legend{position:absolute;bottom:7px;left:10px;font-size:9px;background:#ffffffdb;padding:4px 7px;border-radius:4px;max-width:90%}.reel-feed{height:calc(100dvh - 165px);overflow-y:auto;scroll-snap-type:y mandatory;background:#191b19;border-radius:23px}.reel{height:100%;position:relative;scroll-snap-align:start;overflow:hidden}.reel>img{width:100%;height:100%;object-fit:cover;opacity:.7}.reel:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000d);pointer-events:none}.reel-content{position:absolute;left:25px;bottom:30px;right:25px;color:white;z-index:2}.reel-content h2{font-size:29px;margin:13px 0}.reel-actions{display:flex;gap:10px;margin-top:17px}.reel .still{position:absolute;top:20px;left:20px;background:#0007;color:white;padding:7px 10px;border-radius:15px;font-size:10px}.reels-main{padding-top:15px;padding-bottom:95px}.fuel-price{font-size:25px;font-weight:800;margin:10px 0 2px}.store-cover{width:100%;height:220px;object-fit:cover;border-radius:20px;margin:0 0 18px}.local-banner{background:#fff6e9;border:1px solid #f5e4cb;border-radius:20px;margin-top:28px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hide{display:none!important}@media(min-width:800px){body{padding:25px 0}.shell{border-radius:25px;overflow:hidden;box-shadow:0 10px 60px #5647290c}.nav{bottom:12px;width:640px;border:1px solid var(--line);border-radius:24px;height:73px;box-shadow:0 8px 45px #45352118}.ride-shell{height:calc(100dvh - 50px);padding-bottom:65px}.reel-feed{max-width:480px;margin:auto}.reels-main{padding-bottom:85px}.reel-feed{height:calc(100dvh - 240px)}}@media(max-width:700px){.top{padding:18px 20px 22px}.logo{font-size:32px}.topline{gap:8px}.location{font-size:12px}.header-bottom{display:block;margin-top:12px}.header-bottom p{font-size:12px;margin-bottom:17px}.header-bottom .searchbar{width:100%}.main{padding:20px 17px 105px}.hero{min-height:215px;padding:24px 21px;border-radius:20px}.hero h1{font-size:29px}.hero .hero-copy{width:68%}.hero p{font-size:11px;width:90%;margin:10px 0 14px}.hero-art{right:-17px;width:36%;top:32px;bottom:22px;transform:rotate(10deg)}.hero .primary{font-size:11px;padding:10px 13px}.eyebrow{font-size:8px;letter-spacing:1.4px}.categories{grid-template-columns:repeat(4,1fr);gap:19px 8px;margin-top:19px}.cat .tile{width:56px;height:56px;border-radius:17px;font-size:25px}.cat{font-size:10px;gap:7px}.section-title{margin-top:28px}.section-title h2{font-size:19px}.section-title button{font-size:10px}.editorial-grid{grid-template-columns:1fr 1fr;gap:11px}.editorial,.editorial:nth-child(even){height:auto;aspect-ratio:.9;margin:0}.editorial:nth-child(3){margin-top:-5px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.card .photo{border-radius:14px}.card .title{font-size:12px}.card .price{font-size:16px}.toolbar{gap:7px}.toolbar .primary,.toolbar .secondary{font-size:12px;padding:12px}.nav{height:76px}.pagehead h1{font-size:22px}.dialog{padding:20px;border-radius:20px;max-height:92dvh}.overlay{padding:12px}.ride-shell{padding-bottom:76px}.ride-shell .top{padding:12px 17px}.ride-form{padding:10px 13px}.ride-inputs{grid-template-columns:1fr 1fr;gap:7px}.ride-inputs button{grid-column:1/-1;padding:8px}.ride-inputs input{width:100%;padding:9px 8px;font-size:11px}.maps{padding:0 10px 8px;gap:7px}.map-info{top:7px;left:7px;right:7px}.map-info strong{font-size:12px}.map-info small{font-size:8px}.local-banner{padding:18px}.local-banner h3{font-size:15px}.local-banner .primary{font-size:10px;white-space:nowrap}.reel-feed{height:calc(100dvh - 175px)}.reels-main{padding-top:12px}.detail-actions{flex-wrap:wrap}}
.toolbar .searchbar{min-width:0}.toolbar .searchbar input{width:0;min-width:0}.toolbar>button{flex-shrink:0}.pagehead{min-width:0}.topline>div:last-child{flex-shrink:0}.dialog .grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:380px){.toolbar .secondary{font-size:0}.toolbar .secondary:after{content:'☷';font-size:18px}.pagehead h1{font-size:19px}.topline .location{font-size:10px}.topline .tag{font-size:8px}}
/* Classificados: navegação familiar, fotos dominantes e leitura direta. */
.market-shell,.marketplace,.market-detail{font-family:Arial,Helvetica,sans-serif;color:#1c1e21}
.market-brand{height:58px;padding:8px 18px;background:linear-gradient(110deg,#f32930,#ff591d 65%,#ffad25);display:flex;align-items:center;justify-content:space-between;color:white}
.market-brand .logo{font-size:29px;line-height:36px}.market-brand>span{font-size:10px;font-weight:700;letter-spacing:.5px}
.marketplace{padding:12px 18px 110px}.marketplace h1,.marketplace h2,.marketplace h3,.market-detail h2,.market-detail h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:0}
.market-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.market-heading h1{font-size:28px;line-height:36px;font-weight:700;flex:1}.market-back{font-size:26px;padding:0;width:30px;height:40px}.market-profile{background:#e9eaed;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;padding:0}
.market-search{background:#f0f2f5;border:0;border-radius:24px;padding:0 13px;min-height:44px}.market-search input{background:transparent;font-size:16px;padding:11px 4px;min-width:0;width:0}.market-search input::placeholder{color:#65676b}.market-search .icon{color:#65676b}
.market-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;margin:12px 0}.market-actions button{min-height:42px;border-radius:8px;background:#e9eaed;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px}.market-actions button span{font-size:21px;font-weight:400}.market-actions .sell{background:#ffebe4;color:#b82e17}
.market-categories{margin:0 -18px 9px;padding:0 18px 12px;border-bottom:1px solid #ddd;gap:7px}.market-categories .chip{min-height:37px;padding:8px 13px;background:#f0f2f5;border:0;font-size:14px;color:#303238;font-weight:600}.market-categories .chip.on{background:#ffebe4;color:#b82e17}
.market-feed-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}.market-feed-title h2{font-size:19px;font-weight:700;line-height:1.25}.market-feed-title button{font-size:14px;color:#c63722;padding:8px 0;white-space:nowrap;font-weight:600}
.marketplace .results-note{margin:2px 0 13px}.marketplace .results-note .muted{font-size:12px;color:#65676b}.marketplace .results-note select{font-size:13px;color:#65676b;padding:7px 0;max-width:135px}
.marketplace .grid{gap:22px 9px}.marketplace .card .photo{border-radius:5px;aspect-ratio:1}.marketplace .card:hover img{transform:none}.marketplace .card .price{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:23px;font-weight:700;margin:8px 0 2px;color:#1c1e21}.marketplace .card .title{font-size:15px;font-weight:400;line-height:21px;color:#1c1e21;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marketplace .card .muted{font-size:12px;line-height:17px;margin-top:3px;color:#65676b}.marketplace .card .save{right:7px;top:7px;box-shadow:0 1px 4px #0002;width:33px;height:33px}.marketplace .note{font-size:12px;color:#65676b;margin-top:25px}.market-bottom-sell{display:flex;width:100%;margin:12px 0;border-radius:8px;font-size:16px;min-height:46px}
.market-detail.dialog{padding:0;border-radius:10px;max-width:650px}.market-detail>.close{display:none}.market-detail-bar{position:sticky;top:0;z-index:4;background:white;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;min-height:53px}.market-detail-bar button{min-height:38px;font-size:15px;font-weight:600;padding:7px}.market-detail img.detail-photo{display:block;aspect-ratio:1.2;max-height:450px;border-radius:0;margin:0}.market-detail-body{padding:18px}.market-detail h2{font-size:23px;padding:0;margin:0 0 7px;line-height:1.25}.market-detail .detail-price{font-size:24px;font-weight:700;color:#1c1e21;margin:4px 0 8px}.market-detail .muted{font-size:14px;color:#65676b}.market-demo{font-size:12px;color:#65676b;margin-top:10px}.market-contact{display:flex;gap:9px;margin:18px 0}.market-contact .primary{flex:1;border-radius:7px;font-size:16px;min-height:45px}.market-contact .secondary{border-radius:7px;font-size:23px;min-width:48px;background:#e9eaed}.market-detail-section{padding:20px 0;border-top:1px solid #ddd}.market-detail-section h3{font-size:19px;margin-bottom:15px}.market-detail-section p{font-size:15px;line-height:1.5}.market-detail dl{display:grid;grid-template-columns:1fr 1.4fr;font-size:15px;gap:13px;margin:0}.market-detail dt{font-weight:600}.market-detail dd{margin:0;color:#65676b}.market-seller{display:flex;gap:13px;align-items:center}.market-seller>span{width:48px;height:48px;border-radius:50%;background:#f0f2f5;display:grid;place-items:center;font-size:24px;color:#65676b}.market-seller strong{font-size:16px}.market-detail .card .photo{border-radius:5px}.market-detail .card .title{font-size:15px;font-weight:400}.market-detail .card .price{font-size:18px}.market-detail .card .muted{font-size:12px}
@media(min-width:800px){.marketplace{padding:20px 30px 110px}.market-categories{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}.market-brand{padding-left:30px;padding-right:30px}.market-actions{max-width:550px}.market-search{max-width:700px}.marketplace .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 15px}}
@media(max-width:700px){.marketplace{padding:12px 10px 105px}.market-heading,.market-search,.market-actions,.market-feed-title,.marketplace .results-note{margin-left:3px;margin-right:3px}.market-categories{margin-left:-10px;margin-right:-10px;padding-left:13px;padding-right:13px}.marketplace .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 7px}.marketplace .card .price,.marketplace .card .title,.marketplace .card .muted{padding-left:2px;padding-right:2px}.market-feed-title h2{font-size:17px}.market-feed-title button{font-size:13px}.market-detail.dialog{width:100%;height:100dvh;max-height:100dvh;max-width:none;border-radius:0}.overlay:has(.market-detail){padding:0}.market-detail-body{padding:16px}.market-detail img.detail-photo{aspect-ratio:1;max-height:none}.market-detail-bar{padding-top:max(8px,env(safe-area-inset-top))}.nav button{font-size:12px}.cat{font-size:12px}.cat .tile{width:58px;height:58px}.section-title button{font-size:12px}}
@media(max-width:380px){.market-heading h1{font-size:26px}.market-actions button{font-size:14px}.market-feed-title h2{font-size:16px}.market-feed-title button{font-size:12px}.marketplace .card .title{font-size:14px}}
/* Identidade independente autorizada para Classificados: branco, cinza e azul. */
.market-shell{--red:#0866ff;--ink:#1c1e21;--muted:#65676b;--line:#dadde1;background:#fff;border-radius:0;box-shadow:none}
.marketplace{padding-top:18px}.market-actions .sell,.market-categories .chip.on{background:#e7f3ff;color:#0866ff}.market-feed-title button{color:#0866ff}.marketplace .primary{background:#0866ff}.marketplace .card .saved{color:#0866ff}
.market-shell .nav{border-radius:0;box-shadow:none;border-top:1px solid #dadde1;background:#fff;backdrop-filter:none}.market-shell .nav .active{color:#0866ff}.market-shell .nav .active .icon{width:auto;height:30px;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#0866ff}.market-shell .nav button{font-family:Arial,Helvetica,sans-serif;font-size:12px;gap:5px}.market-shell .nav .active{position:relative}.market-shell .nav .active:before{content:'';position:absolute;top:-9px;left:20%;right:20%;height:3px;border-radius:0 0 3px 3px;background:#0866ff}
.market-detail,.market-form{--red:#0866ff;font-family:Arial,Helvetica,sans-serif;color:#1c1e21}.market-detail .primary,.market-form .primary{background:#0866ff}.market-detail .saved,.market-form .saved{color:#0866ff}.market-form h2,.market-form h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:0}.market-form.dialog{border-radius:10px}.market-form input,.market-form select,.market-form textarea{border-radius:6px;font-size:16px}.market-form label{font-size:14px}.market-form .primary,.market-form .secondary{border-radius:6px;font-size:16px;min-height:44px}.market-form .detail-price{color:#1c1e21}.market-form .message.sent{background:#e7f3ff}.market-form .secondary{background:#e4e6eb}.market-form .note{color:#65676b;font-size:12px}.market-form .muted{font-size:14px;color:#65676b}
@media(min-width:800px){.market-shell .nav{bottom:0;width:min(100%,1160px)}}
/* Bloco Marketplace na Home e detalhes completos do anúncio. */
.home-market{--red:#0866ff;background:#fff;color:#1c1e21;font-family:Arial,Helvetica,sans-serif;border-top:8px solid #e4e6eb;border-bottom:8px solid #e4e6eb;margin:30px -38px 0;padding:20px 38px}.home-market h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;font-size:24px}.home-market-heading,.home-market-heading>div,.home-market-location{display:flex;align-items:center;justify-content:space-between;gap:9px}.home-market-heading>div{justify-content:flex-start}.home-market-heading>button{color:#0866ff;font-size:15px;font-weight:600;min-height:44px}.market-store-icon{font-size:28px;color:#0866ff}.home-market-location{margin:8px 0 16px;font-size:15px}.home-market-location>span{color:#0866ff;font-size:13px}.home-market .grid{gap:20px 9px}.home-market .card .photo,.market-recommendations .card .photo{border-radius:4px;aspect-ratio:1}.home-market .card:hover img,.market-recommendations .card:hover img{transform:none}.home-market .card .price,.market-recommendations .card .price{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;color:#1c1e21;line-height:24px;margin:7px 0 1px}.home-market .card .title,.market-recommendations .card .title{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:21px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.home-market .card .muted,.market-recommendations .card .muted{color:#65676b;font-size:12px;line-height:17px}.home-market .card .saved,.market-recommendations .card .saved{color:#0866ff}.home-market-more{display:block;width:100%;padding:12px;background:#e4e6eb;border-radius:6px;font-weight:600;font-size:15px;color:#1c1e21;margin:18px 0 8px;min-height:44px}.home-market .market-demo{font-size:12px;color:#65676b}
.market-full-photo{display:block;position:relative;width:100%;padding:0;background:#f0f2f5}.market-full-photo>span{position:absolute;right:12px;bottom:12px;background:#0008;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px}.market-message-box{border:0;margin:20px 0 12px;display:grid;gap:9px}.market-message-box label{font-size:15px;font-weight:600}.market-message-box>div{display:flex;gap:8px}.market-message-box input{flex:1;min-width:0;border-radius:6px;background:#f0f2f5;border:1px solid #ced0d4;font-size:15px;padding:11px}.market-message-box .primary{border-radius:6px;min-height:44px;font-size:15px}.market-item-actions{display:flex;gap:10px;margin:0 0 20px}.market-item-actions button{flex:1;background:#e4e6eb;min-height:43px;font-size:15px;font-weight:600;border-radius:6px}.market-map-open{display:block;width:100%;padding:0;text-align:left}.classified-map{position:relative;overflow:hidden;border-radius:7px;background:#ecece6;margin:0 0 12px}.classified-map svg{display:block;width:100%;height:auto;min-height:160px}.classified-map>span{position:absolute;bottom:6px;right:6px;font-size:10px;padding:3px 6px;background:#ffffffde;color:#65676b;border-radius:3px}.market-map-city{display:block;font-size:15px;margin:5px 0}.market-detail .market-map-city+.muted{font-size:12px;margin-top:7px;line-height:1.5}.market-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.market-section-heading>button{color:#0866ff;font-size:14px;white-space:nowrap;min-height:40px}.market-detail button.market-seller{width:100%;text-align:left;padding:0;background:none}.market-seller .seller-chevron{background:none;width:auto;height:auto;margin-left:auto;font-size:28px}.market-return{display:block;padding:10px 0;margin:0 0 14px;min-height:44px;color:#0866ff;font-weight:600;font-size:14px}.market-recommendations .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 8px}.market-detail-bar>div{display:flex;align-items:center}.market-detail-bar>div>button:last-child{font-size:20px}.market-form .classified-map{margin:20px 0}
@media(min-width:800px){.home-market .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.home-market{margin:28px -17px 0;padding:12px 10px 18px}.home-market-heading{padding:0 3px}.home-market h2{font-size:23px}.home-market-location{padding:0 3px;font-size:14px}.home-market .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 7px}.market-message-box input{font-size:14px;padding:10px 8px}.market-message-box .primary{padding:11px 14px}.market-detail-section h3{font-size:18px}}


/* ========================================================
   EVOLUÇÃO HOME: NOTIFICAÇÕES REGIONAIS, PUBLICIDADE LOJAS CENTRO, PROMOÇÕES DO DIA
   ======================================================== */

/* 1. NOVO BANNER DE NOTIFICAÇÕES REGIONAIS */
.notif-hero {
  background: #ffffff;
  border: 1px solid #ebe6df;
  border-radius: 24px;
  padding: 26px 24px 22px;
  margin: 18px 0 22px;
  box-shadow: 0 4px 24px rgba(37, 35, 31, 0.03);
}
.notif-header-tag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.notif-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  color: #706a61;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.notif-badge svg {
  color: var(--red);
}
.demo-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #f4efe9;
  color: #7a7367;
  padding: 3px 8px;
  border-radius: 8px;
}
.notif-title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 10px;
  color: var(--ink);
  letter-spacing: -0.03em;
}
.notif-highlight {
  color: var(--red);
  font-weight: 800;
  background: linear-gradient(180deg, transparent 65%, #ffe6e2 65%);
  padding: 0 4px;
  border-radius: 4px;
}
.notif-copy {
  font-size: 14px;
  line-height: 1.6;
  color: #524e47;
  margin: 0 0 8px;
}
.notif-subcopy {
  font-size: 12px;
  line-height: 1.5;
  color: var(--muted);
  margin: 0 0 16px;
  font-style: italic;
}
.notif-action-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.notif-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 14px;
  background: var(--red);
  color: white;
  border: none;
  cursor: pointer;
  transition: transform 0.15s, background 0.15s;
  box-shadow: 0 4px 14px rgba(248, 59, 41, 0.25);
}
.notif-cta:hover {
  transform: translateY(-1px);
}
.notif-hint {
  font-size: 11px;
  color: var(--muted);
}
.notif-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.notif-card {
  background: #faf8f5;
  border: 1px solid #eeeae3;
  border-radius: 14px;
  padding: 12px 14px;
  transition: background 0.15s, transform 0.15s, border-color 0.15s;
  cursor: pointer;
}
.notif-card:hover {
  background: #f4f0ea;
  transform: translateY(-1px);
  border-color: #ded7cc;
}
.notif-card-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.notif-card-icon {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: grid;
  place-items: center;
}
.notif-icon-deals {
  background: #ffebe8;
  color: var(--red);
}
.notif-icon-utilities {
  background: #eef6ff;
  color: #0070f3;
}
.notif-icon-city {
  background: #edfbf3;
  color: #107e3e;
}
.notif-card-category {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #696359;
  text-transform: uppercase;
  flex: 1;
}
.notif-card-time {
  font-size: 9px;
  color: var(--muted);
}
.notif-card-text {
  font-size: 11px;
  line-height: 1.4;
  color: #3a3732;
  margin: 0;
  font-weight: 500;
}

/* 2. NOVO BANNER PUBLICITÁRIO — LOJAS CENTRO */
.ad-banner-centro {
  background: white;
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  margin: 0 0 24px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: stretch;
  transition: transform 0.2s, box-shadow 0.2s;
}
.ad-banner-media {
  position: relative;
  background: #e8f0fe;
  min-height: 230px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ad-centro-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.ad-tag-floating {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(0, 0, 0, 0.65);
  color: white;
  backdrop-filter: blur(8px);
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.ad-banner-body {
  padding: 24px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  background: white;
}
.ad-sponsor-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.ad-sponsor-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #0066cc;
  text-transform: uppercase;
  background: #edf4fe;
  padding: 3px 8px;
  border-radius: 8px;
}
.ad-sponsor-cities {
  font-size: 11px;
  font-weight: 600;
  color: #666;
}
.ad-brand-name {
  font-size: 14px;
  font-weight: 800;
  color: #1b4b8a;
  letter-spacing: 0.5px;
  margin: 2px 0 0;
  text-transform: uppercase;
}
.ad-headline {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--ink);
  margin: 0;
  letter-spacing: -0.02em;
}
.ad-subhead {
  font-size: 13px;
  line-height: 1.55;
  color: #5c574f;
  margin: 0;
}
.ad-footer-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.ad-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 18px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 14px;
  background: #1c171b;
  color: white;
  border: none;
  cursor: pointer;
  transition: transform 0.15s, background 0.15s;
}
.ad-action-btn:hover {
  background: #000;
  transform: translateY(-1px);
}
.highlight-offers {
  color: var(--red);
  font-weight: 800;
}
.ad-guarantee {
  font-size: 11px;
  color: var(--muted);
  font-weight: 500;
}

/* 3. SEÇÃO PROMOÇÕES DO DIA & CARDS */
.deals-section-header {
  margin-top: 32px;
}
.deals-eyebrow {
  color: var(--red);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.2px;
}
.deals-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 6px;
  color: #6e685f !important;
}
.deals-title .deal-word-red {
  color: var(--red) !important;
  font-weight: 800;
}
.deals-view-all {
  font-size: 12px;
  font-weight: 600;
  color: var(--red);
}
.promo-grid {
  margin-top: 14px;
}
.promo-card {
  position: relative;
  transition: transform 0.15s, box-shadow 0.15s;
}
.promo-pill-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  background: var(--red);
  color: white;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 8px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(248, 59, 41, 0.35);
  pointer-events: none;
}
.promo-pricing {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 4px 0 2px;
}
.promo-pricing .price {
  font-size: 17px;
  font-weight: 800;
  color: var(--red);
  margin: 0;
}
.old-price {
  font-size: 12px;
  color: var(--muted);
  text-decoration: line-through;
  font-weight: 500;
}
.promo-cta-link {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: var(--red);
  background: none;
  border: none;
  padding: 4px 0 0;
  text-align: left;
  cursor: pointer;
}

/* 4. MODAL PREFERÊNCIAS DE NOTIFICAÇÕES */
.notif-prefs-form {
  display: grid;
  gap: 12px;
}
.notif-checkbox-list {
  display: grid;
  gap: 8px;
  margin: 10px 0;
}
.notif-pref-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fdfdfd;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.notif-pref-item:hover {
  background: #f7f5f1;
  border-color: #dcd6cc;
}
.notif-pref-item input[type="checkbox"] {
  margin-top: 3px;
  accent-color: var(--red);
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.notif-pref-text {
  display: grid;
  gap: 2px;
  font-size: 13px;
}
.notif-pref-text strong {
  font-weight: 600;
  color: var(--ink);
}
.notif-pref-text small {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.4;
}

/* 5. PÁGINA DA CAMPANHA LOJAS CENTRO */
.campaign-main {
  padding-bottom: 95px;
}
.campaign-hero-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}
.campaign-img-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9.5;
  max-height: 380px;
  overflow: hidden;
  background: #1a2f50;
}
.campaign-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.campaign-floating-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(0,0,0,0.7);
  color: white;
  backdrop-filter: blur(8px);
  padding: 5px 12px;
  border-radius: 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
}
.campaign-hero-content {
  padding: 24px;
}
.campaign-sponsor-tag {
  display: flex;
  gap: 10px;
  font-size: 11px;
  font-weight: 700;
  color: #0066cc;
  margin-bottom: 6px;
}
.campaign-title {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  margin: 4px 0 8px;
  color: var(--ink);
  letter-spacing: -0.02em;
}
.campaign-category-tag {
  font-size: 13px;
  color: var(--muted);
  margin: 0 0 12px;
}
.campaign-desc {
  font-size: 14px;
  line-height: 1.65;
  color: #4a463e;
  margin: 0 0 20px;
}
.campaign-cta-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.campaign-footer-notice {
  margin-top: 36px;
  padding: 20px;
  background: #faf8f5;
  border-radius: 16px;
  border: 1px solid var(--line);
  text-align: center;
}

/* RESPONSIVIDADE ESPECÍFICA MOBILE (<700px) */
@media(max-width:700px) {
  .notif-hero {
    padding: 18px 16px 18px;
    border-radius: 20px;
  }
  .notif-title {
    font-size: 20px;
  }
  .notif-cards-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .ad-banner-centro {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }
  .ad-banner-media {
    min-height: 190px;
    aspect-ratio: 16/10;
  }
  .ad-banner-body {
    padding: 18px 16px;
  }
  .ad-headline {
    font-size: 20px;
  }
  .deals-title {
    font-size: 17px;
    line-height: 1.35;
  }
  .campaign-hero-content {
    padding: 18px 16px;
  }
  .campaign-title {
    font-size: 22px;
  }
}


/* TAAQUI_REELS_V1 — vídeos verticais */
.taaqui-video-reel > video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #111;
}

.taaqui-video-reel .reel-content {
  pointer-events: none;
}

.taaqui-sound {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 5;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0,0,0,.55);
  color: white;
  font-size: 21px;
  display: grid;
  place-items: center;
}

.taaqui-video-reel {
  background: #111;
}


/* TAAQUI_MINI_REELS_V1 */

.taaqui-mini-reels {
  position: fixed;
  left: 22px;
  bottom: 100px;
  width: 175px;
  height: 285px;
  border-radius: 18px;
  overflow: hidden;
  background: #111;
  z-index: 19;
  box-shadow: 0 10px 35px rgba(0,0,0,.32);
  border: 2px solid rgba(255,255,255,.85);
}

.taaqui-mini-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.taaqui-mini-reels::after {
  content: '';
  position: absolute;
  inset: 55% 0 0;
  background: linear-gradient(transparent,rgba(0,0,0,.75));
  pointer-events: none;
}

.taaqui-mini-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 4;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.8);
  color: #fff;
  border-radius: 50%;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.taaqui-mini-audio {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 4;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.7);
  color: #fff;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
}

.taaqui-mini-open {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 12px;
  z-index: 4;
  color: white;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.taaqui-mini-open span {
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}

.taaqui-mini-open strong {
  font-size: 13px;
}

@media(max-width:700px) {
  .taaqui-mini-reels {
    left: 10px;
    bottom: 88px;
    width: 132px;
    height: 215px;
    border-radius: 14px;
  }

  .taaqui-mini-open strong {
    font-size: 11px;
  }
}


/* TAAQUI_VISUAL_ETAPAS_2_3 */

/* CLASSIFICADOS — ESTILO MARKETPLACE */

.home-market {
  background: #fff;
  border-radius: 20px;
}

.home-market .grid,
.market-shell .grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 12px;
}

.home-market .card,
.market-shell .card {
  min-width: 0;
}

.home-market .card .photo,
.market-shell .card .photo {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
  background: #f1f2f4;
}

.home-market .card img,
.market-shell .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-market .card .price,
.market-shell .card .price {
  font-size: 17px;
  font-weight: 800;
  margin: 8px 0 3px;
}

.home-market .card .title,
.market-shell .card .title {
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
}

.home-market .card .muted,
.market-shell .card .muted {
  font-size: 11px;
  margin-top: 4px;
}

/* DESCOBERTAS — EXPLORAÇÃO VISUAL */

.editorial-grid {
  gap: 14px;
}

.editorial {
  overflow: hidden;
  border-radius: 16px;
  transition: transform .2s ease, box-shadow .2s ease;
}

.editorial:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

.editorial .sprite {
  transition: transform .3s ease;
}

.editorial:hover .sprite {
  transform: scale(1.04);
}

/* CORRIDAS — DOIS MAPAS EM PARTES IGUAIS */

.ride-shell {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  overflow: hidden;
}

.ride-shell .maps {
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  flex: 1;
  min-height: 0;
  gap: 8px;
}

.ride-shell .map {
  min-height: 0;
  height: 100%;
  overflow: hidden;
  border-radius: 14px;
}

.ride-shell .ride-form {
  flex-shrink: 0;
}

/* RESPONSIVIDADE */

@media (max-width: 700px) {
  .home-market .grid,
  .market-shell .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 10px;
  }

  .home-market .card .price,
  .market-shell .card .price {
    font-size: 16px;
  }

  .editorial-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .ride-shell {
    height: 100dvh;
  }

  .ride-shell .maps {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  }
}


/* TAAQUI_FADE_BANNERS_V1 */

/*
  Transição fotográfica suave.
  A imagem mantém 90% de sua área intacta.
  O esmaecimento ocupa somente os últimos 10%.
*/

.taaqui-fade-banner {
  display: flex;
  overflow: hidden;
  background: #fff;
  border: none;
}

.taaqui-fade-banner .taaqui-fade-photo {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
}

.taaqui-fade-banner .taaqui-fade-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  -webkit-mask-image:
    linear-gradient(
      to right,
      #000 0%,
      #000 90%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to right,
      #000 0%,
      #000 90%,
      transparent 100%
    );
}

.taaqui-fade-banner .taaqui-fade-content {
  background: #fff;
  border: none;
}

/* Quando a fotografia estiver à direita */

.taaqui-fade-banner.photo-right
.taaqui-fade-photo img {

  -webkit-mask-image:
    linear-gradient(
      to left,
      #000 0%,
      #000 90%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to left,
      #000 0%,
      #000 90%,
      transparent 100%
    );
}

/* Quando a fotografia estiver acima do texto */

.taaqui-fade-banner.photo-top {
  flex-direction: column;
}

.taaqui-fade-banner.photo-top
.taaqui-fade-photo img {

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      #000 0%,
      #000 90%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to bottom,
      #000 0%,
      #000 90%,
      transparent 100%
    );
}



/* TAAQUI_PIP_LAYOUT_SUPERIOR_V1 */

.taaqui-mini-reels {
  display: flex !important;
  flex-direction: column !important;
  position: fixed !important;
  overflow: visible !important;
  background: #ffffff !important;
  border: 1px solid #e9e9e9 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.14) !important;
}

/* Cabeçalho acima do vídeo */
.taaqui-mini-reels .taaqui-mini-open {
  order: -1 !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  min-height: 55px !important;
  margin: 0 !important;
  padding: 9px 22px 8px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 3px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 18px 18px 0 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  cursor: pointer !important;
}

.taaqui-mini-reels .taaqui-mini-open span {
  color: #d71920 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -.15px !important;
  white-space: nowrap !important;
}

.taaqui-mini-reels .taaqui-mini-open strong {
  color: #b91c1c !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

/* Vídeo abaixo do cabeçalho */
.taaqui-mini-reels .taaqui-mini-video {
  order: 1 !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: cover !important;
  border-radius: 0 0 17px 17px !important;
  flex-shrink: 0 !important;
}

/* Fechar: pequeno e discreto */
.taaqui-mini-reels .taaqui-mini-close {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  left: auto !important;
  bottom: auto !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #d71920 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 24px !important;
  z-index: 20 !important;
}

/* Áudio permanece acessível */
.taaqui-mini-reels .taaqui-mini-audio {
  z-index: 10 !important;
}

/* FIM_TAAQUI_PIP_LAYOUT_SUPERIOR_V1 */


/* TAAQUI_PIP_AJUSTE_FINAL_V1 */

/* Cartão flutuante acima dos demais elementos */
.taaqui-mini-reels {
  position: fixed !important;
  z-index: 2147483000 !important;
  width: 160px !important;
  height: auto !important;
  max-width: calc(100vw - 24px) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  background: #fff !important;
  border: 1px solid #e9e9e9 !important;
  border-radius: 15px !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.18) !important;
  isolation: isolate !important;
}

/* Cabeçalho branco compacto */
.taaqui-mini-reels .taaqui-mini-open {
  order: -1 !important;
  position: relative !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  padding: 8px 5px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  background: #fff !important;
  border: none !important;
  border-radius: 15px 15px 0 0 !important;
  text-align: center !important;
  overflow: hidden !important;
}

/* Título vermelho sem ultrapassar a largura */
.taaqui-mini-reels .taaqui-mini-open span {
  display: block !important;
  width: 100% !important;
  color: #d71920 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -.3px !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

/* Chamada secundária */
.taaqui-mini-reels .taaqui-mini-open strong {
  display: block !important;
  color: #d71920 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Vídeo proporcional, abaixo do cabeçalho */
.taaqui-mini-reels .taaqui-mini-video {
  order: 1 !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: cover !important;
  border-radius: 0 0 14px 14px !important;
}

/* Botão de fechar menor */
.taaqui-mini-reels .taaqui-mini-close {
  position: absolute !important;
  top: -9px !important;
  right: -9px !important;
  left: auto !important;
  bottom: auto !important;
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  min-height: 23px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #d71920 !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 23px !important;
  z-index: 30 !important;
}

/* Áudio fica sobre o vídeo, nunca sobre o texto */
.taaqui-mini-reels .taaqui-mini-audio {
  position: absolute !important;
  top: 60px !important;
  right: 6px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 20 !important;
  width: 27px !important;
  height: 27px !important;
  min-width: 27px !important;
  min-height: 27px !important;
  padding: 0 !important;
  font-size: 14px !important;
  border-radius: 50% !important;
}

/* FIM_TAAQUI_PIP_AJUSTE_FINAL_V1 */


/* TAAQUI_PIP_ROUNDED_20_V1 */

/* Cartão principal */
.taaqui-mini-reels {
  border-radius: 20px !important;
  overflow: visible !important;
}

/* Cabeçalho superior */
.taaqui-mini-reels .taaqui-mini-open {
  border-radius: 20px 20px 0 0 !important;
}

/* Vídeo com cantos inferiores arredondados */
.taaqui-mini-reels .taaqui-mini-video {
  border-radius: 0 0 20px 20px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 0 0 20px 20px) !important;
}

/* FIM_TAAQUI_PIP_ROUNDED_20_V1 */


/* TAAQUI_PIP_CANTOS_CORRECAO_V2 */

/* Cartão completo */
.taaqui-mini-reels {
  border-radius: 20px !important;
  background: #fff !important;
  border: 0 !important;
  overflow: visible !important;
}

/* Remove possíveis fundos quadrados */
.taaqui-mini-reels::before,
.taaqui-mini-reels::after {
  content: none !important;
  display: none !important;
}

/* Cabeçalho */
.taaqui-mini-reels .taaqui-mini-open {
  border-radius: 20px 20px 0 0 !important;
}

/* Vídeo */
.taaqui-mini-reels .taaqui-mini-video {
  display: block !important;
  border: 0 !important;
  border-radius: 0 0 20px 20px !important;
  clip-path: inset(0 round 0 0 20px 20px) !important;
  background: transparent !important;
}

/* Elimina sombras quadradas do elemento de vídeo */
.taaqui-mini-reels video {
  box-shadow: none !important;
}

/* Mantém os controles visíveis */
.taaqui-mini-reels .taaqui-mini-close,
.taaqui-mini-reels .taaqui-mini-audio {
  z-index: 30 !important;
}

/* TAAQUI_PIP_CORES_TEXTO_V1 */

.taaqui-mini-reels .taaqui-mini-open strong {
  color: #555555 !important;
}

.taaqui-mini-reels .taaqui-mini-open strong .taaqui-seta-vermelha {
  color: #d71920 !important;
  font-size: inherit !important;
  font-weight: 700 !important;
}


/* TAAQUI_PIP_TIPOGRAFIA_REFERENCIA_V1 */

/* Título inspirado no destaque "na sua região" */
.taaqui-mini-reels .taaqui-mini-open > span {
  font-weight: 800 !important;
  color: #d71920 !important;
}

/* Frase e seta sempre na mesma linha */
.taaqui-mini-reels .taaqui-mini-open > strong {
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;
  color: #555555 !important;
  font-size: 10px !important;
  text-align: center !important;
}

/* Somente a seta vermelha */
.taaqui-mini-reels .taaqui-mini-open > strong .taaqui-seta-vermelha {
  display: inline !important;
  width: auto !important;
  color: #d71920 !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}


/* TAAQUI_PIP_TITULO_GRIFADO_V1 */

/* Destaque semelhante ao "na sua região" */
.taaqui-mini-reels .taaqui-mini-open > span {
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 3px 5px !important;
  background: #ffe8e6 !important;
  color: #fa382e !important;
  border-radius: 7px !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  font-weight: 800 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* Mantém a frase secundária separada */
.taaqui-mini-reels .taaqui-mini-open > strong {
  display: block !important;
  width: 100% !important;
  color: #555555 !important;
  white-space: nowrap !important;
  font-size: 10px !important;
  margin-top: 2px !important;
}

/* Seta vermelha */
.taaqui-mini-reels .taaqui-mini-open > strong .taaqui-seta-vermelha {
  display: inline !important;
  width: auto !important;
  color: #d71920 !important;
  background: transparent !important;
}


/* TAAQUI_PIP_GRIFO_SOMENTE_PALAVRAS_V2 */

/* O título deixa de ocupar a largura inteira */
.taaqui-mini-reels .taaqui-mini-open > span {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  padding: 1px 4px !important;
  margin: 0 !important;
  background: #ffe8e6 !important;
  color: #fa382e !important;
  border-radius: 5px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

/* Cabeçalho compacto */
.taaqui-mini-reels .taaqui-mini-open {
  height: auto !important;
  min-height: 52px !important;
  padding: 8px 5px !important;
  gap: 3px !important;
}

/* Frase e seta juntas */
.taaqui-mini-reels .taaqui-mini-open > strong {
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;
  color: #555555 !important;
  font-size: 10px !important;
  margin: 0 !important;
}

/* Seta vermelha */
.taaqui-mini-reels .taaqui-mini-open > strong .taaqui-seta-vermelha {
  display: inline !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  color: #d71920 !important;
}


/* TAAQUI_PIP_GRIFO_MARCA_TEXTO_V3 */

/* Grifo igual ao efeito de "na sua região" */
.taaqui-mini-reels .taaqui-mini-open > span {
  display: inline !important;
  width: auto !important;
  max-width: none !important;

  /* Fundo somente na parte inferior das letras */
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 53%,
    #ffe8e6 53%,
    #ffe8e6 100%
  ) !important;

  color: #fa382e !important;
  border-radius: 0 !important;
  padding: 0 3px !important;
  margin: 0 !important;

  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;

  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}


/* TAAQUI_PIP_DESTAQUE_HOJE_V1 */

/* Remove o grifo aplicado anteriormente ao título inteiro */
.taaqui-mini-reels .taaqui-mini-open > span {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Grifo apenas em OFERTAS ROLANDO */
.taaqui-mini-reels .taaqui-ofertas-grifo {
  display: inline !important;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 53%,
    #ffe8e6 53%,
    #ffe8e6 100%
  ) !important;
  color: #fa382e !important;
  font-weight: 800 !important;
  padding: 0 2px !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

/* HOJE em amarelo-ouro, sem grifo */
.taaqui-mini-reels .taaqui-ofertas-hoje {
  display: inline !important;
  background: transparent !important;
  color: #f5a900 !important;
  font-weight: 900 !important;
  letter-spacing: -.2px !important;
  padding: 0 !important;
}


/* TAAQUI_PIP_TITULO_LINHA_V2 */

/* Título em uma linha */
.taaqui-mini-reels .taaqui-mini-open > .taaqui-titulo-linha {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  width: 100% !important;
  white-space: nowrap !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Marca-texto apenas em OFERTAS ROLANDO */
.taaqui-mini-reels .taaqui-mini-open .taaqui-ofertas-grifo {
  display: inline !important;
  width: auto !important;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 53%,
    #ffe8e6 53%,
    #ffe8e6 100%
  ) !important;
  color: #fa382e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  padding: 0 2px !important;
}

/* HOJE amarelo-ouro */
.taaqui-mini-reels .taaqui-mini-open .taaqui-ofertas-hoje {
  display: inline !important;
  width: auto !important;
  background: transparent !important;
  color: #e5a000 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  padding: 0 !important;
}


/* TAAQUI_TRANSICAO_REAL_LOJAS_CENTRO_V1 */

/* Fundo branco contínuo entre imagem e conteúdo */
.ad-banner-centro {
  background: #fff !important;
}

/* Permite que a imagem avance sobre o início da área branca */
@media (min-width: 701px) {
  .ad-banner-centro {
    grid-template-columns: 57% 43% !important;
  }

  .ad-banner-media {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
    background: #fff !important;
  }

  .ad-banner-media .ad-centro-img {
    position: absolute !important;
    inset: 0 !important;
    width: calc(100% + 55px) !important;
    height: 100% !important;
    object-fit: cover !important;

    -webkit-mask-image: linear-gradient(
      to right,
      #000 0%,
      #000 90%,
      transparent 100%
    ) !important;

    mask-image: linear-gradient(
      to right,
      #000 0%,
      #000 90%,
      transparent 100%
    ) !important;
  }

  .ad-banner-body {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
    padding-left: 75px !important;
  }
}

/* Mantém o selo de publicidade acima da fotografia */
.ad-banner-media .ad-tag-floating {
  position: absolute !important;
  z-index: 3 !important;
}


/* TAAQUI_TRANSICAO_MOBILE_LOJAS_CENTRO_V1 */

@media (max-width: 700px) {

  /* Mantém a organização vertical do banner */
  .ad-banner-centro {
    display: grid !important;
    grid-template-columns: 1fr !important;
    background: #ffffff !important;
  }

  /* Área da fotografia */
  .ad-banner-centro .ad-banner-media {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  /* Fotografia desaparecendo nos últimos 10% */
  .ad-banner-centro .ad-banner-media .ad-centro-img {
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 90%,
      transparent 100%
    ) !important;

    mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 90%,
      transparent 100%
    ) !important;
  }

  /* Campo branco com textos totalmente nítidos */
  .ad-banner-centro .ad-banner-body {
    position: relative !important;
    z-index: 2 !important;
    background: #ffffff !important;
  }

  /* Selo permanece visível */
  .ad-banner-centro .ad-tag-floating {
    z-index: 3 !important;
  }
}

/* TAAQUI_UNIDADES_LOJAS_CENTRO_V1 */
.ad-centro-unidades {
  display: inline-block;
  margin-top: 5px;
  color: #555555;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}


/* TAAQUI_LOJAS_CENTRO_ORGANIZACAO_V1 */

/* Organização vertical dos elementos */
.ad-banner-centro .ad-banner-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 12px !important;
}

/* Nome da loja */
.ad-banner-centro .ad-brand-name {
  margin: 0 !important;
}

/* Faixa única com as cidades */
.ad-banner-centro .ad-centro-cidades {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  border-radius: 20px !important;
  background: #eaf2ff !important;
  color: #174a87 !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: clamp(9px, 1vw, 13px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Ponto amarelo pulsante */
.ad-banner-centro .ad-centro-ponto {
  display: inline-block !important;
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  border-radius: 50% !important;
  background: #ffcc00 !important;
  box-shadow: 0 0 0 0 rgba(255, 204, 0, .5);
  animation: taaqui-ponto-pulsar 1.8s ease-out infinite;
}

@keyframes taaqui-ponto-pulsar {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 204, 0, .5);
  }
  65% {
    box-shadow: 0 0 0 7px rgba(255, 204, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 204, 0, 0);
  }
}

/* Título promocional */
.ad-banner-centro .ad-headline {
  margin: 4px 0 0 !important;
}

/* Descrição */
.ad-banner-centro .ad-subhead {
  margin: 0 !important;
}

/* Botão */
.ad-banner-centro .ad-footer-row {
  margin: 8px 0 0 !important;
}

/* Aviso abaixo do botão */
.ad-banner-centro .ad-centro-hoje {
  display: inline-block !important;
  margin-top: 2px !important;
  color: #e53935 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
}

/* Ajustes para celular */
@media (max-width: 700px) {
  .ad-banner-centro .ad-banner-body {
    gap: 10px !important;
  }

  .ad-banner-centro .ad-centro-cidades {
    font-size: clamp(8px, 2.7vw, 12px) !important;
    padding: 8px 10px !important;
    gap: 6px !important;
  }
}

/* Respeita preferência por movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  .ad-banner-centro .ad-centro-ponto {
    animation: none !important;
  }
}


/* TAAQUI_LOJAS_CENTRO_DESTAQUES_V2 */

/* Grifo rosa apenas na palavra Promoção */
.ad-banner-centro .ad-promocao-grifada {
  display: inline !important;
  color: #fa382e !important;
  font: inherit !important;
  font-weight: 800 !important;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 53%,
    #ffe8e6 53%,
    #ffe8e6 100%
  ) !important;
  padding: 0 3px !important;
  border-radius: 0 !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

/* Faixa das unidades: vermelho com 80% de opacidade */
.ad-banner-centro .ad-centro-cidades {
  background: rgba(220, 38, 38, 0.8) !important;
  color: #ffffff !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
}

/* Mantém todos os textos da faixa brancos */
.ad-banner-centro .ad-centro-cidades > span:not(.ad-centro-ponto) {
  color: #ffffff !important;
}

/* Ponto amarelo permanece amarelo e pulsante */
.ad-banner-centro .ad-centro-ponto {
  background: #ffcc00 !important;
}

/* FIM_TAAQUI_LOJAS_CENTRO_DESTAQUES_V2 */


/* TAAQUI_PULSO_BANNER_COMPLETO_V1 */

/* Pulsação de todo o cartão publicitário */
.ad-banner-centro {
  position: relative !important;
  transform-origin: center center !important;
  animation: taaqui-pulso-banner-completo 2s ease-in-out infinite !important;
}

@keyframes taaqui-pulso-banner-completo {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
  }

  50% {
    transform: scale(1.02);
    box-shadow:
      0 14px 42px rgba(220, 38, 38, 0.22),
      0 0 0 5px rgba(220, 38, 38, 0.14);
  }
}

/* Evita que a faixa vermelha pulse separadamente.
   O ponto amarelo continua com sua própria animação. */
.ad-banner-centro .ad-centro-cidades {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

/* Respeita a preferência de acessibilidade */
@media (prefers-reduced-motion: reduce) {
  .ad-banner-centro {
    animation: none !important;
  }

  .ad-banner-centro .ad-centro-ponto {
    animation: none !important;
  }
}

/* TAAQUI_BANNER_CHESP_V1 */
.taaqui-banner-chesp {
  width: 100%;
  margin: 20px 0;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #eeeae5;
}

.taaqui-banner-chesp img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 700px) {
  .taaqui-banner-chesp {
    margin: 16px 0;
    border-radius: 20px;
  }
}


/* TAAQUI_CHESP_SEM_MOLDURA_EXTERNA */
.taaqui-banner-chesp {
  display: block !important;
  width: 100% !important;
  margin: 20px 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.taaqui-banner-chesp img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 20px !important;
  object-fit: contain !important;
  box-shadow: none !important;
}

@media (max-width: 700px) {
  .taaqui-banner-chesp {
    margin: 16px 0 !important;
  }
}


/* TAAQUI_HOME_ORDEM_NOTIFICACOES_V1 */

.taaqui-home-pesquisa {
  width: 100%;
  margin: 24px 0;
}

.taaqui-home-pesquisa .searchbar {
  width: 100%;
  max-width: none;
}

.taaqui-nav-atualizada {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: center;
}

.taaqui-nav-atualizada > button {
  min-width: 0;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.taaqui-nav-atualizada > button > span:last-child {
  font-size: clamp(9px, 1.8vw, 12px);
}

.taaqui-bell-wrap {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
}

.taaqui-bell-dot {
  position: absolute;
  right: 0;
  top: 0;
  width: 9px;
  height: 9px;
  background: #f83b29;
  border: 2px solid white;
  border-radius: 50%;
}

.taaqui-notifications-page {
  padding-bottom: 100px;
}

.taaqui-notifications-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 22px 0;
}

.taaqui-notifications-symbol {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  background: #fff0ed;
  border-radius: 18px;
  font-size: 26px;
}

.taaqui-notifications-heading h2 {
  margin: 0 0 6px;
}

.taaqui-notifications-heading p,
.taaqui-notifications-info p {
  color: #666;
  line-height: 1.6;
}

.taaqui-notifications-info {
  background: white;
  border: 1px solid #eeeae5;
  border-radius: 20px;
  padding: 24px;
  margin: 24px 0;
}

@media(max-width: 700px) {
  .taaqui-home-pesquisa {
    margin: 16px 0;
  }

  .taaqui-nav-atualizada > button > span:last-child {
    font-size: 9px !important;
  }

  .taaqui-notifications-info {
    padding: 18px;
  }
}


/* TAAQUI_RODAPE_CORRECAO_V2 */

/* Distribuição exata dos seis itens */
nav.taaqui-nav-atualizada {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    gap: 0 !important;
    overflow: visible !important;
}

/* Cada item respeita sua própria coluna */
nav.taaqui-nav-atualizada > button {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 8px 1px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    text-align: center !important;
}

/* Textos centralizados, sem ultrapassar as colunas */
nav.taaqui-nav-atualizada > button > span:last-child {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.15px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

/* Ícones centralizados */
nav.taaqui-nav-atualizada > button > svg,
nav.taaqui-nav-atualizada > button > .taaqui-bell-wrap {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Sino */
nav.taaqui-nav-atualizada .taaqui-bell-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    overflow: visible !important;
}

/* Bolinha vermelha com o número 1 */
nav.taaqui-nav-atualizada .taaqui-bell-dot {
    position: absolute !important;
    top: -6px !important;
    right: -8px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: #e50914 !important;
    color: #ffffff !important;

    border: 2px solid #ffffff !important;
    border-radius: 50% !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 1 !important;

    z-index: 10 !important;
    box-sizing: border-box !important;
}

/* Telas pequenas */
@media (max-width: 400px) {
    nav.taaqui-nav-atualizada {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    nav.taaqui-nav-atualizada > button > span:last-child {
        font-size: 9px !important;
        letter-spacing: -0.25px !important;
    }
}

/* TAAQUI_RODAPE_ESPACAMENTO_10PX_V1 */

/* Reserva exatamente 10px nas laterais do menu */
nav.taaqui-nav-atualizada {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

/* Mantém os seis botões dentro da área disponível */
nav.taaqui-nav-atualizada > button {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Mantém os 10px também nos celulares menores */
@media (max-width: 400px) {
    nav.taaqui-nav-atualizada {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* TAAQUI_RODAPE_ESPACAMENTO_5PX_V1 */
nav.taaqui-nav-atualizada {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

@media (max-width: 400px) {
    nav.taaqui-nav-atualizada {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* TAAQUI_PESQUISA_VERMELHA_V1 */

/* Barra de pesquisa da Home */
.taaqui-home-pesquisa .searchbar {
    border: 1.5px solid #e53935 !important;
    border-radius: 12px !important;
    background: #ffffff !important;

    box-shadow:
        0 3px 12px rgba(229, 57, 53, 0.14),
        0 0 5px rgba(229, 57, 53, 0.08) !important;

    overflow: hidden !important;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Destaque suave ao selecionar o campo */
.taaqui-home-pesquisa .searchbar:focus-within {
    border-color: #d62828 !important;

    box-shadow:
        0 4px 18px rgba(229, 57, 53, 0.24),
        0 0 0 3px rgba(229, 57, 53, 0.08) !important;
}

/* Campo interno sem bordas próprias */
.taaqui-home-pesquisa .searchbar input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    min-width: 0 !important;
}

/* Mantém os cantos arredondados no celular */
@media (max-width: 700px) {
    .taaqui-home-pesquisa .searchbar {
        border-radius: 12px !important;
    }
}

/* TAAQUI_SETA_PESQUISA_V1 */

.taaqui-home-pesquisa .searchbar button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 36px !important;
    min-width: 38px !important;

    margin: 4px !important;
    padding: 0 !important;

    background: #f83b29 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 8px !important;

    font-size: 21px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.taaqui-home-pesquisa .searchbar button:hover {
    background: #d62828 !important;
}


/* ÍCONES 3D — TAAQUI */
.categories .cat .tile.taaqui-nicho-3d {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: clamp(58px, 18vw, 78px) !important;
    height: clamp(58px, 18vw, 78px) !important;
    padding: 0 !important;
    margin: 0 auto 7px !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.categories .cat .tile.taaqui-nicho-3d img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}


/* TAAQUI — REMOVER MOLDURA EXTERNA DOS NICHOS 3D */

/* Remove a aparência de cartão do botão */
.categories .cat {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove a moldura do contêiner do ícone */
.categories .cat .tile.taaqui-nicho-3d {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 50% !important;
}

/* Mantém apenas o círculo original da imagem */
.categories .cat .tile.taaqui-nicho-3d img {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

/* Evita molduras adicionais em interações */
.categories .cat:hover,
.categories .cat:active {
    background: transparent !important;
    box-shadow: none !important;
}



/* TAAQUI_SMART_HOME_V2 */

.taaqui-smart-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:22px 0 28px;
}

.taaqui-smart-card{
    position:relative;
    min-height:218px;
    border:0 !important;
    border-radius:27px !important;
    overflow:hidden;
    padding:0;
    text-align:left;
    cursor:pointer;
    isolation:isolate;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.taaqui-smart-card:hover{
    transform:translateY(-2px);
}

/* COMPARE PREÇOS */

.taaqui-price-card{
    background:
        radial-gradient(circle at 90% 0%,
        rgba(255,255,255,.08),transparent 32%),
        linear-gradient(145deg,#28282b,#1d1d1f);
    color:#fff;
    padding:21px;
    box-shadow:0 18px 38px rgba(22,22,24,.14);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.taaqui-card-icon{
    width:49px;
    height:49px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:#353538;
    color:white;
}

.taaqui-card-icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.taaqui-price-copy h3{
    margin:0 0 8px;
    color:white;
    font-size:clamp(23px,3vw,32px);
    line-height:1.02;
    letter-spacing:-.04em;
    font-weight:800;
}

.taaqui-price-copy p{
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:15px;
    line-height:1.35;
}

/* CARD DA VIAGEM */

.taaqui-trip-card{
    background:#eaf3ec;
    box-shadow:0 18px 38px rgba(59,83,105,.12);
}

.taaqui-map-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:
        radial-gradient(circle at 17% 22%,#cfe8c5 0 14%,transparent 15%),
        radial-gradient(circle at 84% 19%,#d2ebca 0 12%,transparent 13%),
        linear-gradient(145deg,#eef5e9 0%,#eef3ec 46%,#e2f1f9 100%);
}

.map-block{
    position:absolute;
    border-radius:12px;
    background:#f5e5c6;
    opacity:.85;
}

.block-a{
    width:82px;
    height:45px;
    left:20px;
    top:16px;
    transform:rotate(-8deg);
}

.block-b{
    width:94px;
    height:52px;
    right:18px;
    top:52px;
    transform:rotate(9deg);
}

.block-c{
    width:74px;
    height:48px;
    left:43%;
    top:89px;
    transform:rotate(-12deg);
}

.map-road{
    position:absolute;
    background:white;
    border-radius:999px;
    box-shadow:0 0 0 4px rgba(220,225,217,.65);
}

.road-1{
    width:190px;
    height:13px;
    left:-30px;
    top:64px;
    transform:rotate(-15deg);
}

.road-2{
    width:210px;
    height:14px;
    right:-42px;
    top:99px;
    transform:rotate(17deg);
}

.road-3{
    width:14px;
    height:190px;
    left:55%;
    top:-26px;
    transform:rotate(9deg);
}

.road-4{
    width:180px;
    height:12px;
    left:10px;
    bottom:46px;
    transform:rotate(13deg);
}

.map-route{
    position:absolute;
    width:128px;
    height:55px;
    left:26%;
    top:52px;
    border:4px dashed #ff6057;
    border-color:#ff6057 transparent transparent #ff6057;
    border-radius:48% 0 0 0;
    transform:rotate(-4deg);
}

.map-pin{
    position:absolute;
    width:17px;
    height:17px;
    border:4px solid white;
    border-radius:50% 50% 50% 0;
    transform:rotate(-45deg);
    box-shadow:0 3px 9px rgba(30,52,67,.18);
}

.map-pin-a{
    left:27%;
    top:59px;
    background:#45b86a;
}

.map-pin-b{
    right:24%;
    top:92px;
    background:#ff504c;
}

/* Glass ocupa praticamente metade inferior do mapa */

.taaqui-trip-glass{
    position:absolute;
    left:12px;
    right:12px;
    bottom:12px;
    min-height:48%;
    padding:16px 17px 15px;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    border:1px solid rgba(255,255,255,.58);
    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.58),
            rgba(255,255,255,.27)
        );

    -webkit-backdrop-filter:
        blur(17px)
        saturate(145%);

    backdrop-filter:
        blur(17px)
        saturate(145%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        0 10px 28px rgba(51,74,96,.12);
}

.taaqui-trip-glass > span{
    color:#647587;
    font-size:11px;
    font-weight:700;
    margin-bottom:8px;
}

.taaqui-trip-glass h3{
    margin:0 0 7px;
    color:#20252b;
    font-size:clamp(22px,3vw,31px);
    line-height:1.03;
    letter-spacing:-.04em;
    font-weight:800;
}

.taaqui-trip-glass p{
    margin:0;
    color:#596979;
    font-size:14px;
    line-height:1.3;
}


/* ==================================================
   RODAPÉ — ESTILO DA REFERÊNCIA
   ================================================== */

.nav{
    height:90px !important;
    padding:
        8px
        8px
        max(8px,env(safe-area-inset-bottom))
        8px !important;

    gap:2px !important;

    background:
        rgba(255,255,255,.94) !important;

    border-top:
        1px solid #eeeeee !important;

    -webkit-backdrop-filter:
        blur(18px) saturate(150%) !important;

    backdrop-filter:
        blur(18px) saturate(150%) !important;
}

.nav button{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:5px !important;

    font-size:10px !important;
    font-weight:700 !important;

    color:#29292c !important;
}

/* quadrado arredondado escuro igual à inspiração */

.nav button .icon{
    width:44px !important;
    height:44px !important;

    margin:0 !important;

    display:grid !important;
    place-items:center !important;

    border:none !important;
    border-radius:15px !important;

    color:white !important;

    background:#29292b !important;

    box-shadow:none !important;
}

/* tira a antiga bolha redonda flutuante */

.nav button.active .icon{
    width:44px !important;
    height:44px !important;

    margin:0 !important;

    box-sizing:border-box !important;

    border:0 !important;
    border-radius:15px !important;

    color:white !important;

    background:
        linear-gradient(145deg,#f52f39,#ff5a43) !important;

    box-shadow:
        0 5px 13px rgba(242,54,63,.22) !important;
}

.nav button .icon svg{
    width:22px !important;
    height:22px !important;
    stroke-width:2 !important;
}

.nav button.active{
    color:#e72f36 !important;
}

/* neutraliza estilos especiais dos classificados */

.market-shell .nav{
    background:rgba(255,255,255,.94) !important;
    border-top:1px solid #eeeeee !important;
}

.market-shell .nav button{
    color:#29292c !important;
}

.market-shell .nav button.active{
    color:#e72f36 !important;
}

.market-shell .nav button.active:before{
    display:none !important;
}

.market-shell .nav button.active .icon{
    width:44px !important;
    height:44px !important;
    border-radius:15px !important;
    background:
        linear-gradient(145deg,#f52f39,#ff5a43) !important;
    color:white !important;
}


/* MOBILE */

@media(max-width:700px){

    .taaqui-smart-actions{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin:18px 0 25px;
    }

    .taaqui-smart-card{
        min-height:186px;
        border-radius:22px !important;
    }

    .taaqui-price-card{
        padding:16px;
    }

    .taaqui-card-icon{
        width:42px;
        height:42px;
        border-radius:14px;
    }

    .taaqui-card-icon svg{
        width:23px;
        height:23px;
    }

    .taaqui-price-copy h3,
    .taaqui-trip-glass h3{
        font-size:19px;
    }

    .taaqui-price-copy p,
    .taaqui-trip-glass p{
        font-size:12px;
    }

    .taaqui-trip-glass{
        left:9px;
        right:9px;
        bottom:9px;

        min-height:49%;

        padding:12px;

        border-radius:17px;
    }

    .taaqui-trip-glass > span{
        font-size:9px;
        margin-bottom:6px;
    }

    .nav{
        height:86px !important;
    }

    .nav button .icon,
    .nav button.active .icon,
    .market-shell .nav button.active .icon{
        width:42px !important;
        height:42px !important;
        border-radius:14px !important;
    }

    .nav button{
        font-size:9px !important;
        gap:4px !important;
    }
}



/* TAAQUI_OFFERS_V3 */

.taaqui-offers-v3{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:15px;
margin:8px 0 32px;
}

.taaqui-offer-v3{
border:0 !important;
padding:0 !important;
overflow:hidden;
background:#fff !important;
border-radius:20px !important;
text-align:left;
cursor:pointer;
box-shadow:0 5px 20px rgba(24,29,34,.09);
transition:.18s ease;
}

.taaqui-offer-v3:hover{
transform:translateY(-3px);
box-shadow:0 9px 27px rgba(24,29,34,.13);
}

.taaqui-offer-image{
position:relative;
aspect-ratio:1.13/1;
overflow:hidden;
background:#f4f4f4;
}

.taaqui-offer-image > img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}

.taaqui-offer-logo{
position:absolute;
top:10px;
right:10px;
width:51px;
height:51px;
padding:4px;
display:grid;
place-items:center;
border-radius:15px;
background:rgba(255,255,255,.95);
box-shadow:0 5px 15px rgba(20,25,31,.15);
}

.taaqui-offer-logo img{
width:100%;
height:100%;
object-fit:contain;
border-radius:10px;
}

.taaqui-discount{
position:absolute;
top:10px;
left:10px;
padding:7px 9px;
border-radius:15px 15px 15px 4px;
background:linear-gradient(145deg,#ff3838,#e80015);
color:white;
font-weight:900;
font-size:13px;
line-height:1;
box-shadow:0 4px 13px rgba(238,22,37,.25);
}

.taaqui-offer-promo{
position:absolute;
left:10px;
bottom:10px;
padding:7px 11px;
border-radius:999px;
background:#ff342e;
color:white;
font-size:11px;
font-weight:800;
box-shadow:0 4px 13px rgba(238,22,37,.20);
max-width:calc(100% - 20px);
}

.taaqui-offer-copy{
padding:12px 13px 14px;
display:flex;
flex-direction:column;
gap:4px;
}

.taaqui-offer-copy strong{
font-size:15px;
line-height:1.22;
color:#16181c;
font-weight:800;
}

.taaqui-store-name{
font-size:13px;
color:#617185;
}

.taaqui-location{
display:flex;
align-items:center;
gap:5px;
font-size:12px;
line-height:1.25;
color:#657a91;
}

.taaqui-location svg{
width:14px;
height:14px;
flex:0 0 auto;
fill:#ff3137;
}

@media(max-width:900px){

.taaqui-offers-v3{
grid-template-columns:repeat(3,minmax(0,1fr));
}

}

@media(max-width:650px){

.taaqui-offers-v3{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}

.taaqui-offer-v3{
border-radius:16px !important;
}

.taaqui-offer-logo{
width:40px;
height:40px;
top:7px;
right:7px;
border-radius:12px;
}

.taaqui-discount{
top:7px;
left:7px;
font-size:10px;
padding:6px 7px;
border-radius:12px 12px 12px 3px;
}

.taaqui-offer-promo{
left:7px;
bottom:7px;
font-size:9px;
padding:6px 8px;
}

.taaqui-offer-copy{
padding:9px 10px 11px;
}

.taaqui-offer-copy strong{
font-size:13px;
}

.taaqui-store-name,
.taaqui-location{
font-size:11px;
}

}



/* TAAQUI_PIN_AMARELO_V1 */

.taaqui-location svg path{
    fill:#ff3137 !important;
}

.taaqui-location svg circle{
    fill:#ffd447 !important;
    stroke:#fff !important;
    stroke-width:1.2px !important;
}



/* ==========================================================
   TAAQUI_SECTION_INTROS_V1
   Aberturas editoriais das seções
========================================================== */

.taaqui-section-intro{
    position:relative;

    margin:
        28px
        0
        18px;

    min-height:170px;

    padding:
        27px
        30px;

    display:flex;

    align-items:center;

    gap:20px;

    overflow:hidden;

    border-radius:28px;

    color:#fff;

    background:
        radial-gradient(
            circle at 88% 14%,
            rgba(255,255,255,.13),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #ff3b3f 0%,
            #ed1f32 52%,
            #c91328 100%
        );

    box-shadow:
        0 17px 38px rgba(214,27,45,.17);
}


/* ícone branco */

.taaqui-intro-icon{
    position:relative;

    z-index:2;

    flex:0 0 auto;

    width:61px;
    height:61px;

    display:grid;

    place-items:center;

    border-radius:20px;

    color:#fff;

    background:
        rgba(255,255,255,.13);

    border:
        1px solid rgba(255,255,255,.24);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);
}

.taaqui-intro-icon svg{
    width:30px;
    height:30px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;

    stroke-linejoin:round;
}


/* texto */

.taaqui-intro-copy{
    position:relative;
    z-index:2;

    max-width:760px;
}

.taaqui-intro-kicker{
    display:block;

    margin-bottom:7px;

    color:
        rgba(255,255,255,.76);

    font-size:11px;

    line-height:1;

    font-weight:800;

    letter-spacing:.14em;
}

.taaqui-intro-copy h2{
    margin:0 0 8px;

    color:#fff;

    font-size:
        clamp(27px,3.6vw,40px);

    line-height:1.03;

    letter-spacing:-.04em;

    font-weight:850;
}

.taaqui-intro-copy p{
    margin:0;

    max-width:700px;

    color:
        rgba(255,255,255,.89);

    font-size:
        clamp(14px,1.8vw,18px);

    line-height:1.4;

    font-weight:500;
}


/*
 Palavra destacada em amarelo.
*/

.taaqui-intro-copy p strong{
    color:#ffd84b;

    font-weight:850;
}


/* pequenas formas decorativas */

.taaqui-intro-decoration{
    position:absolute;

    inset:0;

    pointer-events:none;
}

.taaqui-intro-decoration span{
    position:absolute;

    border-radius:999px;

    border:
        1px solid rgba(255,255,255,.16);
}

.taaqui-intro-decoration span:nth-child(1){
    width:165px;
    height:165px;

    right:-42px;
    top:-70px;
}

.taaqui-intro-decoration span:nth-child(2){
    width:93px;
    height:93px;

    right:61px;
    bottom:-51px;
}

.taaqui-intro-decoration span:nth-child(3){
    width:31px;
    height:31px;

    right:151px;
    top:29px;

    background:
        rgba(255,216,75,.18);

    border-color:
        rgba(255,216,75,.26);
}


/* ==========================================================
   CLASSIFICADOS:
   propositalmente menor, como mini abertura
========================================================== */

.taaqui-classified-intro{
    min-height:142px;

    margin-top:34px;

    padding:
        23px
        27px;

    border-radius:25px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(255,216,75,.14),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f8323c 0%,
            #de152b 100%
        );
}


.taaqui-classified-intro
.taaqui-intro-icon{
    width:55px;
    height:55px;

    border-radius:18px;
}


.taaqui-classified-intro
.taaqui-intro-copy h2{
    font-size:
        clamp(24px,3vw,34px);
}


/*
 Elementos Barganha R$ / troca
*/

.taaqui-bargain-symbols{
    position:absolute;

    right:30px;
    top:50%;

    transform:
        translateY(-50%);

    display:flex;

    align-items:center;

    gap:8px;

    opacity:.12;

    pointer-events:none;
}

.taaqui-bargain-symbols span{
    font-size:
        clamp(46px,7vw,78px);

    line-height:1;

    font-weight:900;

    color:#fff;
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:650px){

    .taaqui-section-intro{
        min-height:148px;

        margin:
            22px
            0
            14px;

        padding:
            20px
            18px;

        gap:13px;

        border-radius:22px;
    }


    .taaqui-intro-icon{
        width:48px;
        height:48px;

        border-radius:15px;
    }


    .taaqui-intro-icon svg{
        width:24px;
        height:24px;
    }


    .taaqui-intro-copy h2{
        font-size:24px;

        margin-bottom:7px;
    }


    .taaqui-intro-copy p{
        font-size:13px;

        line-height:1.35;
    }


    .taaqui-intro-kicker{
        font-size:9px;
    }


    .taaqui-classified-intro{
        min-height:130px;

        padding:
            18px
            16px;
    }


    .taaqui-classified-intro
    .taaqui-intro-copy h2{
        font-size:21px;
    }


    .taaqui-bargain-symbols{
        right:10px;

        opacity:.08;
    }

}



/* ==========================================================
   TAAQUI_SECTION_INTROS_FIX_V2
   Corrige responsividade, alinhamento e espaços
========================================================== */

/*
 Todas as faixas respeitam exatamente a largura
 disponível da Home.
*/

.taaqui-section-intro{
    width:100% !important;
    max-width:100% !important;

    box-sizing:border-box !important;

    margin:
        24px
        0
        16px !important;

    padding:
        24px
        clamp(18px,3vw,28px)
        !important;

    min-height:auto !important;

    display:grid !important;

    grid-template-columns:
        60px
        minmax(0,1fr)
        !important;

    align-items:center !important;

    gap:18px !important;

    border-radius:26px !important;

    overflow:hidden !important;
}


.taaqui-intro-icon{
    width:58px !important;
    height:58px !important;

    box-sizing:border-box !important;
}


.taaqui-intro-copy{
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
}


.taaqui-intro-copy h2{
    margin:
        0
        0
        7px
        !important;

    max-width:100% !important;

    overflow-wrap:anywhere;
}


.taaqui-intro-copy p{
    margin:0 !important;

    max-width:780px !important;

    overflow-wrap:anywhere;
}


/*
 Classificados um pouco menor,
 mas com o MESMO alinhamento lateral.
*/

.taaqui-classified-intro{
    width:100% !important;

    margin:
        30px
        0
        14px
        !important;

    padding:
        21px
        clamp(18px,3vw,26px)
        !important;

    min-height:auto !important;

    border-radius:24px !important;
}


/*
 Remove o enorme vazio criado pela versão anterior.
*/

.taaqui-classified-intro + *{
    margin-top:0;
}


/* ==========================================================
   MINI BLOCO:
   "Aqui você está em casa"
========================================================== */

.taaqui-bargain-welcome{
    width:100%;
    max-width:100%;

    box-sizing:border-box;

    margin:
        0
        0
        18px;

    padding:
        18px
        21px;

    display:grid;

    grid-template-columns:
        46px
        minmax(0,1fr);

    align-items:center;

    gap:15px;

    border:
        1px solid #ececef;

    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fafafa
        );

    box-shadow:
        0 7px 24px
        rgba(28,32,38,.06);
}


.taaqui-bargain-welcome-icon{
    width:46px;
    height:46px;

    display:grid;
    place-items:center;

    border-radius:15px;

    color:#ef313a;

    background:#fff0f1;
}


.taaqui-bargain-welcome-icon svg{
    width:24px;
    height:24px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;
}


.taaqui-bargain-welcome-copy{
    min-width:0;
}


.taaqui-bargain-welcome-copy > span{
    display:block;

    margin-bottom:5px;

    color:#8a8d94;

    font-size:10px;

    font-weight:800;

    letter-spacing:.11em;
}


.taaqui-bargain-welcome-copy h3{
    margin:0 0 5px;

    color:#202126;

    font-size:
        clamp(16px,2vw,21px);

    line-height:1.23;

    letter-spacing:-.02em;

    font-weight:750;
}


.taaqui-bargain-welcome-copy h3 strong{
    color:#e92e38;

    font-weight:850;
}


.taaqui-bargain-welcome-copy p{
    margin:0;

    color:#676c76;

    font-size:
        clamp(12px,1.4vw,14px);

    line-height:1.35;
}


.taaqui-bargain-welcome-copy p b{
    color:#d5a500;
    font-weight:800;
}


/* ==========================================================
   APROXIMA O BLOCO REAL DOS CLASSIFICADOS
========================================================== */

.taaqui-bargain-welcome + .home-market{
    margin-top:0 !important;
}


.home-market{
    width:100% !important;
    max-width:100% !important;

    box-sizing:border-box !important;
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:700px){

    .taaqui-section-intro{
        margin:
            18px
            0
            12px
            !important;

        padding:
            17px
            15px
            !important;

        grid-template-columns:
            44px
            minmax(0,1fr)
            !important;

        gap:12px !important;

        border-radius:20px !important;
    }


    .taaqui-intro-icon{
        width:44px !important;
        height:44px !important;

        border-radius:14px !important;
    }


    .taaqui-intro-icon svg{
        width:22px !important;
        height:22px !important;
    }


    .taaqui-intro-kicker{
        margin-bottom:5px !important;

        font-size:8px !important;

        letter-spacing:.09em !important;
    }


    .taaqui-intro-copy h2{
        font-size:
            clamp(20px,6vw,26px)
            !important;

        line-height:1.05 !important;
    }


    .taaqui-intro-copy p{
        font-size:12px !important;

        line-height:1.33 !important;
    }


    .taaqui-classified-intro{
        margin-top:22px !important;
    }


    /*
     Esconde R$ ↔ em telas pequenas
     para não disputar espaço com o texto.
    */

    .taaqui-bargain-symbols{
        display:none !important;
    }


    .taaqui-bargain-welcome{
        margin:
            0
            0
            14px;

        padding:
            14px;

        grid-template-columns:
            40px
            minmax(0,1fr);

        gap:11px;

        border-radius:17px;
    }


    .taaqui-bargain-welcome-icon{
        width:40px;
        height:40px;

        border-radius:13px;
    }


    .taaqui-bargain-welcome-icon svg{
        width:21px;
        height:21px;
    }


    .taaqui-bargain-welcome-copy > span{
        font-size:8px;
    }


    .taaqui-bargain-welcome-copy h3{
        font-size:14px;

        line-height:1.25;
    }


    .taaqui-bargain-welcome-copy p{
        font-size:11px;
    }

}


/* ==========================================================
   CELULARES BEM PEQUENOS
========================================================== */

@media(max-width:390px){

    .taaqui-section-intro{
        grid-template-columns:
            1fr
            !important;

        gap:10px !important;
    }


    .taaqui-intro-icon{
        width:40px !important;
        height:40px !important;
    }


    .taaqui-intro-copy h2{
        font-size:21px !important;
    }


    .taaqui-bargain-welcome{
        grid-template-columns:
            1fr;
    }


    .taaqui-bargain-welcome-icon{
        display:none;
    }

}



/* ==========================================================
   TAAQUI_FUEL_COMPARE_V1
========================================================== */

.taaqui-fuel-compare{
    position:relative;

    width:100%;
    max-width:100%;

    box-sizing:border-box;

    margin:
        30px
        0
        34px;

    padding:
        24px;

    overflow:hidden;

    border-radius:28px;

    background:
        radial-gradient(
            circle at 9% 8%,
            rgba(120,205,255,.23),
            transparent 24%
        ),
        radial-gradient(
            circle at 91% 9%,
            rgba(170,235,185,.28),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            #eef6f7 0%,
            #f6f7f4 46%,
            #edf4fb 100%
        );

    box-shadow:
        0 15px 38px
        rgba(40,63,82,.09);
}


/* cabeçalho */

.taaqui-fuel-heading{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:18px;

    margin-bottom:19px;
}


.taaqui-fuel-heading > div{
    min-width:0;
}


.taaqui-fuel-kicker{
    display:block;

    margin-bottom:6px;

    color:#738291;

    font-size:10px;

    font-weight:850;

    letter-spacing:.12em;
}


.taaqui-fuel-heading h2{
    margin:
        0
        0
        5px;

    color:#171b20;

    font-size:
        clamp(25px,3.4vw,36px);

    line-height:1.04;

    letter-spacing:-.04em;

    font-weight:850;
}


.taaqui-fuel-heading p{
    margin:0;

    max-width:650px;

    color:#657382;

    font-size:
        clamp(12px,1.5vw,15px);

    line-height:1.4;
}


.taaqui-fuel-more{
    flex:0 0 auto;

    padding:0 !important;

    border:0 !important;

    color:#ef313a !important;

    background:transparent !important;

    font-size:12px !important;

    font-weight:800 !important;

    cursor:pointer;
}


/* ==========================================================
   DIVISÃO 50 / 50
========================================================== */

.taaqui-fuel-split{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:13px;
}


/* glass Apple */

.taaqui-station-glass{
    position:relative;

    min-width:0;

    padding:
        18px
        17px
        15px;

    border:
        1px solid
        rgba(255,255,255,.67)
        !important;

    border-radius:
        23px
        !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.67),
            rgba(255,255,255,.34)
        )
        !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.78),
        0 13px 30px
        rgba(49,70,89,.10)
        !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(145%);

    backdrop-filter:
        blur(18px)
        saturate(145%);

    text-align:left;

    cursor:pointer;

    overflow:hidden;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.taaqui-station-glass:hover{
    transform:translateY(-2px);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.78),
        0 17px 34px
        rgba(49,70,89,.14)
        !important;
}


/* título do posto */

.taaqui-station-top{
    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;
}


.taaqui-station-mark{
    flex:
        0
        0
        auto;

    width:45px;
    height:45px;

    display:grid;

    place-items:center;

    border-radius:15px;

    color:#fff;

    font-size:15px;

    font-weight:900;

    letter-spacing:-.03em;

    box-shadow:
        0 6px 17px
        rgba(35,47,60,.13);
}


.taaqui-station-mark.wk{
    background:
        linear-gradient(
            145deg,
            #e72b32,
            #b41320
        );
}


.taaqui-station-mark.barrito{
    background:
        linear-gradient(
            145deg,
            #273f58,
            #172636
        );
}


.taaqui-station-top span{
    display:block;

    margin-bottom:2px;

    color:#7d8a96;

    font-size:8px;

    line-height:1;

    font-weight:850;

    letter-spacing:.12em;
}


.taaqui-station-top h3{
    margin:0;

    color:#20252a;

    font-size:
        clamp(16px,2vw,21px);

    line-height:1.1;

    font-weight:850;

    letter-spacing:-.02em;
}


/* combustíveis */

.taaqui-fuel-list{
    display:flex;

    flex-direction:column;

    gap:5px;
}


.taaqui-fuel-row{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:7px;

    min-height:38px;

    padding:
        7px
        9px;

    border-radius:12px;

    background:
        rgba(255,255,255,.35);
}


.taaqui-fuel-row.is-best{
    background:
        rgba(255,240,172,.50);

    box-shadow:
        inset 0 0 0 1px
        rgba(236,192,59,.18);
}


.taaqui-fuel-name{
    min-width:0;

    display:flex;

    align-items:center;

    gap:7px;

    color:#4c5964;

    font-size:12px;

    font-weight:650;

    white-space:nowrap;
}


/* pequena gota */

.taaqui-fuel-drop{
    width:9px;
    height:12px;

    flex:0 0 auto;

    border-radius:
        7px
        7px
        7px
        0;

    background:#ef333d;

    transform:
        rotate(-45deg);
}


.taaqui-fuel-price{
    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:6px;

    white-space:nowrap;
}


.taaqui-fuel-price strong{
    color:#20252a;

    font-size:
        clamp(12px,1.6vw,15px);

    font-weight:850;
}


.taaqui-best-tag{
    padding:
        3px
        5px;

    border-radius:999px;

    background:#ffd447;

    color:#685200;

    font-size:7px;

    line-height:1;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:.03em;
}


/* aviso */

.taaqui-fuel-demo{
    margin-top:13px;

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:5px;

    color:#8a959f;

    font-size:9px;

    font-weight:600;
}


.taaqui-fuel-demo span{
    color:#ef313a;

    font-size:7px;
}


/* ==========================================================
   MOBILE
   continua 50 / 50
========================================================== */

@media(max-width:650px){

    .taaqui-fuel-compare{
        margin:
            24px
            0
            28px;

        padding:
            16px
            11px
            13px;

        border-radius:22px;
    }


    .taaqui-fuel-heading{
        margin-bottom:14px;

        align-items:center;
    }


    .taaqui-fuel-heading h2{
        font-size:22px;
    }


    .taaqui-fuel-heading p{
        font-size:11px;
    }


    .taaqui-fuel-more{
        font-size:10px !important;
    }


    .taaqui-fuel-split{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:7px;
    }


    .taaqui-station-glass{
        padding:
            12px
            8px
            10px;

        border-radius:
            17px
            !important;
    }


    .taaqui-station-top{
        gap:7px;

        margin-bottom:10px;
    }


    .taaqui-station-mark{
        width:34px;
        height:34px;

        border-radius:11px;

        font-size:11px;
    }


    .taaqui-station-top span{
        font-size:6px;
    }


    .taaqui-station-top h3{
        font-size:
            clamp(12px,3.5vw,15px);
    }


    .taaqui-fuel-list{
        gap:4px;
    }


    .taaqui-fuel-row{
        min-height:32px;

        padding:
            6px
            5px;

        border-radius:9px;
    }


    .taaqui-fuel-name{
        gap:4px;

        font-size:
            clamp(8px,2.4vw,10px);
    }


    .taaqui-fuel-drop{
        width:7px;
        height:9px;
    }


    .taaqui-fuel-price{
        gap:3px;
    }


    .taaqui-fuel-price strong{
        font-size:
            clamp(9px,2.5vw,11px);
    }


    .taaqui-best-tag{
        display:none;
    }


    .taaqui-fuel-demo{
        font-size:8px;
    }

}


/* telas bem estreitas */

@media(max-width:370px){

    .taaqui-fuel-name{
        font-size:8px;
    }


    .taaqui-fuel-price strong{
        font-size:9px;
    }


    .taaqui-station-mark{
        width:30px;
        height:30px;
    }

}



/* ==========================================================
   TAAQUI_FUEL_VISUAL_V2
========================================================== */

.taaqui-fuel-compare{
    position:relative;

    padding:24px !important;

    border-radius:30px !important;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(255,207,221,.46),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 0%,
            rgba(192,223,255,.60),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #f8fbff,
            #f4f8fc
        ) !important;

    border:
        1px solid rgba(255,255,255,.75);

    box-shadow:
        0 22px 45px rgba(50,74,100,.10) !important;
}


/* HEADER */

.taaqui-fuel-heading{
    display:grid !important;

    grid-template-columns:
        58px
        minmax(0,1fr)
        auto;

    gap:17px;

    align-items:center !important;

    margin-bottom:20px !important;
}


.taaqui-fuel-heading-icon{
    width:58px;
    height:58px;

    display:grid;
    place-items:center;

    border-radius:19px;

    color:#ec3343;

    background:
        rgba(255,255,255,.55);

    border:
        1px solid rgba(255,255,255,.85);

    box-shadow:
        0 9px 24px rgba(220,60,76,.10);

    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
}


.taaqui-fuel-heading-icon svg{
    width:29px;
    height:29px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;
}


.taaqui-fuel-heading-copy{
    min-width:0;
}


.taaqui-fuel-heading-copy > span{
    display:block;

    margin-bottom:4px;

    font-size:9px;

    font-weight:850;

    letter-spacing:.12em;

    color:#78889a;
}


.taaqui-fuel-heading-copy h2{
    margin:0 0 5px !important;

    color:#101729;

    font-size:
        clamp(26px,3.4vw,37px);

    line-height:1.03;

    letter-spacing:-.04em;

    font-weight:850;
}


.taaqui-fuel-heading-copy p{
    margin:0;

    max-width:720px;

    color:#586b81;

    font-size:
        clamp(12px,1.4vw,15px);

    line-height:1.35;
}


.taaqui-fuel-more{
    padding:
        11px
        17px
        !important;

    border:
        1px solid rgba(255,255,255,.85)
        !important;

    border-radius:
        999px
        !important;

    color:#e92f43 !important;

    background:
        rgba(255,255,255,.50)
        !important;

    box-shadow:
        0 8px 22px rgba(235,47,67,.08)
        !important;

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}


/* ==========================================================
   CARDS DOS POSTOS
========================================================== */

.taaqui-fuel-split{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))
        !important;

    gap:13px !important;
}


.taaqui-station-glass{
    min-width:0;

    padding:13px !important;

    overflow:hidden;

    border:
        1px solid rgba(255,255,255,.78)
        !important;

    border-radius:
        27px
        !important;

    text-align:left;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.87),
        0 18px 36px rgba(47,69,92,.11)
        !important;

    backdrop-filter:
        blur(18px)
        saturate(145%);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(145%);
}


.taaqui-station-glass.wk-card{
    background:
        linear-gradient(
            145deg,
            rgba(255,231,237,.77),
            rgba(255,255,255,.48)
        )
        !important;
}


.taaqui-station-glass.barreto-card{
    background:
        linear-gradient(
            145deg,
            rgba(219,239,255,.84),
            rgba(255,255,255,.48)
        )
        !important;
}


/* HEADER DE CADA POSTO */

.taaqui-station-info{
    display:flex;

    align-items:center;

    gap:11px;

    padding:
        3px
        4px
        11px;
}


.taaqui-station-mark{
    width:50px !important;
    height:50px !important;

    flex:
        0
        0
        50px;

    border-radius:16px !important;

    font-size:17px !important;
}


.taaqui-station-mark.wk{
    background:
        linear-gradient(
            145deg,
            #ff403f,
            #c91423
        )
        !important;
}


.taaqui-station-mark.barreto{
    background:
        linear-gradient(
            145deg,
            #1674e8,
            #0348a7
        )
        !important;

    color:#ffd847 !important;
}


.taaqui-station-name{
    min-width:0;
}


.taaqui-station-name > span{
    display:block;

    margin-bottom:2px;

    color:#78879a;

    font-size:8px;

    font-weight:850;

    letter-spacing:.13em;
}


.taaqui-station-name h3{
    margin:0 0 5px;

    color:#11182a;

    font-size:
        clamp(17px,2vw,22px);

    line-height:1.05;

    letter-spacing:-.025em;

    font-weight:850;
}


.taaqui-station-meta{
    display:flex;

    flex-wrap:wrap;

    gap:5px 9px;

    color:#63758a;

    font-size:9px;

    font-weight:650;
}


.taaqui-station-meta span:first-child{
    color:#34b95c;
}


/* ==========================================================
   IMAGEM ILUSTRATIVA DO POSTO
========================================================== */

.taaqui-station-visual{
    width:100%;

    aspect-ratio:
        2.3 / 1;

    margin-bottom:11px;

    overflow:hidden;

    border-radius:19px;

    background:#edf2f4;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.70);
}


.taaqui-station-visual img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;

    transition:
        transform .25s ease;
}


.taaqui-station-glass:hover
.taaqui-station-visual img{
    transform:scale(1.025);
}


/* ==========================================================
   LISTA DE PREÇOS
========================================================== */

.taaqui-fuel-list{
    gap:5px !important;
}


.taaqui-fuel-row{
    min-height:39px !important;

    padding:
        7px
        10px
        !important;

    border-radius:
        13px
        !important;

    background:
        rgba(255,255,255,.63)
        !important;

    border:
        1px solid
        rgba(255,255,255,.68);
}


.taaqui-fuel-row.is-best{
    background:
        linear-gradient(
            90deg,
            rgba(255,242,164,.73),
            rgba(255,250,218,.58)
        )
        !important;

    border-color:
        rgba(246,211,83,.28)
        !important;
}


/* gotas por tipo */

.taaqui-fuel-drop{
    transform:
        rotate(-45deg);
}


.taaqui-fuel-drop.diesel{
    background:#354457 !important;
}

.taaqui-fuel-drop.s10{
    background:#1675e8 !important;
}

.taaqui-fuel-drop.gasolina{
    background:#ef222e !important;
}

.taaqui-fuel-drop.etanol{
    background:#18b62d !important;
}

.taaqui-fuel-drop.aditivada{
    background:#7924ec !important;
}


.taaqui-best-tag{
    padding:
        4px
        6px
        !important;

    color:#6a5300 !important;

    background:#ffdd49 !important;

    border-radius:
        999px
        !important;

    font-size:7px !important;

    font-weight:900 !important;
}


/* ==========================================================
   MOBILE
   continua 50 / 50 como solicitado
========================================================== */

@media(max-width:650px){

    .taaqui-fuel-compare{
        padding:
            15px
            9px
            12px
            !important;

        border-radius:
            22px
            !important;
    }


    .taaqui-fuel-heading{
        grid-template-columns:
            40px
            minmax(0,1fr)
            auto;

        gap:9px;

        margin-bottom:
            13px
            !important;
    }


    .taaqui-fuel-heading-icon{
        width:40px;
        height:40px;

        border-radius:13px;
    }


    .taaqui-fuel-heading-icon svg{
        width:21px;
        height:21px;
    }


    .taaqui-fuel-heading-copy > span{
        display:none;
    }


    .taaqui-fuel-heading-copy h2{
        font-size:20px;

        margin-bottom:
            3px
            !important;
    }


    .taaqui-fuel-heading-copy p{
        font-size:9px;

        line-height:1.25;
    }


    .taaqui-fuel-more{
        padding:
            7px
            9px
            !important;

        font-size:
            9px
            !important;
    }


    .taaqui-fuel-split{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:
            6px
            !important;
    }


    .taaqui-station-glass{
        padding:
            7px
            !important;

        border-radius:
            17px
            !important;
    }


    .taaqui-station-info{
        gap:5px;

        padding:
            2px
            1px
            7px;
    }


    .taaqui-station-mark{
        width:31px !important;
        height:31px !important;

        flex-basis:31px;

        border-radius:
            10px
            !important;

        font-size:
            10px
            !important;
    }


    .taaqui-station-name > span{
        display:none;
    }


    .taaqui-station-name h3{
        margin-bottom:2px;

        font-size:
            clamp(11px,3.3vw,14px);
    }


    .taaqui-station-meta{
        display:block;

        font-size:7px;

        line-height:1.25;
    }


    .taaqui-station-meta span{
        display:block;
    }


    .taaqui-station-visual{
        margin-bottom:6px;

        border-radius:11px;

        aspect-ratio:
            1.8 / 1;
    }


    .taaqui-fuel-row{
        min-height:
            31px
            !important;

        padding:
            5px
            4px
            !important;

        border-radius:
            8px
            !important;
    }


    .taaqui-fuel-name{
        gap:3px !important;

        font-size:
            clamp(7px,2.2vw,9px)
            !important;
    }


    .taaqui-fuel-drop{
        width:
            6px
            !important;

        height:
            8px
            !important;
    }


    .taaqui-fuel-price strong{
        font-size:
            clamp(8px,2.3vw,10px)
            !important;
    }


    .taaqui-best-tag{
        display:none !important;
    }

}



/* TAAQUI_MENOR_PRECO_VERDE_V1 */

/* Linha inteira do combustível mais barato */
.taaqui-fuel-row.is-best{
    background:
        linear-gradient(
            90deg,
            rgba(218,248,225,.88),
            rgba(238,253,242,.72)
        )
        !important;

    border-color:
        rgba(74,190,102,.22)
        !important;

    box-shadow:
        inset 0 0 0 1px rgba(73,184,98,.08)
        !important;
}

/* Selo "MENOR PREÇO" */
.taaqui-best-tag{
    background:#d9f7df !important;

    color:#187b34 !important;

    border:
        1px solid rgba(39,160,70,.16)
        !important;
}



/* TAAQUI_FUEL_SECTION_BG_V1 */

.taaqui-fuel-compare{
    background:
        radial-gradient(
            circle at 12% 8%,
            rgba(255,248,214,.70),
            transparent 26%
        ),
        radial-gradient(
            circle at 88% 10%,
            rgba(255,251,230,.55),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #fffef8 0%,
            #fffdf3 48%,
            #ffffff 100%
        )
        !important;

    border:
        1px solid rgba(225,215,170,.28)
        !important;

    box-shadow:
        0 18px 42px rgba(74,67,38,.08)
        !important;
}



/* TAAQUI_MASCOTE_VIDEO_BRANCO_V1 */

.taaqui-mascot-video-wrap{
    background:transparent !important;
}

.taaqui-mascot-video{
    display:block !important;

    width:min(100%,390px) !important;
    max-height:360px !important;

    object-fit:contain !important;

    background:#ffffff !important;

    border-radius:26px !important;

    box-shadow:
        0 16px 34px rgba(111,8,22,.20),
        inset 0 1px 0 rgba(255,255,255,.75)
        !important;

    overflow:hidden !important;
}



/* TAAQUI_MASCOT_BRIDGE_FORCE_V1 */

.taaqui-mascot-bridge{
    width:100%;
    box-sizing:border-box;

    margin:30px 0 34px;

    padding:24px 30px;

    display:grid;
    grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr);

    align-items:center;
    gap:30px;

    border-radius:30px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 20% 15%,
            rgba(255,255,255,.11),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            #ff3a43 0%,
            #ef2337 55%,
            #d6152a 100%
        );

    box-shadow:
        0 20px 42px rgba(216,20,43,.18);
}

.taaqui-mascot-video-area{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;
}

.taaqui-mascot-video{
    display:block;

    width:min(100%,390px);

    max-height:340px;

    object-fit:contain;

    background:white;

    border-radius:25px;

    box-shadow:
        0 15px 34px rgba(90,9,22,.21);
}

.taaqui-mascot-text{
    min-width:0;
}

.taaqui-mascot-text > span{
    display:block;

    margin-bottom:8px;

    color:rgba(255,255,255,.70);

    font-size:10px;

    font-weight:850;

    letter-spacing:.13em;
}

.taaqui-mascot-text h2{
    margin:0 0 10px;

    color:white;

    font-size:clamp(32px,5vw,55px);

    line-height:.98;

    letter-spacing:-.045em;

    font-weight:900;
}

.taaqui-mascot-text h2 strong{
    display:block;

    margin-top:5px;

    color:#ffd84a;
}

.taaqui-mascot-text p{
    margin:0;

    max-width:480px;

    color:rgba(255,255,255,.84);

    font-size:15px;

    line-height:1.4;
}

@media(max-width:650px){

    .taaqui-mascot-bridge{
        margin:22px 0 27px;

        padding:15px;

        grid-template-columns:1fr;

        gap:14px;

        text-align:center;

        border-radius:23px;
    }

    .taaqui-mascot-video{
        width:min(100%,310px);
        max-height:285px;
    }

    .taaqui-mascot-text h2{
        font-size:30px;
    }

    .taaqui-mascot-text p{
        margin-left:auto;
        margin-right:auto;

        font-size:12px;
    }
}



/* ==========================================================
   TAAQUI_MASCOTE_COMPACT_SEPARATOR_V1
   Mascote pequeno — apenas divisor entre seções
========================================================== */

.taaqui-mascot-bridge{
    min-height:0 !important;

    height:190px !important;

    margin:
        20px 0 24px
        !important;

    padding:
        8px 30px
        !important;

    grid-template-columns:
        170px
        minmax(0,1fr)
        !important;

    gap:
        24px
        !important;

    align-items:center !important;

    border-radius:
        24px
        !important;
}


/* área do vídeo também fica compacta */

.taaqui-mascot-video-area{
    height:170px !important;

    min-height:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    overflow:hidden !important;
}


/*
 O vídeo continua mostrando o CORPO INTEIRO.
 Apenas reduzimos o personagem inteiro.
*/

.taaqui-mascot-video{
    width:auto !important;

    height:165px !important;

    max-width:100% !important;

    max-height:165px !important;

    object-fit:contain !important;

    object-position:center !important;

    border-radius:0 !important;

    box-shadow:none !important;

    background:transparent !important;
}


/* frase compacta */

.taaqui-mascot-text h2{
    font-size:
        clamp(27px,3.6vw,42px)
        !important;

    line-height:.98 !important;

    margin:0 !important;
}


.taaqui-mascot-text h2 strong{
    margin-top:
        3px
        !important;
}


/* ==========================================================
   MOBILE
   continua sendo divisor horizontal, sem virar seção alta
========================================================== */

@media(max-width:650px){

    .taaqui-mascot-bridge{
        height:145px !important;

        min-height:0 !important;

        margin:
            17px 0 21px
            !important;

        padding:
            5px 12px
            !important;

        grid-template-columns:
            105px
            minmax(0,1fr)
            !important;

        gap:
            8px
            !important;

        text-align:left !important;

        border-radius:
            19px
            !important;
    }


    .taaqui-mascot-video-area{
        height:
            135px
            !important;
    }


    .taaqui-mascot-video{
        width:auto !important;

        height:
            132px
            !important;

        max-height:
            132px
            !important;

        object-fit:contain !important;
    }


    .taaqui-mascot-text{
        text-align:left !important;
    }


    .taaqui-mascot-text h2{
        font-size:
            clamp(22px,6vw,29px)
            !important;

        letter-spacing:
            -.04em
            !important;
    }


    .taaqui-mascot-text h2 strong{
        display:block !important;

        margin-top:
            2px
            !important;
    }

}


/* celulares muito pequenos */

@media(max-width:380px){

    .taaqui-mascot-bridge{
        height:
            132px
            !important;

        grid-template-columns:
            90px
            minmax(0,1fr)
            !important;
    }


    .taaqui-mascot-video-area{
        height:
            120px
            !important;
    }


    .taaqui-mascot-video{
        height:
            118px
            !important;

        max-height:
            118px
            !important;
    }


    .taaqui-mascot-text h2{
        font-size:
            21px
            !important;
    }

}



/* ==========================================================
   TAAQUI_MASCOTE_SEPARATOR_WHITE_V4
========================================================== */

.taaqui-mascot-bridge{
    width:100% !important;

    height:250px !important;
    min-height:0 !important;

    box-sizing:border-box;

    margin:
        18px 0 24px
        !important;

    padding:
        14px 20px 18px
        !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    gap:8px !important;

    background:#ffffff !important;

    border:0 !important;

    border-radius:0 !important;

    box-shadow:none !important;

    overflow:hidden !important;

    text-align:center !important;
}


/* ==========================================================
   MASCOTE
========================================================== */

.taaqui-mascot-video-area{
    width:100% !important;

    height:125px !important;
    min-height:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    overflow:visible !important;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;
}


.taaqui-mascot-video{
    display:block !important;

    width:auto !important;

    height:120px !important;

    max-width:100% !important;

    max-height:120px !important;

    object-fit:contain !important;

    object-position:center !important;

    background:transparent !important;

    border:0 !important;

    border-radius:0 !important;

    box-shadow:none !important;

    filter:none !important;
}


/* ==========================================================
   FRASE
========================================================== */

.taaqui-mascot-text{
    width:100% !important;

    margin:0 !important;

    padding:0 !important;

    text-align:center !important;
}


.taaqui-mascot-text h2{
    margin:0 !important;

    padding:0 !important;

    color:#f12d3a !important;

    font-size:
        clamp(25px,3vw,34px)
        !important;

    line-height:1.05 !important;

    letter-spacing:-.035em !important;

    font-weight:850 !important;
}


.taaqui-mascot-text h2 span{
    color:#f12d3a !important;

    font-weight:950 !important;
}


.taaqui-mascot-text h2 strong{
    display:block !important;

    margin-top:7px !important;

    color:#ffd84b !important;

    font-size:1.18em !important;

    font-weight:950 !important;
}


/* mata qualquer texto antigo */

.taaqui-mascot-text > p,
.taaqui-mascot-text > span,
.taaqui-mascot-copy,
.taaqui-mascot-speed-lines{
    display:none !important;
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:650px){

    .taaqui-mascot-bridge{
        height:210px !important;

        margin:
            15px 0 20px
            !important;

        padding:
            10px 12px 14px
            !important;

        gap:
            5px
            !important;
    }


    .taaqui-mascot-video-area{
        height:
            105px
            !important;
    }


    .taaqui-mascot-video{
        height:
            100px
            !important;

        max-height:
            100px
            !important;
    }


    .taaqui-mascot-text h2{
        font-size:
            clamp(23px,6.7vw,29px)
            !important;
    }


    .taaqui-mascot-text h2 strong{
        margin-top:
            4px
            !important;
    }

}



/* ==========================================================
   TAAQUI_MASCOTE_TYPO_V5
   Tipografia comercial + mascote +8px
========================================================== */

/* mascote: +4px em cima e +4px embaixo */

.taaqui-mascot-video-area{
    height:133px !important;
}

.taaqui-mascot-video{
    height:128px !important;
    max-height:128px !important;
}


/* ==========================================================
   FRASE PRINCIPAL
========================================================== */

.taaqui-mascot-text h2{
    font-family:
        "Arial Rounded MT Bold",
        "Trebuchet MS",
        "Avenir Next",
        system-ui,
        sans-serif
        !important;

    font-size:
        clamp(27px,3.2vw,37px)
        !important;

    font-weight:900 !important;

    line-height:.98 !important;

    letter-spacing:-.045em !important;

    color:#ef2e3b !important;

    text-rendering:optimizeLegibility;

    text-shadow:
        0 1px 0 rgba(255,255,255,.90),
        0 3px 10px rgba(239,46,59,.08)
        !important;
}


/* RÁPIDO ganha um pouco mais de personalidade */

.taaqui-mascot-text h2 span{
    display:inline-block;

    color:#ef2e3b !important;

    font-weight:950 !important;

    letter-spacing:-.055em !important;

    transform:
        rotate(-1deg);

    transform-origin:center;
}


/* TáAqui! vira a assinatura visual */

.taaqui-mascot-text h2 strong{
    display:block !important;

    width:max-content;

    margin:
        8px auto 0
        !important;

    padding:
        1px 9px 3px;

    font-family:
        "Arial Rounded MT Bold",
        "Trebuchet MS",
        "Avenir Next",
        system-ui,
        sans-serif
        !important;

    color:#ffd543 !important;

    font-size:
        1.22em
        !important;

    font-weight:950 !important;

    line-height:1 !important;

    letter-spacing:-.055em !important;

    transform:
        rotate(-1.2deg);

    text-shadow:
        0 2px 0 rgba(206,153,0,.16),
        0 5px 12px rgba(255,196,0,.10)
        !important;
}


/* leve detalhe gráfico embaixo de TáAqui! */

.taaqui-mascot-text h2 strong::after{
    content:"";

    display:block;

    width:62%;

    height:4px;

    margin:
        4px auto 0;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffd543 18%,
            #ffd543 82%,
            transparent
        );

    opacity:.55;

    transform:
        rotate(-1deg);
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:650px){

    /* antes 100px: agora +8px */
    .taaqui-mascot-video-area{
        height:113px !important;
    }

    .taaqui-mascot-video{
        height:108px !important;
        max-height:108px !important;
    }

    .taaqui-mascot-text h2{
        font-size:
            clamp(24px,7vw,31px)
            !important;

        letter-spacing:
            -.04em
            !important;
    }

    .taaqui-mascot-text h2 strong{
        margin-top:
            5px
            !important;

        padding:
            0 6px 2px;
    }

    .taaqui-mascot-text h2 strong::after{
        height:3px;
        margin-top:3px;
    }

}



/* ==========================================================
   TAAQUI_MASCOTE_SIZE_V6
   +20px na altura total do mascote
========================================================== */

.taaqui-mascot-video-area{
    height:153px !important;
}

.taaqui-mascot-video{
    height:148px !important;
    max-height:148px !important;
}


/* MOBILE */

@media(max-width:650px){

    .taaqui-mascot-video-area{
        height:133px !important;
    }

    .taaqui-mascot-video{
        height:128px !important;
        max-height:128px !important;
    }

}



/* TAAQUI_MASCOTE_SIZE_V7 */

.taaqui-mascot-video-area{
    height:163px !important;
}

.taaqui-mascot-video{
    height:158px !important;
    max-height:158px !important;
}

@media(max-width:650px){

    .taaqui-mascot-video-area{
        height:143px !important;
    }

    .taaqui-mascot-video{
        height:138px !important;
        max-height:138px !important;
    }

}



/* TAAQUI_MASCOTE_SIZE_V8 */
/* +40px em relação ao tamanho anterior */

.taaqui-mascot-video-area{
    height:203px !important;
}

.taaqui-mascot-video{
    height:198px !important;
    max-height:198px !important;
}

@media(max-width:650px){

    .taaqui-mascot-video-area{
        height:183px !important;
    }

    .taaqui-mascot-video{
        height:178px !important;
        max-height:178px !important;
    }

}



/* ==========================================================
   TAAQUI_MASCOTE_SIZE_FIX_V9
   +30px no mascote + correção de sobreposição/corte
========================================================== */


/* A faixa precisa acompanhar o crescimento do mascote.
   Antes estava com 250px e o conteúdo já não cabia. */

.taaqui-mascot-bridge{
    height:335px !important;
    min-height:335px !important;

    padding:
        18px 20px 20px
        !important;

    gap:12px !important;

    justify-content:flex-start !important;

    overflow:hidden !important;
}


/* ----------------------------------------------------------
   ÁREA EXCLUSIVA DO PERSONAGEM
---------------------------------------------------------- */

.taaqui-mascot-video-area{
    flex:
        0 0 238px
        !important;

    width:100% !important;

    height:238px !important;
    min-height:238px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    overflow:visible !important;

    margin:0 !important;
    padding:0 !important;
}


/*
   Tamanho anterior: 198px
   Novo tamanho: 228px
   = +30px
*/

.taaqui-mascot-video{
    flex-shrink:0 !important;

    width:auto !important;

    height:228px !important;

    max-height:228px !important;

    max-width:100% !important;

    object-fit:contain !important;

    object-position:center center !important;

    margin:0 !important;

    transform:none !important;

    background:transparent !important;

    overflow:visible !important;
}


/* ----------------------------------------------------------
   TEXTO
   Nunca mais invade a área do personagem
---------------------------------------------------------- */

.taaqui-mascot-text{
    position:relative !important;

    z-index:3 !important;

    flex:
        0 0 auto
        !important;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

    text-align:center !important;

    transform:none !important;
}


.taaqui-mascot-text h2{
    position:relative !important;

    margin:0 !important;

    padding:0 !important;

    transform:none !important;
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:650px){

    .taaqui-mascot-bridge{
        height:300px !important;
        min-height:300px !important;

        padding:
            14px 10px 17px
            !important;

        gap:9px !important;

        justify-content:flex-start !important;
    }


    /*
       Tamanho anterior mobile: 178px
       Novo: 208px
    */

    .taaqui-mascot-video-area{
        flex:
            0 0 216px
            !important;

        height:216px !important;

        min-height:216px !important;

        overflow:visible !important;
    }


    .taaqui-mascot-video{
        height:208px !important;

        max-height:208px !important;

        flex-shrink:0 !important;
    }


    .taaqui-mascot-text{
        flex:
            0 0 auto
            !important;

        margin:0 !important;

        transform:none !important;
    }

}



/* ==========================================================
   TAAQUI_MASCOTE_CLIP_FIX_V10
   Corrige Oportunidades cobrindo "TáAqui!"
========================================================== */

.taaqui-mascot-bridge{
    height:auto !important;

    min-height:350px !important;

    padding:
        18px 20px 28px
        !important;

    margin:
        18px 0 30px
        !important;

    overflow:visible !important;

    position:relative !important;

    z-index:2 !important;
}


/* garante espaço real abaixo da frase */

.taaqui-mascot-text{
    padding-bottom:8px !important;

    overflow:visible !important;
}


.taaqui-mascot-text h2{
    overflow:visible !important;

    padding-bottom:4px !important;
}


.taaqui-mascot-text h2 strong{
    line-height:1.08 !important;

    padding-bottom:5px !important;

    overflow:visible !important;
}


/* Oportunidades começa depois do separador */

.taaqui-deals-intro{
    position:relative !important;

    z-index:1 !important;

    margin-top:8px !important;
}


/* MOBILE */

@media(max-width:650px){

    .taaqui-mascot-bridge{
        height:auto !important;

        min-height:320px !important;

        padding:
            14px 10px 24px
            !important;

        margin:
            15px 0 26px
            !important;
    }


    .taaqui-mascot-text{
        padding-bottom:6px !important;
    }


    .taaqui-mascot-text h2 strong{
        padding-bottom:4px !important;
    }

}



/* TAAQUI_BOTTOM_NAV — scoped to the existing five navigation buttons. */
.nav.taaqui-bottom-nav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: min(100%, 720px) !important;
  height: calc(66px + env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  padding: 0 10px env(safe-area-inset-bottom) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 88px 1fr 1fr !important;
  align-items: center !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  isolation: isolate;
  z-index: 9999 !important;
}
/* Tangent curves join the straight top to the central bowl without sharp shoulders.
   The center mask stays fixed in size while the side panels stretch. */
.nav.taaqui-bottom-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #f2263b;
  -webkit-mask-image: linear-gradient(#000 0 0), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22144%22%20height%3D%2266%22%20viewBox%3D%220%200%20144%2066%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200%20C22%200%2031%204%2039%2017%20C47%2031%2055%2037%2072%2037%20C89%2037%2097%2031%20105%2017%20C113%204%20122%200%20144%200%20V66%20H0%20Z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(#000 0 0);
  mask-image: linear-gradient(#000 0 0), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22144%22%20height%3D%2266%22%20viewBox%3D%220%200%20144%2066%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200%20C22%200%2031%204%2039%2017%20C47%2031%2055%2037%2072%2037%20C89%2037%2097%2031%20105%2017%20C113%204%20122%200%20144%200%20V66%20H0%20Z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(#000 0 0);
  -webkit-mask-size: calc(50% - 71px) 100%, 144px 66px, calc(50% - 71px) 100%;
  mask-size: calc(50% - 71px) 100%, 144px 66px, calc(50% - 71px) 100%;
  -webkit-mask-position: left top, center top, right top;
  mask-position: left top, center top, right top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
  z-index: -1;
}
.nav.taaqui-bottom-nav::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #eef0f1;
  pointer-events: none;
  z-index: -2;
}
.nav.taaqui-bottom-nav > .taaqui-nav-item {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  transform: none !important;
  overflow: visible !important;
}
.nav.taaqui-bottom-nav > .taaqui-nav-item::before,
.nav.taaqui-bottom-nav > .taaqui-nav-item::after { content: none !important; }
.nav.taaqui-bottom-nav .taaqui-nav-label { display: none !important; }
.nav.taaqui-bottom-nav .taaqui-nav-icon {
  position: relative;
  display: grid !important;
  place-items: center;
  width: 30px !important;
  height: 30px !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}
.nav.taaqui-bottom-nav .taaqui-nav-icon svg {
  display: block;
  width: 24px !important;
  height: 24px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nav.taaqui-bottom-nav > .taaqui-nav-reels {
  width: 64px !important;
  height: 64px !important;
  justify-self: center;
  align-self: start;
  margin-top: -42px !important;
}
.nav.taaqui-bottom-nav .taaqui-reels-button {
  box-sizing: border-box;
  flex: 0 0 64px;
  width: 64px !important;
  height: 64px !important;
  display: grid !important;
  place-items: center;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f2263b !important;
  color: #fff !important;
  box-shadow: 0 5px 10px #38101c30 !important;
}
.nav.taaqui-bottom-nav .taaqui-reels-button svg {
  width: 29px !important;
  height: 29px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nav.taaqui-bottom-nav .taaqui-reels-play { fill: currentColor; }
.nav.taaqui-bottom-nav .taaqui-nav-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #f2263b;
  background: #fff;
  border: 1px solid #f2263b;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}
.nav.taaqui-bottom-nav > .taaqui-nav-item.active:not(.taaqui-nav-reels)::after {
  content: "" !important;
  position: absolute;
  bottom: 3px;
  left: calc(50% - 2px);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
}
.shell:has(.taaqui-bottom-nav) { padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important; }
@media (max-width: 360px) {
  .nav.taaqui-bottom-nav { padding-left: 4px !important; padding-right: 4px !important; }
}


.nav.taaqui-bottom-nav::before {
  -webkit-mask-size: calc(50% - 71px) 100%, 144px 100%, calc(50% - 71px) 100%;
  mask-size: calc(50% - 71px) 100%, 144px 100%, calc(50% - 71px) 100%;
}

/* Full Reels viewer; mini player styles remain independent. */
.shell:has(.taaqui-full-reels) { background:#080808; }
.main.taaqui-full-reels {
 position:fixed; inset:0 0 calc(66px + env(safe-area-inset-bottom));
 padding:0; background:#080808; z-index:100;
}
.taaqui-full-reels .reels-heading {
 position:absolute; top:0; left:0; right:0; z-index:5;
 padding:18px 20px; color:white; font-size:23px; font-weight:800;
 background:linear-gradient(#0008,transparent); pointer-events:none;
}
.taaqui-full-reels .reel-feed {
 position:relative; width:100%; max-width:480px; height:100%; margin:auto;
 border-radius:0; background:#080808; overflow-y:auto; overscroll-behavior:contain;
 scroll-snap-type:y mandatory; scrollbar-width:none;
}
.taaqui-full-reels .reel-feed::-webkit-scrollbar { display:none; }
.taaqui-full-reels .reel { height:100%; scroll-snap-stop:always; background:#080808; }
.taaqui-full-reels .reel > video,
.taaqui-full-reels .reel > img { width:100%; height:100%; object-fit:contain; opacity:1; }
.taaqui-full-reels .reel::after { inset:65% 0 0; background:linear-gradient(transparent,#0009); }
.taaqui-full-reels .reel-content { left:18px; right:88px; bottom:28px; pointer-events:none; }
.taaqui-full-reels .reel-content h2 { font-family:inherit; font-size:16px; margin:5px 0; letter-spacing:0; }
.taaqui-full-reels .reel-content p { font-size:12px; opacity:.85; line-height:1.5; }
.taaqui-full-reels .reel-share {
 position:absolute; right:14px; bottom:34px; z-index:4; color:white;
 display:flex; flex-direction:column; align-items:center; gap:7px;
 background:transparent; padding:0; font-size:10px; pointer-events:auto;
}
.taaqui-full-reels .reel-share span { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#ffffff24; backdrop-filter:blur(10px); }
.taaqui-full-reels .reel-share svg { width:26px; height:26px; fill:white; }
@media(min-width:700px) { .taaqui-full-reels .reels-heading { left:calc(50% - 240px); right:calc(50% - 240px); } }

/* Marketplace section: a standalone blue separator followed by a familiar listing grid. */
.taaqui-market-bridge {
 margin:48px 0 0; padding:38px 20px 36px; text-align:center;
 background:linear-gradient(180deg,#edf5ff,#f5f8ff); border-top:1px solid #dae8fb;
 color:#1c1e21; font-family:Arial,Helvetica,sans-serif;
}
.taaqui-market-emblem { width:100px; height:100px; margin:0 auto 16px; color:#1877f2; }
.taaqui-market-emblem svg { width:100%; height:100%; filter:drop-shadow(0 8px 10px #1877f21a); }
.taaqui-market-eyebrow { display:block; color:#1877f2; font-size:11px; font-weight:700; letter-spacing:1.4px; }
.taaqui-market-bridge h2 { font-family:Arial,Helvetica,sans-serif; font-size:clamp(30px,4vw,44px); line-height:1.12; letter-spacing:-1.5px; margin:12px auto 18px; }
.taaqui-market-bridge h2 strong { color:#1877f2; }
.taaqui-market-familiar { font-size:18px; line-height:1.55; }
.taaqui-market-explain { color:#65676b; font-size:15px; line-height:1.6; margin:12px 0 22px; }
.taaqui-market-bridge-actions { display:flex; justify-content:center; gap:10px; }
.taaqui-market-bridge-actions button { background:#1877f2; color:white; padding:12px 22px; border-radius:8px; font-weight:700; min-height:44px; }
.taaqui-market-bridge-actions button+button { background:#e1ecff; color:#0866ff; }
.home-market {
 margin:0 -38px 0 !important; padding:24px 24px 26px !important;
 border:0 !important; border-top:8px solid #e4e6eb !important; border-radius:0 !important;
 box-shadow:none !important; background:#fff !important; font-family:Arial,Helvetica,sans-serif !important;
}
.home-market-heading { gap:10px; }
.home-market-heading > div { gap:9px; min-width:0; }
.home-market .market-store-icon { display:flex; color:#0866ff; width:28px; height:28px; flex-shrink:0; }
.home-market .market-store-icon svg { width:100%; height:100%; }
.home-market .home-market-heading h2 { font:700 24px/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.5px; }
.home-market-heading > button { white-space:nowrap; font-size:14px; }
.home-market-tools { display:flex; gap:8px; margin:18px 0 22px; }
.home-market-tools button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; border-radius:20px; background:#f0f2f5; color:#1c1e21; font:600 14px Arial; padding:9px 16px; }
.home-market-tools button:first-child { flex:1; justify-content:flex-start; color:#65676b; font-weight:400; }
.home-market-tools svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
.home-market .home-market-location { margin:0 0 16px; gap:8px; }
.home-market-location strong { font-size:20px; }
.home-market-location button { color:#0866ff; font:400 14px Arial; padding:6px 0; }
.home-market .grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:24px 12px !important; }
.home-market .card { border:0 !important; border-radius:0 !important; padding:0 !important; background:transparent !important; box-shadow:none !important; min-width:0; }
.home-market .card .photo { display:block; width:100%; aspect-ratio:1 !important; border-radius:8px !important; overflow:hidden; }
.home-market .card .photo img { width:100%; height:100%; object-fit:cover; }
.home-market .card .save { display:none; }
.home-market .card .price { color:#050505 !important; font:700 18px/24px Arial !important; margin:7px 0 0 !important; }
.home-market .card .title { font:400 15px/21px Arial !important; color:#1c1e21; letter-spacing:0; text-align:left; }
.home-market .card .muted { font:400 12px/18px Arial !important; color:#65676b; margin:2px 0 0; }
.home-market-more { background:#e4e6eb !important; border-radius:6px !important; font:600 15px Arial !important; }
@media(max-width:700px) {
 .taaqui-market-bridge { margin:30px -17px 0; padding:32px 18px; }
 .taaqui-market-bridge h2 { max-width:330px; }
 .taaqui-market-familiar { font-size:16px; }
 .taaqui-market-explain { font-size:14px; }
 .home-market { margin:0 -17px !important; padding:20px 12px 24px !important; }
 .home-market .home-market-heading h2 { font-size:21px; }
 .home-market .market-store-icon { width:24px; height:24px; }
 .home-market .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px 8px !important; }
 .home-market-location strong { font-size:18px; }
 .home-market-location button { font-size:13px; }
}
/* These home sections are rendered directly under #app. */
#app > .taaqui-market-bridge { margin:40px auto 0; width:100%; max-width:1160px; box-sizing:border-box; }
#app > .home-market { margin:0 auto !important; width:100% !important; max-width:1160px; box-sizing:border-box; }
@media(max-width:700px) { #app > .taaqui-market-bridge { margin:30px 0 0; } }

/* Searchable city and radius picker. */
.top .location-trigger { display:flex; align-items:center; gap:7px; color:inherit; padding:5px 0; text-align:left; min-height:44px; }
.location-trigger strong { display:block; font-size:13px; max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.location-trigger small { display:block; font-size:10px; opacity:.9; margin-top:2px; }
#modal .overlay:has(.location-dialog) { z-index:11000; }
.dialog.location-dialog { border-radius:14px; max-width:480px; font-family:Arial,Helvetica,sans-serif; color:#1c1e21; padding:24px; }
.location-dialog h2 { font-family:Arial,Helvetica,sans-serif; font-size:23px; letter-spacing:-.4px; line-height:1.2; margin-bottom:8px; }
.location-intro { color:#65676b; line-height:1.45; font-size:14px; margin-bottom:22px; }
.location-dialog form { gap:12px; }
.location-dialog label { font-size:13px; font-weight:600; }
.location-dialog input,.location-dialog select { font-size:16px; border-radius:8px; border:1px solid #ced0d4; padding:12px; width:100%; }
.location-dialog input:focus { outline:2px solid #1877f2; outline-offset:1px; }
.location-status { font-size:12px; color:#65676b; line-height:1.4; margin:0; }
#location-options { max-height:180px; overflow-y:auto; }
#location-options:empty { display:none; }
.location-option { display:flex; align-items:center; gap:12px; width:100%; text-align:left; border-bottom:1px solid #f0f2f5; padding:11px 6px; color:#1c1e21; background:white; }
.location-option >span:first-child { font-size:24px; color:#1877f2; }
.location-option >span:last-child { margin-left:auto; }
.location-option strong { display:block; font-size:15px; }
.location-option small { display:block; margin-top:3px; color:#65676b; font-size:12px; }
.location-option:hover { background:#f0f5ff; }
.location-selected { background:#e7f3ff; color:#0866ff; border-radius:8px; padding:12px; font-weight:600; font-size:14px; }
.location-area-preview { height:110px; display:grid; place-items:center; background:#f0f3f7; border-radius:10px; overflow:hidden; }
.location-radius-circle { border:2px solid #1877f2; background:#1877f21c; border-radius:50%; width:100px; height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; color:#0866ff; }
.location-radius-circle span { font-size:25px; }
.location-radius-circle b { font-size:13px; }
.location-distance-note { font-size:12px; line-height:1.4; color:#65676b; margin:0; }
.location-dialog .location-apply { background:#1877f2; color:white; border-radius:8px; width:100%; min-height:44px; font-weight:700; }
.location-dialog button:disabled,.location-dialog select:disabled { opacity:.45; cursor:default; }
.location-credit { font-size:10px; color:#65676b; text-align:center; margin:0; }
.location-filter-link { background:#e7f3ff; color:#0866ff; padding:12px; border-radius:8px; text-align:left; }
.home-market-location button { text-align:right; max-width:60%; }
@media(max-width:420px) { .dialog.location-dialog { padding:20px; max-height:92dvh; } .location-area-preview { height:90px; } .location-radius-circle { height:82px; width:82px; } }
body:has(.location-dialog) .taaqui-mini-reels { display:none !important; }
.location-dialog .location-apply { position:sticky; bottom:0; box-shadow:0 -8px 12px white; }
@media(max-height:700px) {
 .location-dialog .location-area-preview { display:none; }
 .location-dialog .location-intro { margin-bottom:14px; }
 .location-dialog form { gap:10px; }
 .location-dialog .location-apply { position:static; box-shadow:none; }
}

/* Shared page frame and responsive home sections. */
html { box-sizing:border-box; }
*,*::before,*::after { box-sizing:inherit; }
body { margin:0; }
#app { width:100%; min-width:0; }
.shell { width:min(100%,1160px); margin-inline:auto; }
.main.taaqui-home-organizada {
 --home-gap:28px;
 display:flex !important; flex-direction:column !important;
 gap:var(--home-gap); width:100%; min-width:0;
 padding:28px 32px 110px !important;
}
.main.taaqui-home-organizada > * { width:100%; max-width:100%; min-width:0; margin:0 !important; flex-shrink:0; }
.taaqui-home-organizada > .taaqui-banner-chesp { padding:0 !important; }
.taaqui-home-organizada .taaqui-banner-chesp img { display:block; width:100% !important; height:auto !important; object-fit:contain !important; }
.taaqui-home-organizada .categories { display:grid !important; grid-template-columns:repeat(8,minmax(0,1fr)) !important; gap:16px 8px !important; padding:0 !important; }
.taaqui-home-organizada .cat { min-width:0; white-space:normal; text-align:center; font-size:12px !important; line-height:1.35; }
.taaqui-home-organizada .cat .tile { width:64px !important; height:64px !important; max-width:100%; margin-inline:auto; }
.taaqui-home-organizada .taaqui-smart-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important; }
.taaqui-home-organizada .taaqui-smart-card { min-width:0; width:100%; }
.taaqui-home-organizada .taaqui-mascot-bridge { height:auto !important; min-height:0 !important; padding:20px 16px 28px !important; gap:12px !important; }
.taaqui-home-organizada .taaqui-mascot-video-area { height:224px !important; min-height:0 !important; flex:0 0 224px !important; }
.taaqui-home-organizada .taaqui-mascot-video { height:216px !important; max-height:216px !important; max-width:100%; }
.taaqui-home-organizada .taaqui-section-intro { padding:24px !important; border-radius:20px !important; }
.taaqui-home-organizada .taaqui-intro-copy { min-width:0; }
.taaqui-home-organizada .taaqui-intro-copy h2 { font-size:clamp(24px,3vw,34px) !important; overflow-wrap:break-word; }
.taaqui-home-organizada .taaqui-offers-v3 { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:16px !important; }
.taaqui-home-organizada .taaqui-offer-v3 { min-width:0; height:auto !important; display:flex; flex-direction:column; }
.taaqui-home-organizada .taaqui-offer-image { width:100%; flex:none; }
.taaqui-home-organizada .taaqui-offer-copy { width:100%; flex:1; padding:12px !important; }
.taaqui-home-organizada .taaqui-offer-copy strong { overflow-wrap:break-word; }
.main.taaqui-home-organizada > .taaqui-market-bridge { margin-top:12px !important; padding:36px 24px !important; border-radius:20px; }
.main.taaqui-home-organizada > .home-market { width:100% !important; margin:0 !important; padding:24px !important; border-radius:16px !important; border:1px solid #e4e6eb !important; }
.taaqui-home-organizada .taaqui-fuel-compare { padding:24px !important; border-radius:20px !important; }
.taaqui-home-organizada .taaqui-fuel-compare img { max-width:100%; }
.taaqui-home-organizada .taaqui-fuel-compare button { min-width:0; }
.taaqui-home-organizada > .note { padding:0; line-height:1.5; }
@media(min-width:701px) and (max-width:1000px) {
 .main.taaqui-home-organizada { padding:24px 24px 110px !important; }
 .taaqui-home-organizada .taaqui-offers-v3 { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
 .taaqui-home-organizada .home-market .grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
 .taaqui-home-organizada .cat .tile { width:52px !important; height:52px !important; }
}
@media(max-width:700px) {
 body { padding:0; }
 .shell { border-radius:0; }
 .main.taaqui-home-organizada { --home-gap:22px; padding:16px 16px 106px !important; }
 .taaqui-home-organizada .categories { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:18px 8px !important; }
 .taaqui-home-organizada .cat { font-size:11px !important; }
 .taaqui-home-organizada .cat .tile { width:58px !important; height:58px !important; }
 .taaqui-home-organizada .taaqui-smart-actions { gap:10px !important; }
 .taaqui-home-organizada .taaqui-smart-card { height:160px !important; min-height:160px !important; border-radius:16px !important; }
 .taaqui-home-organizada .taaqui-section-intro { padding:20px 16px !important; gap:12px !important; }
 .taaqui-home-organizada .taaqui-intro-icon { flex:0 0 40px !important; width:40px !important; height:40px !important; }
 .taaqui-home-organizada .taaqui-intro-copy h2 { font-size:24px !important; line-height:1.15 !important; }
 .taaqui-home-organizada .taaqui-intro-copy p { font-size:13px !important; line-height:1.5 !important; }
 .taaqui-home-organizada .taaqui-mascot-video-area { height:206px !important; flex-basis:206px !important; }
 .taaqui-home-organizada .taaqui-mascot-video { height:198px !important; max-height:198px !important; }
 .taaqui-home-organizada .taaqui-offers-v3 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px 10px !important; }
 .taaqui-home-organizada .taaqui-offer-copy { padding:10px !important; }
 .main.taaqui-home-organizada > .taaqui-market-bridge { padding:28px 16px !important; }
 .main.taaqui-home-organizada > .home-market { padding:18px 12px !important; }
 .taaqui-home-organizada .home-market-heading { flex-wrap:wrap; }
 .taaqui-home-organizada .home-market .home-market-heading h2 { font-size:20px; }
 .taaqui-home-organizada .home-market .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 .taaqui-home-organizada .home-market-location { align-items:flex-start; }
 .taaqui-home-organizada .taaqui-fuel-compare { padding:18px 12px !important; }
 .taaqui-home-organizada .taaqui-fuel-compare h2 { font-size:24px !important; }
 .topline > * { min-width:0; }
 .top .location-trigger strong { max-width:125px; }
}
@media(max-width:360px) {
 .main.taaqui-home-organizada { padding-inline:12px !important; }
 .taaqui-home-organizada .taaqui-smart-actions { grid-template-columns:1fr !important; }
 .taaqui-home-organizada .taaqui-market-bridge-actions { flex-wrap:wrap; }
 .taaqui-home-organizada .home-market-location { flex-direction:column; }
 .taaqui-home-organizada .home-market-location button { max-width:100%; }
}
.taaqui-home-organizada > .ad-banner-centro { transform:none !important; }
.taaqui-home-organizada .ad-banner-body { min-width:0 !important; width:100%; }
.taaqui-home-organizada .ad-centro-cidades { min-width:0; max-width:100%; flex-wrap:wrap; white-space:normal !important; }
.taaqui-home-organizada .ad-centro-cidades span { white-space:normal !important; overflow-wrap:anywhere; }
.taaqui-home-organizada .ad-headline { overflow-wrap:break-word; }
.taaqui-home-organizada .home-market .card .title { white-space:normal !important; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:21px; }
.taaqui-home-organizada .taaqui-fuel-split { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px !important; }
.main:not(.taaqui-full-reels) { min-width:0; }
@media(max-width:700px) {
 .taaqui-home-organizada > .ad-banner-centro { display:grid !important; grid-template-columns:minmax(0,1fr) !important; }
 .taaqui-home-organizada .ad-banner-media { min-width:0; width:100%; }
 .taaqui-home-organizada .ad-banner-body { padding:18px !important; }
 .taaqui-home-organizada .taaqui-fuel-split { grid-template-columns:minmax(0,1fr) !important; gap:16px !important; }
 .taaqui-home-organizada .taaqui-fuel-heading { display:flex !important; align-items:flex-start !important; flex-wrap:wrap; gap:12px !important; }
 .taaqui-home-organizada .taaqui-fuel-heading > div { flex:1 1 170px; }
 .taaqui-home-organizada .taaqui-fuel-heading p { font-size:13px !important; line-height:1.5 !important; }
 .taaqui-home-organizada .taaqui-fuel-heading > button { min-height:40px; }
 .marketplace .market-feed-title { flex-wrap:wrap; gap:8px; }
 .toolbar { flex-wrap:wrap; }
 .toolbar .searchbar { min-width:min(100%,200px); }
 .pagehead h1 { overflow-wrap:break-word; }
}
.taaqui-home-organizada .cat { overflow-wrap:anywhere; }
@media(max-width:360px) { .taaqui-home-organizada .cat { font-size:10px !important; } }

/* TaAqui identity: pin, smile and current warm palette. */
.top .logo { display:block; width:150px; height:56px; padding:0; flex-shrink:0; }
.top .logo::after { content:none !important; }
.top .logo img { display:block; width:100%; height:100%; object-fit:contain; }
.shell:has(.taaqui-home-organizada) { padding-bottom:0 !important; }
.main.taaqui-home-organizada { padding-bottom:calc(80px + env(safe-area-inset-bottom)) !important; }
/* A scroll-driven food chapter; three product columns share one progress value. */
.main.taaqui-home-organizada > .taaqui-food-story {
 --food-progress:0.2; position:relative; min-height:150vh; min-height:150svh;
 background:linear-gradient(145deg,#fff3d8,#fff8ed 50%,#ffe5d8); border-radius:24px;
 overflow:visible; isolation:isolate;
}
.food-sticky { position:sticky; top:12px; padding:30px 24px 24px; }
.food-heading { text-align:center; max-width:680px; margin:0 auto; }
.food-heading >span { color:#bd4522; font-size:11px; font-weight:800; letter-spacing:2px; }
.food-heading h2 { font-size:clamp(26px,3.2vw,40px); line-height:1.13; margin:9px 0 10px; letter-spacing:-1.4px; color:#4c2318; }
.food-heading em { color:#ef2e3b; font-style:normal; }
.food-heading p { font-size:14px; color:#805d4b; line-height:1.5; }
.food-menu { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:14px 0 22px; }
.food-item { min-width:0; text-align:center; }
.food-stage { height:360px; position:relative; width:min(100%,230px); margin:auto; }
.food-layer { position:absolute; display:block; left:0; width:100%; top:calc(var(--closed) + var(--food-progress)*var(--offset)); will-change:top; }
.food-layer svg { display:block; width:100%; height:auto; overflow:hidden; filter:drop-shadow(0 8px 8px #6f351b18); }
.food-skewer .food-stage { width:115px; }
.food-item h3 { font-size:17px; line-height:1.25; color:#4c2318; letter-spacing:-.4px; margin:6px 0; }
.food-item >p { font-size:12px; color:#805d4b; line-height:1.4; }
.food-bottom { display:flex; justify-content:center; align-items:center; gap:20px; flex-wrap:wrap; }
.food-bottom >span { font-size:11px; color:#805d4b; }
.food-bottom button { background:#f2263b; color:white; border-radius:12px; font-weight:700; min-height:44px; padding:12px 18px; font-size:13px; }
@media(max-width:700px) {
 .top .logo { width:132px; height:48px; }
 .main.taaqui-home-organizada > .taaqui-food-story { min-height:150svh; }
 .food-sticky { top:0; padding:22px 0 18px; }
 .food-heading { padding:0 16px; }
 .food-heading h2 { font-size:28px; }
 .food-heading p { font-size:13px; }
 .food-menu { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; gap:10px; padding:0 18px 12px; margin:8px 0; scrollbar-width:thin; scrollbar-color:#edb78b transparent; }
 .food-item { flex:0 0 82%; scroll-snap-align:center; }
 .food-stage { height:300px; width:min(100%,190px); }
 .food-skewer .food-stage { width:94px; }
 .food-item h3 { font-size:17px; }
 .food-bottom { gap:10px; padding:4px 14px 0; }
 .food-bottom >span { width:100%; text-align:center; }
}
@media(max-height:720px) {
 .food-sticky { padding-top:16px; padding-bottom:12px; }
 .food-stage { height:230px; width:150px; }
 .food-skewer .food-stage { width:74px; }
 .food-heading p { display:none; }
 .food-menu { margin:4px 0 8px; }
 .food-item >p { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 .main.taaqui-home-organizada > .taaqui-food-story { min-height:0; }
 .food-sticky { position:relative; top:auto; }
 .food-layer { will-change:auto; }
 .food-bottom >span { display:none; }
}

.food-layer { width:calc(100% - var(--food-progress)*40%); left:calc(var(--food-progress)*20%); }
@media(max-width:700px) { .food-bottom >span::after { content:" · Deslize para ver os outros sabores"; } }
/* clip preserves the rounded page without creating a scroll ancestor for sticky. */
.shell:has(.taaqui-home-organizada) { overflow:clip; }
@media(max-width:700px) {
 .taaqui-home-organizada .cat { font-size:clamp(8px,2.5vw,11px) !important; white-space:nowrap; overflow-wrap:normal; }
}

/* A continuous skewer keeps the meat and stick intact throughout scrolling. */
.food-skewer .food-stage { display:flex; justify-content:center; align-items:center; }
.food-skewer-whole { display:block; height:92%; width:auto; max-width:100%; overflow:hidden; transform:translateY(calc(var(--food-progress)*-6px)) scale(calc(.96 + var(--food-progress)*.05)); transform-origin:center; }

/* Homepage listings follow the supplied Marketplace reference. */
.main.taaqui-home-organizada > .home-market { background:#f0f2f5 !important; border:0 !important; border-radius:0 !important; padding:20px 14px !important; }
.home-market .grid { gap:18px 10px !important; }
.home-market .card .photo { aspect-ratio:1 !important; border:1px solid #ced0d4 !important; border-radius:8px !important; }
.home-market .card .price { font:700 20px/27px Arial,Helvetica,sans-serif !important; margin:12px 0 3px !important; }
.taaqui-home-organizada .home-market .card .title { display:block !important; white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis; font:400 17px/24px Arial,Helvetica,sans-serif !important; margin:0 !important; min-height:0; }
.home-market .card .muted { font:400 15px/22px Arial,Helvetica,sans-serif !important; color:#65676b !important; margin:3px 0 0 !important; }
@media(max-width:700px) {
 .main.taaqui-home-organizada > .home-market { padding:16px 10px !important; }
 .home-market .card .price { font-size:17px !important; line-height:23px !important; margin-top:8px !important; }
 .taaqui-home-organizada .home-market .card .title { font-size:14px !important; line-height:20px !important; }
 .home-market .card .muted { font-size:13px !important; line-height:19px !important; }
}

/* A compact shopfront and straightforward local ad placements. */
.shell:has(.taaqui-home-organizada) { border-radius:0 !important; box-shadow:none !important; }
.shell:has(.taaqui-home-organizada) > .top { background:#ee2939 !important; padding:12px 32px !important; border-radius:0 !important; box-shadow:none !important; }
.shell:has(.taaqui-home-organizada) .top .logo { width:142px; height:46px; }
.main.taaqui-home-organizada { padding-top:20px !important; }
.local-ad,.local-notice { width:100%; min-width:0; background:transparent; border:0; box-shadow:none; border-radius:0; }
.local-banner-label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:9px; color:#242424; font-size:14px; }
.local-banner-label strong { font-weight:700; }
.local-banner-label >span { font-size:12px; color:#777; }
.local-ad-image { display:block; width:100%; padding:0; overflow:hidden; border-radius:6px; }
.local-ad-image img { display:block; width:100%; height:auto; max-height:340px; object-fit:cover; object-position:center; }
.local-ad-caption { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 0 14px; border-bottom:1px solid #e5e5e5; }
.local-ad-caption h2 { font:700 19px/1.3 Arial,sans-serif; letter-spacing:0; }
.local-ad-caption p { margin-top:4px; font-size:13px; color:#666; }
.local-ad-caption >button { flex-shrink:0; font-size:14px; font-weight:700; color:#d82032; min-height:44px; padding:8px 0 8px 12px; }
.local-notice >img { display:block; width:100%; height:auto; border-radius:6px; box-shadow:none; }
@media(max-width:700px) {
 .shell:has(.taaqui-home-organizada) > .top { padding:10px 16px !important; }
 .shell:has(.taaqui-home-organizada) .top .logo { width:124px; height:42px; }
 .main.taaqui-home-organizada { padding-top:16px !important; }
 .local-ad-image img { max-height:none; object-fit:contain; }
 .local-ad-caption { gap:8px; padding:10px 0; }
 .local-ad-caption h2 { font-size:16px; }
 .local-ad-caption p { font-size:11px; }
 .local-ad-caption >button { font-size:12px; }
 .local-banner-label { font-size:13px; }
 .local-banner-label >span { font-size:11px; }
}

.taaqui-deals-intro { position:relative !important; overflow:hidden !important; isolation:isolate; }
.taaqui-deals-intro .taaqui-intro-copy { position:relative; z-index:2; }
.promo-coupon { position:relative; z-index:2; flex:0 0 94px; width:94px; transform:rotate(-9deg); filter:drop-shadow(0 5px 4px #7c090b45); }
.promo-coupon svg { display:block; width:100%; height:auto; }
.promo-confetti { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.promo-confetti i { position:absolute; left:var(--x); top:-20px; width:5px; height:10px; background:var(--color); opacity:.5; border-radius:1px; animation:promo-confetti-fall var(--duration) linear var(--delay) infinite; }
.promo-confetti i:nth-child(3n) { width:7px; height:7px; border-radius:50%; }
@keyframes promo-confetti-fall { from { transform:translate3d(-8px,-20px,0) rotate(var(--turn)); } to { transform:translate3d(22px,300px,0) rotate(calc(var(--turn) + 300deg)); } }
@media(max-width:700px) { .promo-coupon { flex-basis:60px; width:60px; } .taaqui-home-organizada .taaqui-deals-intro .taaqui-intro-copy h2 { font-size:22px !important; } }
@media(prefers-reduced-motion:reduce) { .promo-confetti i { animation:none; top:calc(var(--x)*.7); } }


/* ==========================================================
   TAAQUI_HOME_50_50_DESKTOP_V1
========================================================== */


/* ==========================================================
   DESKTOP — COMÉRCIO + AVISOS
========================================================== */

@media(min-width:901px){

    .taaqui-commerce-notices-row{
        width:100%;

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr)
            !important;

        gap:
            clamp(18px,1.8vw,28px)
            !important;

        align-items:stretch !important;

        box-sizing:border-box;

        margin:
            22px 0 28px
            !important;
    }


    .taaqui-commerce-notices-row
    > .taaqui-half-home-card{

        width:100% !important;

        min-width:0 !important;

        max-width:none !important;

        margin:0 !important;

        box-sizing:border-box !important;

        /*
          Foto 2:
          remove somente as bordas externas.
        */

        border:
            0
            !important;

        outline:
            0
            !important;
    }


    /*
      Caso a borda esteja no card imediatamente
      dentro da seção.
    */

    .taaqui-half-home-card
    > :is(
        article,
        .card,
        .banner,
        .campaign-card,
        .notice-card,
        .ad-card
    ){
        border:
            0
            !important;

        outline:
            0
            !important;
    }


    /*
      As duas colunas ocupam a mesma linha
      sem uma delas estourar a largura.
    */

    .taaqui-half-home-card{
        overflow:hidden;
    }


    /*
      Banners das duas seções com enquadramento
      consistente dentro do 50/50.
    */

    .taaqui-half-home-card img{
        max-width:100%;

        box-sizing:border-box;
    }


    /*
      Imagens principais:
      não ficam gigantes como quando ocupavam
      100% da tela.
    */

    .taaqui-half-commerce
    img,

    .taaqui-half-notices
    img{
        width:100%;

        object-fit:cover;

        object-position:center;
    }

}


/* ==========================================================
   MOBILE / TABLET
   Mantém empilhado para preservar legibilidade.
========================================================== */

@media(max-width:900px){

    .taaqui-commerce-notices-row{
        display:block !important;

        width:100%;

        margin:0;
    }


    .taaqui-half-home-card{
        width:100% !important;

        margin-bottom:20px !important;
    }

}


/* ==========================================================
   COMBUSTÍVEIS — CORREÇÃO DO CÍRCULO
========================================================== */

/*
  O problema da imagem era o conteúdo escapando
  do círculo e ficando deslocado.
*/

.taaqui-fuel-category-fix
:is(
    .category-icon,
    .cat-icon,
    .niche-icon,
    .home-category-icon,
    .category-image,
    .niche-image
){
    overflow:hidden !important;

    border-radius:50% !important;

    display:grid !important;

    place-items:center !important;
}


/*
  Abrange também estruturas em que a imagem
  está diretamente dentro do botão.
*/

.taaqui-fuel-category-fix img{

    display:block !important;

    margin:
        0 auto
        !important;

    object-fit:
        cover
        !important;

    object-position:
        center center
        !important;

    border-radius:
        50%
        !important;

    transform:
        scale(1.10)
        translateX(3px)
        !important;

    transform-origin:
        center center
        !important;
}


/*
  Se o círculo for um span/div imediatamente
  anterior ao nome, impede a pequena sobra
  que aparece à direita na sua foto.
*/

.taaqui-fuel-category-fix
> :first-child{
    overflow:hidden !important;

    border-radius:50% !important;
}


/* ==========================================================
   DESKTOP — RETIRA BORDA ROSA DOS BLOCOS
========================================================== */

@media(min-width:901px){

    .taaqui-half-commerce,
    .taaqui-half-notices{

        border:
            none
            !important;

        outline:
            none
            !important;
    }


    .taaqui-half-commerce
    > :first-child,

    .taaqui-half-notices
    > :first-child{

        border:
            none
            !important;

        outline:
            none
            !important;
    }

}



/* ==========================================================
   TAAQUI_TRIP_MAP_COMPACT_V1
========================================================== */

/*
  Nada do glass pode sair do mapa.
*/

.taaqui-trip-map-card{
    position:relative !important;

    overflow:hidden !important;
}


/* título menor */

.taaqui-trip-map-title{
    font-size:
        clamp(20px,2.3vw,30px)
        !important;

    line-height:
        1.02
        !important;

    letter-spacing:
        -.035em
        !important;

    margin-bottom:
        4px
        !important;
}


/* subtítulo menor */

.taaqui-trip-map-subtitle{
    font-size:
        clamp(10px,1vw,13px)
        !important;

    line-height:
        1.25
        !important;

    margin:
        0
        !important;
}


/* ==========================================================
   GLASSMORPHISM MAIS COMPACTO
========================================================== */

.taaqui-trip-map-glass{

    box-sizing:border-box !important;

    max-width:
        calc(100% - 24px)
        !important;

    padding:
        10px 14px
        !important;

    border-radius:
        18px
        !important;

    backdrop-filter:
        blur(15px)
        saturate(135%)
        !important;

    -webkit-backdrop-filter:
        blur(15px)
        saturate(135%)
        !important;

    /*
      Se ele já estiver absoluto,
      essas medidas o mantêm dentro do mapa.
    */

    left:
        12px
        !important;

    right:
        12px
        !important;

    bottom:
        12px
        !important;
}


/* textos dentro do glass também ficam discretos */

.taaqui-trip-map-glass
:is(p,span,small){
    font-size:
        clamp(9px,.9vw,12px)
        !important;

    line-height:
        1.25
        !important;
}


/* botões/chips dentro do glass */

.taaqui-trip-map-glass
button{
    min-height:
        28px
        !important;

    padding:
        6px 10px
        !important;

    font-size:
        10px
        !important;

    border-radius:
        999px
        !important;
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:650px){

    .taaqui-trip-map-title{
        font-size:
            19px
            !important;
    }


    .taaqui-trip-map-subtitle{
        font-size:
            9px
            !important;
    }


    .taaqui-trip-map-glass{
        max-width:
            calc(100% - 16px)
            !important;

        left:
            8px
            !important;

        right:
            8px
            !important;

        bottom:
            8px
            !important;

        padding:
            7px 10px
            !important;

        border-radius:
            14px
            !important;
    }

}