/* Atualização visual do Clube Ilha Pura. Apenas apresentação; conteúdo e scripts permanecem intactos. */
:root{
  --green:#003c47;
  --leaf:#007d80;
  --coral:#ff684d;
  --sand:#fbfaf6;
  --ink:#003c47;
  --muted:#46505e;
  --line:#d8e8e3;
  --v18-ink:#003c47;
  --v18-deep:#00676e;
  --v18-teal:#008d91;
  --v18-coral:#ff684d;
  --v18-paper:#fffefa;
}
body{padding:0!important;background:#eef2ef;color:var(--ink);font-family:'Nunito Sans','DM Sans',sans-serif}
.app{background:#fffefa;box-shadow:0 0 40px #193a3720}
.app:not(.home-v18){width:min(100%,520px)}
button,input,textarea,select{font-family:inherit}

/* Identidade e navegação compartilhadas em todas as páginas. */
.topbar{height:80px;padding:14px 16px 10px;background:transparent;border:0;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.topbar .brand{display:flex;align-items:center}
.topbar .logo{position:relative;display:grid;place-items:center;overflow:hidden;width:55px;height:55px;min-width:55px;border:0;border-radius:50%;background:radial-gradient(circle at 25% 22%,#009fa0,#005b64 74%);box-shadow:0 8px 20px #104c4730;color:#fff}
.topbar .logo-arch{position:absolute;top:14px;left:15px;width:25px;height:22px;border:2px solid #fff;border-bottom:0;border-radius:50% 50% 0 0}
.topbar .logo-wave{position:absolute;left:0;right:0;bottom:9px;margin:0;font:700 23px/1 Arial,sans-serif;letter-spacing:-8px;color:#fff;transform:scaleX(.7)}
.topbar .brand{gap:12px}
.topbar .brand-name small{font:900 11px/1 'Nunito Sans',sans-serif;letter-spacing:.16em;color:#003c47;margin:0 0 4px}
.topbar .brand-name strong{font:900 24px/.96 'Nunito Sans',sans-serif;letter-spacing:-.035em;color:#003c47}
.topbar .bell{display:grid;place-items:center;position:relative;right:auto;width:48px;height:48px;min-width:48px;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 20px #1f50431d;transform:translateY(5px)}
.topbar .bell i{background:#fb5b43}
.topbar .bell-icon{position:relative;display:block;width:24px;height:25px;background:radial-gradient(circle at 50% 2px,#003c47 0 2px,transparent 2.5px)}
.topbar .bell-icon::before{content:"";position:absolute;left:4px;top:4px;width:16px;height:15px;border:2px solid #003c47;border-radius:9px 9px 5px 5px;box-sizing:border-box}
.topbar .bell-icon::after{content:"";position:absolute;left:9px;bottom:0;width:6px;height:3px;background:#003c47;border-radius:0 0 6px 6px}
.bottom-nav{z-index:20;left:50%;right:auto;bottom:0;transform:translateX(-50%);width:min(100%,520px);height:78px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border:0;border-radius:23px 23px 0 0;background:#fffffff5;box-shadow:0 -8px 30px #173b3a1b;backdrop-filter:blur(16px)}
.bottom-nav button{min-width:0;flex:1;height:62px;color:#7c8292;font-size:10px;font-weight:700;border-radius:16px}
.bottom-nav button.selected{background:#e0f5f0;color:#004d59;box-shadow:none}
.bottom-nav .publish{color:#fb5d45!important}
.bottom-nav .publish>span{width:52px;height:52px;margin-top:-31px;border-radius:50%;background:#ff684d;color:#fff;box-shadow:0 0 0 4px #fff,0 10px 23px #ff684d55}

/* Superfícies internas seguem a mesma paleta e formas, sem alterar os campos ou itens. */
.page-lead h1,.pf-top h1,.imo-head strong,.ev-body h2,.nw-card h2,.sp-hero h1,
.item-summary h1,.item-details h2,.market-head strong,.bazar-intro h1,
.professionals-main h1,.professionals-main h2{
  font-family:'Nunito Sans','DM Sans',sans-serif;font-weight:900;letter-spacing:-.035em;color:#003c47}
.page-lead p,.pf-top p,.ev-meta,.nw-card p,.item-summary p,.imo-loc{color:#46505e}
.directory-hero-copy h1{color:#fff}
.choose-card,.card-soft,.ev-card,.nw-card,.imo-card,.market-grid article,.seller-card,
.professional-v18,.product{border-radius:20px;box-shadow:0 10px 22px #244b4612}
.choose-card,.card-soft,.ev-card,.nw-card,.imo-card,.seller-card{border-color:#dceae5;background:#fff}
.btn,.message-dock button,.message-send{background:#006d70;color:#fff;border-radius:15px}
.btn.coral,.imo-fav.on{background:#ff684d}
.seg button.active,.imo-chips button.active,.chips button.active{background:#006d70;border-color:#006d70;color:#fff}
.form-dock,.message-dock{width:min(100%,520px)}

/* Home: folhagem da referência, saudação, banner e atalhos proporcionais. */
.app.home-v18{width:min(100%,941px);position:relative;background:linear-gradient(#fffefa,#f9fbf9 58%,#fffefa)}
.home-v18::before{content:"";position:absolute;right:0;top:0;width:44.74%;height:auto;aspect-ratio:421/320;z-index:0;pointer-events:none;opacity:1;transform:none;
  background:url('./assets/layout-reference.png') right top/223.52% auto no-repeat;
  mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 100%)}
.home-v18::after,.home-v18 .leaf-v53{display:none}
.home-v18 .topbar{background:transparent}
.home-v18 .home-main-v18{padding:0 13px 116px}
.home-v18 .greeting-v18{padding:9px 4px 7px}
.home-v18 .greeting-v18 h1{font:900 41px/1 'Nunito Sans',sans-serif;letter-spacing:-.06em;color:#003c47}
.home-v18 .greeting-v18 p{margin:0;font:700 20px/1.1 'Nunito Sans',sans-serif;letter-spacing:-.03em;color:#46505e}
.home-v18 .lifestyle-hero-v18{height:auto;aspect-ratio:893/477;border-radius:18px;box-shadow:0 14px 24px #263a301b}
.home-v18 .lifestyle-hero-v18::after{display:none}
.home-v18 .lifestyle-hero-v18 img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.home-v18 .hero-v50::before{background:linear-gradient(90deg,rgba(6,35,29,.68),rgba(6,35,29,.28) 46%,transparent 75%)}
.home-v18 .hero-copy-v50{top:auto;left:0;bottom:0;max-width:78%;padding:0 0 18px 18px}
.home-v18 .hero-copy-v50 h2{font:900 26px/1.04 'Nunito Sans',sans-serif;letter-spacing:-.045em;color:#fff;text-shadow:0 2px 14px #001e1c80}
.home-v18 .hero-copy-v50 p{margin:6px 0 0;font:600 12px/1.25 'Nunito Sans',sans-serif;color:#fff}
.home-v18 .hero-cta-v50{margin-top:9px;padding:8px 16px;background:#fff;color:#003c47;font:900 12.5px 'Nunito Sans',sans-serif;box-shadow:0 8px 18px #001c1a40}
.home-v18 .hero-dots-v50 i.on{width:8px;border-radius:50%;background:#00c6c9}
.home-v18 .quick-links-v18{display:flex;gap:6px;margin-top:14px;padding:0 2px 4px;overflow-x:auto;scroll-snap-type:none}
.home-v18 .quick-card-v18{flex:0 0 calc((100% - 12px)/3);height:145px;padding:12px 13px;border:0;border-radius:16px;box-shadow:0 10px 20px #244b4616}
.home-v18 .quick-card-v18.professional{background:radial-gradient(circle at 0 0,#008d91,#006267 58%,#004d50);color:#fff}
.home-v18 .quick-card-v18.market{background:linear-gradient(137deg,#fbffff,#e9faf6 75%);color:#003c47}
.home-v18 .quick-card-v18.events{background:linear-gradient(137deg,#fffdf8,#fcf1d9);color:#242724}
.home-v18 .quick-card-v18::before{background:none!important}
.home-v18 .quick-card-v18::after{border:0;background:radial-gradient(ellipse at 100% 100%,#ffffff24,transparent 70%)}
.home-v18 .quick-icon-v18{width:46px;height:46px;flex:0 0 46px;margin:0;background:#ffffff25;border:0;box-shadow:inset 0 0 0 1px #ffffff20}
.home-v18 .quick-card-v18.market .quick-icon-v18{background:#dff3ed}
.home-v18 .quick-card-v18.events .quick-icon-v18{background:#faeac9}
.home-v18 .quick-copy-v18{margin:6px 0 0}
.home-v18 .quick-copy-v18 strong{font:900 16px/1.08 'Nunito Sans',sans-serif;letter-spacing:-.035em;margin:0 0 3px}
.home-v18 .quick-copy-v18 small{font:600 11px/1.18 'Nunito Sans',sans-serif;opacity:1}
.home-v18 .quick-arrow-v51{width:30px;height:30px;margin-top:auto;border:0;background:#ffffff35;font-size:17px}
.home-v18 .quick-card-v18.market .quick-arrow-v51{background:#cfefea}
.home-v18 .quick-card-v18.events .quick-arrow-v51{background:#f5e4bd;color:#9e7006}
.home-v18 .ph-row-v52{margin-top:20px;align-items:center}
.home-v18 .ph-row-v52 h2{font:900 25px/1.12 'Nunito Sans',sans-serif;letter-spacing:-.05em;color:#003c47}
.home-v18 .ph-see-v52{font:900 13px 'Nunito Sans',sans-serif;color:#003c47}
.home-v18 .catbig{grid-template-columns:149fr 136fr 137fr;gap:10px;margin:8px 2px 0}
.home-v18 .catbig-card{height:148px;border:0;border-radius:14px;box-shadow:0 10px 20px #244b461b}
.home-v18 .catbig-card::after{display:none}
.home-v18 .catbig .lab{left:0;right:0;bottom:0;min-height:52px;padding:6px 8px;border-radius:14px 14px 0 0;gap:6px;background:#fffffff2;box-shadow:none}
.home-v18 .catbig .lab .ic{width:30px;height:30px;font-size:13px}
.home-v18 .catbig .lab .ic svg{display:block;width:66%;height:66%}
.home-v18 .catbig .lab .tx b{font:900 12px/1.05 'Nunito Sans',sans-serif;color:#003c47}
.home-v18 .catbig .lab .tx small{font:600 8.5px/1.18 'Nunito Sans',sans-serif;color:#465469}
.home-v18 .catbig .lab .arw{width:18px;height:18px;border-radius:50%;background:#f0f1f0;color:#003c47;display:grid;place-items:center;font-size:15px}
.app.home-v18 .bottom-nav{width:min(100%,941px)!important}
html:has(.home-v18){scrollbar-width:none}
html:has(.home-v18)::-webkit-scrollbar{display:none}

@media(max-width:370px){
  .home-v18 .greeting-v18 h1{font-size:35px}
  .home-v18 .greeting-v18 p{font-size:17px}
  .home-v18 .hero-copy-v50 h2{font-size:22px}
  .home-v18 .hero-copy-v50 p{font-size:10px}
  .home-v18 .quick-card-v18{padding:10px 9px}
  .home-v18 .quick-copy-v18 strong{font-size:14px}
  .home-v18 .quick-copy-v18 small{font-size:9px}
  .home-v18 .catbig .lab{padding:5px;gap:4px}
  .home-v18 .catbig .lab .ic{width:25px;height:25px}
  .home-v18 .catbig .lab .tx small{font-size:7.5px}
}

@media(min-width:700px){
  html{scrollbar-width:none}
  html::-webkit-scrollbar{display:none}
  .app.home-v18{max-width:941px;border-radius:0}
  .home-v18 .topbar{height:164px;padding:28px 36px 22px}
  .home-v18 .topbar .brand{gap:26px}
  .home-v18 .topbar .logo{width:114px;height:114px;min-width:114px}
  .home-v18 .topbar .logo-arch{width:52px;height:46px;top:27px;left:31px;border-width:3px}
  .home-v18 .topbar .logo-wave{bottom:19px;font-size:44px}
  .home-v18 .topbar .brand-name small{font-size:20px;margin-bottom:6px}
  .home-v18 .topbar .brand-name strong{font-size:47px}
  .home-v18 .topbar .bell{width:94px;height:94px;min-width:94px;transform:translateY(5px)}
  .home-v18 .topbar .bell-icon{transform:scale(1.7)}
  .home-v18 .topbar .bell i{width:20px;height:20px;top:8px;right:13px}
  .home-v18 .home-main-v18{padding:0 24px 150px}
  .home-v18 .greeting-v18{padding:16px 16px 11px}
  .home-v18 .greeting-v18 h1{font-size:86px;line-height:1}
  .home-v18 .greeting-v18 p{font-size:42px;line-height:1.12}
  .home-v18 .lifestyle-hero-v18{border-radius:35px}
  .home-v18 .hero-copy-v50{max-width:500px;padding:0 0 40px 38px}
  .home-v18 .hero-copy-v50 h2{font-size:48px;line-height:1}
  .home-v18 .hero-copy-v50 p{font-size:21px;line-height:1.2;margin-top:10px}
  .home-v18 .hero-cta-v50{margin-top:17px;padding:14px 31px;font-size:22px}
  .home-v18 .hero-dots-v50 i,.home-v18 .hero-dots-v50 i.on{width:13px;height:13px}
  .home-v18 .quick-links-v18{margin-top:24px;padding:0 7px 4px;gap:12px}
  .home-v18 .quick-card-v18{flex-basis:calc((100% - 24px)/3);height:291px;padding:22px 32px;border-radius:30px}
  .home-v18 .quick-icon-v18{width:90px;height:90px;flex-basis:90px}
  .home-v18 .quick-copy-v18{margin-top:9px}
  .home-v18 .quick-copy-v18 strong{font-size:33px;margin-bottom:5px}
  .home-v18 .quick-copy-v18 small{font-size:22px}
  .home-v18 .quick-arrow-v51{width:58px;height:58px;font-size:29px}
  .home-v18 .ph-row-v52{margin:31px 7px 0}
  .home-v18 .ph-row-v52 h2{font-size:49px}
  .home-v18 .ph-see-v52{font-size:23px}
  .home-v18 .catbig{grid-template-columns:297fr 272fr 276fr;gap:20px;margin:6px 7px 0}
  .home-v18 .catbig-card{height:296px;border-radius:23px}
  .home-v18 .catbig .lab{min-height:104px;padding:10px 15px;border-radius:28px 28px 0 0;gap:13px}
  .home-v18 .catbig .lab .ic{width:62px;height:62px;font-size:26px}
  .home-v18 .catbig .lab .tx b{font-size:20px}
  .home-v18 .catbig .lab .tx small{font-size:15px}
  .home-v18 .catbig .lab .arw{width:34px;height:34px;font-size:24px}
  .app.home-v18 .bottom-nav{height:122px!important;min-height:122px!important;padding:10px 24px 11px!important;border-radius:42px 42px 0 0!important}
  .app.home-v18 .bottom-nav button{height:100px!important;min-width:0!important;font-size:21px!important;border-radius:22px!important}
  .app.home-v18 .bottom-nav button>span{font-size:39px!important;height:45px!important}
  .app.home-v18 .bottom-nav .publish{height:100px!important;padding-top:24px!important}
  .app.home-v18 .bottom-nav .publish>span{top:-30px!important;width:89px!important;height:89px!important;min-height:89px!important;margin-top:0!important;border-radius:50%!important;font-size:55px!important;background:#ff684d!important;box-shadow:0 0 0 5px #fff,0 10px 23px #ff684d55!important}
}

/* A vitrine inicial usa os mesmos recortes e proporções da versão local. */
.home-v18 .lifestyle-hero-v18 img{position:absolute;left:-2.688%;top:-67.505%;width:105.375%;height:auto;max-width:none;object-fit:unset;filter:none}
.home-v18 .hero-v50::before{display:none}
.home-v18 .hero-copy-v50{inset:0;max-width:none;width:100%;height:100%;padding:0;pointer-events:none}
.home-v18 .hero-copy-v50 h2,.home-v18 .hero-copy-v50 p{display:none}
.home-v18 .hero-cta-v50{position:absolute;left:4.1%;bottom:8.1%;width:29%;height:12%;margin:0;padding:0;border:0;background:transparent;color:transparent;font-size:0;box-shadow:none;pointer-events:auto}
.home-v18 .hero-cta-v50 span,.home-v18 .hero-dots-v50{display:none}
.home-v18 .quick-icon-v18 svg{width:55%;height:55%;display:block}
.home-v18 .quick-icon-v18:has(svg)::before,.home-v18 .quick-icon-v18:has(svg)::after{display:none!important}
.home-v18 .catbig-photo{bottom:83px;overflow:hidden;background:none!important}
.home-v18 .catbig-photo img{position:absolute;top:-1219px;width:941px;height:auto;max-width:none;pointer-events:none}
.home-v18 .catbig-photo.s1 img{left:-30px}
.home-v18 .catbig-photo.s2 img{left:-349px}
.home-v18 .catbig-photo.s3 img{left:-640px}
.home-v18 .bottom-nav button>span svg{display:block;width:39px;height:39px}
.home-v18 .bottom-nav .publish>span svg{width:43px;height:43px}

/* Detalhes do desenho de referência. */
.home-v18 .topbar .logo svg{display:block;width:62%;height:62%}
.home-v18 .topbar .bell svg{display:block;width:42%;height:42%;color:#003c47}
.home-v18 .quick-icon-v18:has(svg){display:grid;place-items:center}
.home-v18 .quick-arrow-v51{display:grid;place-items:center}
.home-v18 .quick-arrow-v51 svg{display:block;width:55%;height:55%}
.home-v18 .quick-card-v18::after{display:none}
.home-v18 .quick-card-v18.professional{background:radial-gradient(ellipse 150px 205px at 95% -6%,#ffffff16 0 48%,transparent 49%),radial-gradient(ellipse 280px 145px at 104% 128%,#ffffff13 0 46%,transparent 47%),linear-gradient(145deg,#008d91,#006267 57%,#004d50)}
.home-v18 .quick-card-v18.market{background:radial-gradient(ellipse 330px 210px at 118% 125%,#bfece6 0 51%,transparent 51.5%),radial-gradient(ellipse 310px 200px at 88% 145%,#def7f1 0 53%,transparent 53.5%),linear-gradient(137deg,#fbffff,#e9faf6 75%)}
.home-v18 .quick-card-v18.events{background:radial-gradient(ellipse 330px 210px at 118% 125%,#f4e3bc 0 51%,transparent 51.5%),radial-gradient(ellipse 310px 200px at 88% 145%,#fbf2df 0 53%,transparent 53.5%),linear-gradient(137deg,#fffdf8,#fcf1d9)}
.home-v18 .catbig .lab .tx{flex:1;min-width:0}
.home-v18 .catbig .lab .arw{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.home-v18 .bottom-nav button:not(.selected):not(.publish){color:#7c8292!important}
.home-v18 .catbig .lab{align-items:flex-start;padding-top:8px}
.home-v18 .catbig .lab .tx{margin-top:9px}

@media(min-width:700px){
  .home-v18 .greeting-v18 h1{letter-spacing:-.04em}
  .home-v18 .ph-row-v52 h2{letter-spacing:-.01em}
  .home-v18 .ph-see-v52{letter-spacing:.04em}
  .app.home-v18 .bottom-nav{padding-left:30px!important;padding-right:30px!important}
  .app.home-v18 .bottom-nav button.selected{margin-left:6px!important}
  .home-v18 .greeting-v18{padding-bottom:9px}
  .home-v18 .quick-links-v18{gap:21px}
  .home-v18 .quick-card-v18.professional{flex-basis:287px}
  .home-v18 .quick-card-v18.market{flex-basis:280px}
  .home-v18 .quick-card-v18.events{flex-basis:273px}
  .home-v18 .quick-card-v18.realestate{flex-basis:273px}
  .home-v18 .ph-row-v52{margin-top:37px}
  .home-v18 .catbig{margin-top:-6px}
  .home-v18 .catbig .lab .tx small{font-size:13.5px;letter-spacing:-.015em}
  .home-v18 .nearby-v18{margin-top:36px!important}
}

@media(min-width:941px){
  .home-v18 .catbig{grid-template-columns:297px 272px 276px}
}

.home-v18 .quick-card-v18::after{display:block;position:absolute;right:-67px;bottom:-75px;width:230px;height:150px;border-radius:100%;transform:rotate(-28deg);background:#d1f1e97a}
.home-v18 .quick-card-v18.professional::after{background:#16858a55}
.home-v18 .quick-card-v18.events::after{background:#ead8a150}
.home-v18 .quick-icon-v18 svg{width:51px;height:51px}
.home-v18 .quick-icon-v18.people svg{width:49px;height:49px}
.home-v18 .quick-arrow-v51 svg{width:32px;height:32px}
.home-v18 .topbar .logo svg{width:70px;height:70px}
.home-v18 .topbar .bell svg{width:39px;height:39px}

@media(max-width:700px){
  .home-v18 .quick-icon-v18 svg,.home-v18 .quick-icon-v18.people svg{width:58%;height:58%}
  .home-v18 .quick-arrow-v51 svg{width:57%;height:57%}
  .home-v18 .topbar .logo svg{width:42px;height:42px}
  .home-v18 .topbar .bell svg{width:27px;height:27px}
}

@media(max-width:700px){
  .home-v18 .topbar{height:108px;min-height:108px;padding:18px 17px 0;align-items:flex-start}
  .home-v18 .topbar .logo{width:68px;height:68px;min-width:68px}
  .home-v18 .topbar .logo-arch{top:17px;left:19px;width:30px;height:28px}
  .home-v18 .topbar .logo-wave{bottom:11px;font-size:28px}
  .home-v18 .topbar .brand{gap:12px}
  .home-v18 .topbar .brand-name small{font-size:11px}
  .home-v18 .topbar .brand-name strong{font-size:27px}
  .home-v18 .topbar .bell{width:54px;height:54px;min-width:54px;margin-top:7px;transform:none}
  .home-v18 .home-main-v18{padding-left:0;padding-right:0}
  .home-v18 .greeting-v18{padding:3px 19px 0}
  .home-v18 .greeting-v18 h1{font-size:clamp(36px,9vw,65px);line-height:1.05}
  .home-v18 .greeting-v18 p{font-size:clamp(22px,5vw,35px);line-height:1.12;margin-bottom:18px}
  .home-v18 .lifestyle-hero-v18{margin:0 12px;border-radius:23px}
  .home-v18 .quick-links-v18{gap:8px;margin-top:15px;padding:0 14px 4px;scroll-snap-type:none}
  .home-v18 .quick-card-v18{flex-basis:calc((100% - 16px)/3);height:clamp(106px,31vw,216px);padding:clamp(8px,2.3vw,15px) clamp(9px,3.55vw,18px) 5px;border-radius:clamp(12px,3vw,21px)}
  .home-v18 .quick-card-v18.professional{background:radial-gradient(ellipse 150px 205px at 95% -6%,#ffffff04 0 48%,transparent 49%),radial-gradient(ellipse 280px 145px at 104% 128%,#ffffff06 0 46%,transparent 47%),linear-gradient(145deg,#007579,#006166 57%,#005155)}
  .home-v18 .quick-card-v18.market{background:radial-gradient(ellipse 330px 210px at 118% 125%,#e2f7f1 0 51%,transparent 51.5%),radial-gradient(ellipse 310px 200px at 88% 145%,#e8faf5 0 53%,transparent 53.5%),linear-gradient(137deg,#fbffff,#e9faf6 75%)}
  .home-v18 .quick-card-v18.events{background:radial-gradient(ellipse 330px 210px at 118% 125%,#fbefd9 0 51%,transparent 51.5%),radial-gradient(ellipse 310px 200px at 88% 145%,#fcf5e6 0 53%,transparent 53.5%),linear-gradient(137deg,#fffdf8,#fcf1d9)}
  .home-v18 .quick-icon-v18{width:clamp(32px,9.2vw,65px);height:clamp(32px,9.2vw,65px);flex-basis:clamp(32px,9.2vw,65px);margin-bottom:clamp(5px,1.3vw,9px)}
  .home-v18 .quick-copy-v18{margin-top:0}
  .home-v18 .quick-copy-v18 strong{font-size:clamp(12px,3.5vw,23px);margin-bottom:2px}
  .home-v18 .quick-copy-v18 small{font-size:clamp(8px,2.35vw,16px);line-height:1.14}
  .home-v18 .quick-arrow-v51{width:clamp(21px,6.2vw,43px);height:clamp(21px,6.2vw,43px);margin-top:auto;font-size:clamp(16px,4.5vw,30px)}
  .home-v18 .ph-row-v52{margin:17px 13px 0}
  .home-v18 .ph-row-v52 h2{font-size:clamp(20px,5.2vw,36px)}
  .home-v18 .ph-see-v52{font-size:clamp(10px,2.45vw,17px)}
  .home-v18 .professional-categories-v30{margin-top:9px}
  .home-v18 .catbig{display:flex;gap:2.2vw;margin:0 0 0 3.2vw;overflow-x:auto;scrollbar-width:none;padding-bottom:12px}
  .home-v18 .catbig-card{flex:0 0 31.6vw;width:31.6vw;height:36.6vw;border-radius:2.45vw}
  .home-v18 .catbig-card:nth-child(2){flex-basis:28.9vw;width:28.9vw}
  .home-v18 .catbig-card:nth-child(3){flex-basis:29.3vw;width:29.3vw}
  .home-v18 .catbig-photo{bottom:12vw}
  .home-v18 .catbig-photo img{width:120vw;top:-155.45vw}
  .home-v18 .catbig-photo.s1 img{left:-6.99vw}
  .home-v18 .catbig-photo.s2 img{left:-47.4vw}
  .home-v18 .catbig-photo.s3 img{left:-84.54vw}
  .home-v18 .catbig .lab{height:12vw;min-height:12vw;padding:1.2vw 1.6vw;border-radius:3vw 3vw 0 0;gap:1.1vw}
  .home-v18 .catbig .lab .ic{width:6.6vw;height:6.6vw;font-size:3vw}
  .home-v18 .catbig .lab .tx{margin-top:.75vw}
  .home-v18 .catbig .lab .tx b{font-size:clamp(9.5px,2.25vw,15px)}
  .home-v18 .catbig .lab .tx small{font-size:clamp(7px,1.65vw,11px);line-height:1.13}
  .home-v18 .catbig .lab .arw{width:3.6vw;height:3.6vw;right:1.1vw;font-size:3vw}
  .home-v18 .nearby-v18{margin-left:16px;margin-right:16px}
  .home-v18 .nearby-v18 .professional-list-v18{margin-left:0;margin-right:0}
  .app.home-v18 .bottom-nav{height:84px!important;min-height:84px!important;padding:6px 5px 5px!important;border-radius:24px 24px 0 0!important}
  .app.home-v18 .bottom-nav button{height:70px!important;font-size:11px!important}
  .home-v18 .bottom-nav button>span svg{width:25px;height:25px}
  .app.home-v18 .bottom-nav .publish>span{top:-19px!important;width:57px!important;height:57px!important;min-height:57px!important;border-radius:50%!important;background:#ff684d!important;font-size:32px!important}
  .home-v18 .bottom-nav .publish>span svg{width:29px;height:29px}
}

/* 16/10: fundo da home igual ao da página Bazar (off-white quente com brilho dourado suave). */
.app.home-v18{background:linear-gradient(#fef4e8 0,#fdf6eb 300px,#fdf8f1 640px,#fdf8f1)}

/* Correções 16/10 (celular): margem do Bazar e "Profissionais Ilha Pura" no mesmo padrão de "Profissionais em destaque". */
@media(max-width:700px){
  .home-v18 .home-bazar-v18,.home-v18 .community-strip-v23{margin-left:16px;margin-right:16px}
  /* a folhagem é recorte do mockup e traz o sino desenhado dele; no celular ele desalinha e aparece atrás do sino real. Abre um vão suave só ali. */
  .home-v18::before{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 100%),radial-gradient(circle at calc(100% - 40px) 46px,transparent 0 44px,#000 58px);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 100%),radial-gradient(circle at calc(100% - 40px) 46px,transparent 0 44px,#000 58px);mask-composite:intersect}
  .home-v18 .community-strip-v23{margin-top:17px}
  .home-v18 .home-bazar-v18{margin-top:31px}
  .home-v18 .ph-row-v52{margin:17px 18px 0;min-height:23px}
  .home-v18 .ph-row-v52 h2{font:700 11px/1.15 'Nunito Sans','DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#51726b}
  .home-v18 .ph-see-v52{font:700 13px/13px 'DM Sans',sans-serif;letter-spacing:normal;color:#003c47;padding:0}
  .home-v18 .ph-see-v52 span{font-size:23px;margin-left:3px;vertical-align:-2px}
  .home-v18 .professional-categories-v30{margin-top:0}
  .home-v18 .catbig{margin:0 16px;gap:8.25px;padding:1px 0 12px}
  .home-v18 .catbig-card{flex:0 0 calc((100% - 16.5px) * .3531);width:auto;height:49.6vw;border-radius:3vw}
  .home-v18 .catbig-card:nth-child(2){flex-basis:calc((100% - 16.5px) * .3205);width:auto}
  .home-v18 .catbig-card:nth-child(3){flex-basis:calc((100% - 16.5px) * .3264);width:auto}
  .home-v18 .catbig-photo{bottom:18.8vw}
  .home-v18 .catbig-photo img{width:150vw;top:-194.31vw}
  .home-v18 .catbig-photo.s1 img{left:calc(50% - 27.42vw)}
  .home-v18 .catbig-photo.s2 img{left:calc(50% - 77.79vw)}
  .home-v18 .catbig-photo.s3 img{left:calc(50% - 126.73vw)}
  .home-v18 .catbig .lab{height:18.8vw;min-height:18.8vw;padding:1.5vw 1.2vw;border-radius:3.6vw 3.6vw 0 0;gap:1vw}
  .home-v18 .catbig .lab .ic{width:5.8vw;height:5.8vw;font-size:3.2vw}
  .home-v18 .catbig .lab .tx{margin-top:.8vw;padding-right:0}
  .home-v18 .catbig .lab .tx b{font-size:clamp(13px,3.4vw,19px);padding-right:0}
  .home-v18 .catbig .lab .tx small{font-size:clamp(10px,2.5vw,14px);line-height:1.15}
  .home-v18 .catbig .lab .arw{width:3.4vw;height:3.4vw;right:.8vw;top:2.4vw;transform:none;font-size:2.9vw}
}

/* Página Bazar (16/10) no layout de referência: topo claro com ilustração à direita, busca com selo de moradores,
   filtros com ícones, "Destaques" em carrossel e "Mais recentes" em grade. Só vale em .bazar-app.
   Celular: regras base. Tablet (600px+): bloco no final, sem alterar o celular. */
.bazar-app{position:relative;background:linear-gradient(#fef4e8 0,#fdf6eb 300px,#fdf8f1 640px,#fdf8f1);overflow:visible}
.bazar-app::before{content:"";position:absolute;right:0;top:0;width:68.4%;height:auto;aspect-ratio:541/348;z-index:0;pointer-events:none;
  background:url('./assets/bazar-topo2.jpg') right top/cover no-repeat;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 26%),linear-gradient(to bottom,#000 74%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 26%),linear-gradient(to bottom,#000 74%,transparent 100%);
  mask-composite:intersect}
.bazar-app .bazar-main{position:relative;z-index:1;padding-bottom:calc(140px + env(safe-area-inset-bottom))}

/* topo */
.bz-hero{position:relative;z-index:1}
.bz-hero .topbar{height:auto;min-height:0;padding:calc(8.47vw - 23px) calc(7.96vw - 20px) 0 16px;align-items:center;gap:10px;background:transparent}
.bz-hero .topbar .brand{gap:10px}
.bz-hero .topbar .logo{width:46px;height:46px;min-width:46px}
.bz-hero .topbar .logo svg{display:block;width:31px;height:31px}
.bz-hero .topbar .brand-name small{font-size:9.5px;letter-spacing:.2em;margin-bottom:2px}
.bz-hero .topbar .brand-name strong{font-size:21px}
.bz-hero .topbar .bell,.bz-search-btn{width:40px;height:40px;min-width:40px;margin:0;border:0;border-radius:50%;background:#fff;color:#0b3d47;
  display:grid;place-items:center;position:relative;transform:none;box-shadow:0 6px 16px rgba(120,84,34,.18)}
.bz-hero .topbar .bell{margin-left:auto}
.bz-search-btn{margin-left:calc(10.88vw - 50px)!important}
.bz-hero .topbar .bell svg,.bz-search-btn svg{display:block;width:21px;height:21px}
.bz-hero-copy{position:relative;padding:11px 16px 0}
.bz-hero-copy h1{margin:0;max-width:min(64%,330px);font:900 clamp(29px,9vw,40px)/.8 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.035em;color:#0b3d47}
.bz-hero-copy p{margin:1px 0 0;font:500 clamp(14px,3.75vw,17px)/1.2 'Nunito Sans','DM Sans',sans-serif;color:#3f4b57}

/* busca + selo de moradores */
.bazar-app .bazar-tools{position:relative;z-index:2;margin-top:16px;padding:0 16px}
.bz-searchrow{display:flex;align-items:center;gap:10px}
.bazar-app .market-search{flex:1;min-width:0;height:36px;border:0;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(120,84,34,.12);padding:0 12px;gap:8px}
.bazar-app .market-search span{display:grid;place-items:center;color:#0b3d47}
.bazar-app .market-search svg{display:block;width:19px;height:19px}
.bazar-app .market-search input{min-width:0;font:500 14.5px 'Nunito Sans','DM Sans',sans-serif;color:#0b3d47;background:transparent}
.bazar-app .market-search input::placeholder{color:#7c8292}
.bz-stat{flex:none;display:flex;align-items:center;gap:8px;height:50px;padding:0 12px;border-radius:16px;background:rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(16,52,47,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0f5d56}
.bz-stat svg{display:block;width:22px;height:22px;flex:none}
.bz-stat span{display:flex;flex-direction:column;font:500 12px/1.15 'Nunito Sans','DM Sans',sans-serif;color:#46505e;white-space:nowrap}
.bz-stat b{font:700 13px/1.15 'Nunito Sans','DM Sans',sans-serif;color:#0b3d47}

/* filtros com ícone */
.bazar-app .chips{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:7px;margin:9px -16px 0;padding:2px 16px 8px;scroll-padding:0 16px}
.bazar-app .chips::-webkit-scrollbar{display:none}
.bazar-app .chips button{flex:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #f1e6d6;border-radius:999px;background:#fff;
  padding:5px 12px 5px 9px;font:600 12.5px 'Nunito Sans','DM Sans',sans-serif;color:#2c3e3a;box-shadow:0 4px 12px rgba(120,84,34,.09)}
.bazar-app .chips button svg{display:block;width:16px;height:16px;flex:none;color:#0f6b63}
.bazar-app .chips button.active{background:#0f6b63;border-color:#0f6b63;color:#fff}
.bazar-app .chips button.active svg{color:#fff}

/* cabeçalhos das seções */
.bz-sec{margin-top:24px}
.bz-destaques{margin-top:16px}
.bz-sec[hidden]{display:none}
.bz-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;margin-bottom:14px}
.bz-head h2{margin:0;font:900 21px/1.1 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.03em;color:#0b3d47}
.bz-see{border:0;background:transparent;padding:4px 0;font:600 14px 'Nunito Sans','DM Sans',sans-serif;color:#0f6b63}
.bz-see span{font-size:20px;margin-left:5px;vertical-align:-2px}
.bz-tools2{display:flex;align-items:center;gap:10px}
.bz-sort{border:0;background:transparent;padding:4px 0;font:600 14px 'Nunito Sans','DM Sans',sans-serif;color:#0f6b63}
.bz-sort span{font-size:11px;margin-left:4px}
.bz-div{width:1px;height:20px;background:#e6d9c4}
.bz-filter{position:relative;width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:#0f6b63;display:grid;place-items:center}
.bz-filter.on{background:#e3f1ec}
.bz-filter svg{display:block;width:22px;height:22px}
.bz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bz-filters{display:flex;gap:10px;padding:0 16px;margin:-2px 0 12px}
.bz-filters[hidden]{display:none}
.bz-filters label{flex:1;display:flex;flex-direction:column;gap:5px;font:700 11px 'Nunito Sans','DM Sans',sans-serif;color:#51726b;text-transform:uppercase;letter-spacing:.06em}
.bz-filters select{height:40px;border:1px solid #efe3cf;border-radius:12px;background:#fffdf8;padding:0 10px;font:600 14px 'Nunito Sans','DM Sans',sans-serif;color:#0b3d47;text-transform:none;letter-spacing:0}

/* cards: carrossel de destaques e grade */
.bazar-app .bz-row{display:flex;gap:12px;overflow-x:auto;padding:2px 16px 12px;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding:0 16px}
.bazar-app .bz-row::-webkit-scrollbar{display:none}
.bazar-app .bz-row article{flex:0 0 calc((100% - 24px) / 2.04);scroll-snap-align:start}
.bazar-app .bz-row article[data-id] h2,.bazar-app .bz-row article[data-id]>b,.bazar-app .bz-row article[data-id] small{padding:0 10px}
.bazar-app .bz-row article[data-id] small{padding:0 9px;gap:3px;font-size:12px}
.bazar-app .bz-row article[data-id] small svg{width:13px;height:13px}
.bazar-app .bz-row article[data-id] small i{margin:0 1px}
.bazar-app .market-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}
.bazar-app article[data-id]{min-width:0;background:#fffdf8;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(120,84,34,.11);padding:0 0 13px;cursor:pointer}
.bazar-app article[data-id][hidden]{display:none}
.bazar-app .market-img{position:relative;width:100%;height:auto;aspect-ratio:13/10;border-radius:0;box-shadow:none;background-size:cover!important;background-position:center!important;background-repeat:no-repeat}
.bazar-app .market-grid .market-img{height:auto}
.bazar-app .market-img::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(255,178,92,.24);mix-blend-mode:multiply}
.bazar-app .market-img.p1{background-image:url('./assets/fotos/p1.jpg')}
.bazar-app .market-img.p2{background-image:url('./assets/fotos/p2.jpg')}
.bazar-app .market-img.p3{background-image:url('./assets/fotos/p3.jpg')}
.bazar-app .market-img.p4{background-image:url('./assets/fotos/p4.jpg')}
.bazar-app .market-img.p5{background-image:url('./assets/fotos/p5.jpg')}
.bazar-app .market-img.p6{background-image:url('./assets/fotos/p6.jpg')}
.bazar-app article[data-id] h2{margin:11px 0 0;padding:0 12px;font:600 15px/1.25 'Nunito Sans','DM Sans',sans-serif;color:#1d2f2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bazar-app article[data-id]>b{display:block;margin:4px 0 0;padding:0 12px;font:800 18px/1.15 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.01em;color:#0f6b63}
.bazar-app article[data-id] small{display:flex;align-items:center;gap:4px;margin:7px 0 0;padding:0 12px;font:500 12.5px/1.25 'Nunito Sans','DM Sans',sans-serif;color:#8a7e70;white-space:nowrap;overflow:hidden}
.bazar-app article[data-id] small svg{display:block;width:14px;height:14px;flex:none}
.bazar-app article[data-id] small i{font-style:normal;margin:0 2px}
.bz-badge{position:absolute;z-index:2;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 6px;border-radius:999px;background:#fff6e2;color:#6b4a09;font:700 11px 'Nunito Sans','DM Sans',sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.bz-badge svg{display:block;width:12px;height:12px;color:#e0a21b}

/* coração */
.bazar-app .market-img button{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border:0;border-radius:50%;background:#fffaf2f0;color:#0b3d47;font-size:0;box-shadow:0 2px 7px rgba(13,67,61,.14)}
.bazar-app .market-img button::before{content:"";position:absolute;left:50%;top:50%;width:18px;height:17px;transform:translate(-50%,-50%);background:currentColor;
  -webkit-mask:url("./assets/heart-outline-v25.svg?v=26") center/contain no-repeat;mask:url("./assets/heart-outline-v25.svg?v=26") center/contain no-repeat}
.bazar-app .market-img button.saved{color:#ef7057}
.bazar-app .market-empty{grid-column:1/-1}

/* menu inferior (Anunciar segue coral, como na home); altura cresce com a área segura do iPhone */
.bazar-app .bottom-nav{height:calc(78px + env(safe-area-inset-bottom))!important;background:rgba(255,251,244,.96)!important;box-shadow:0 -8px 30px rgba(120,84,34,.10)!important}
.bazar-app .bottom-nav button>span svg{display:block;width:25px;height:25px}
.bazar-app .bottom-nav .publish>span svg{width:29px;height:29px}
.bazar-app .bottom-nav button:not(.selected):not(.publish){color:#85796c!important}
.bazar-app .bottom-nav button.selected{background:#ddefe8!important;color:#0f5d56!important;border-radius:16px!important;box-shadow:none!important}

/* ---------- Tablet (600px+): ocupa a largura toda, mais colunas; o celular não muda ---------- */
@media(min-width:600px){
  .app.bazar-app{width:min(100%,1100px)}
  .bazar-app .bottom-nav{width:min(100%,1100px)!important;padding-left:max(10px,calc(50% - 330px))!important;padding-right:max(10px,calc(50% - 330px))!important}
  .bazar-app::before{width:380px}
  .bz-hero .topbar{padding:17px 16px 0 28px}
  .bz-hero .topbar .logo{width:60px;height:60px;min-width:60px}
  .bz-hero .topbar .logo svg{width:40px;height:40px}
  .bz-hero .topbar .brand-name small{font-size:11px}
  .bz-hero .topbar .brand-name strong{font-size:28px}
  .bz-hero .topbar .bell,.bz-search-btn{width:56px;height:56px;min-width:56px}
  .bz-search-btn{margin-left:-5.6px!important}
  .bz-hero-copy{padding:30px 30px 0}
  .bz-hero-copy h1{font-size:44px}
  .bz-hero-copy p{font-size:21px;margin-top:8px}
  .bazar-app .bazar-tools{margin-top:22px;padding:0 28px}
  .bz-searchrow{max-width:720px;gap:12px}
  .bazar-app .market-search{height:46px}
  .bz-stat{height:56px;padding:0 16px}
  .bz-stat span{font-size:13px}.bz-stat b{font-size:14px}
  .bazar-app .chips{margin:16px -28px 0;padding:0 28px 6px;gap:10px}
  .bazar-app .chips button{padding:10px 18px 10px 14px;font-size:14px}
  .bz-sec{margin-top:30px}
  .bz-head{padding:0 28px;margin-bottom:14px}
  .bz-head h2{font-size:26px}
  .bz-filters{padding:0 28px;max-width:560px}
  .bazar-app .bz-row{gap:14px;padding:2px 28px 14px;scroll-padding:0 28px}
  .bazar-app .bz-row article{flex-basis:210px}
  .bazar-app .market-img{height:150px}
  .bazar-app .market-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 28px}
  .bazar-app .market-grid .market-img{height:140px}
  .bazar-app article[data-id] h2{font-size:15px;margin-top:11px;padding:0 12px}
  .bazar-app article[data-id]>b{font-size:19px;padding:0 12px}
  .bazar-app article[data-id] small{font-size:13px;padding:0 12px}
}
@media(min-width:900px){
  .bazar-app .market-grid{grid-template-columns:repeat(4,1fr)}
  .bazar-app .bz-row article{flex-basis:240px}
}

/* Páginas internas (16/10) no padrão do Bazar: fundo pêssego claro, topo com paisagem à direita, título grande,
   busca e filtros brancos, cards brancos com sombra quente. Só vale em .ip-page; .ip-hero liga a paisagem do topo. */
.app.ip-page{position:relative;background:linear-gradient(#fef4e8 0,#fdf6eb 300px,#fdf8f1 640px,#fdf8f1)}
.app.ip-hero::before{content:"";position:absolute;right:0;top:0;width:68.4%;height:auto;aspect-ratio:541/348;z-index:0;pointer-events:none;
  background:url('./assets/topo-paisagem.jpg') right top/cover no-repeat;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 26%),linear-gradient(to bottom,#000 74%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 26%),linear-gradient(to bottom,#000 74%,transparent 100%);
  mask-composite:intersect}
.ip-page>main{position:relative;z-index:1}
.ip-page:not(.ip-hero)>.topbar{padding-bottom:10px}

/* topo */
.ip-page>.topbar{position:relative;z-index:2;height:auto;min-height:0;padding:10px 12px 0 16px;align-items:center;gap:10px;background:transparent;box-shadow:none}
.ip-page>.topbar .brand{gap:10px}
.ip-page>.topbar .logo{width:46px;height:46px;min-width:46px;border-radius:50%;background:radial-gradient(circle at 25% 22%,#009fa0,#005b64 74%);box-shadow:0 8px 20px rgba(16,76,71,.19)}
.ip-page>.topbar .logo svg{display:block;width:31px;height:31px}
.ip-page>.topbar .brand-name{display:flex;flex-direction:column;align-items:flex-start;line-height:normal}
.ip-page>.topbar .brand-name small{display:block;margin:0 0 2px;font:900 9.5px/1 'Nunito Sans',sans-serif;letter-spacing:.2em;color:#003c47}
.ip-page>.topbar .brand-name strong{display:block;font:900 21px/.96 'Nunito Sans',sans-serif;letter-spacing:-.035em;color:#003c47}
.ip-page>.topbar .bell{width:40px;height:40px;min-width:40px;margin:0 0 0 auto;border:0;border-radius:50%;background:#fff;color:#0b3d47;
  display:grid;place-items:center;position:relative;transform:none;box-shadow:0 6px 16px rgba(120,84,34,.18)}
.ip-page>.topbar .bell svg{display:block;width:21px;height:21px}
.ip-page>.topbar .bell i{position:absolute;width:7px;height:7px;top:7px;right:8px;border-radius:50%;background:#fb5b43}

/* título e subtítulo no lugar do antigo cabeçalho de cada página */
.ip-page .page-main,.ip-page .professionals-main{padding-left:16px;padding-right:16px;padding-top:0}
.ip-hero .page-lead,.ip-hero .directory-hero-copy{padding:11px 0 0;margin:0}
.ip-hero .page-lead .ey,.ip-hero .directory-hero-copy>span,.ip-hero .sp-hero .ey{display:none}
.ip-hero .page-lead h1,.ip-hero .directory-hero-copy h1,.ip-hero .sp-hero h1{margin:0;max-width:min(64%,330px);
  font:900 clamp(29px,9vw,40px)/.8 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.035em;color:#0b3d47;text-wrap:balance;text-shadow:0 0 10px rgba(253,246,235,.9)}
.ip-hero .page-lead p,.ip-hero .directory-hero-copy p,.ip-hero .sp-hero p{margin:4px 0 0;max-width:none;font:500 clamp(14px,3.75vw,17px)/1.25 'Nunito Sans','DM Sans',sans-serif;color:#3f4b57;text-shadow:0 0 6px #fdf6eb,0 0 2px #fdf6eb}
/* cabeçalhos que eram cartões com foto ou fundo verde viram texto sobre o fundo */
.ip-hero .directory-hero,.ip-hero .sp-hero{min-height:0;height:auto;margin:0;padding:11px 0 0;border:0;border-radius:0;background:none!important;box-shadow:none;color:#0b3d47;overflow:visible}
.ip-hero .directory-hero::before,.ip-hero .directory-hero::after,.ip-hero .sp-hero::before,.ip-hero .sp-hero::after{display:none}
.ip-hero .directory-hero-copy{position:static;inset:auto;transform:none;color:#0b3d47;background:none}
.ip-hero .page-lead,.ip-hero .directory-hero,.ip-hero .sp-hero{padding-bottom:14px}
.ip-hero .imo-tools{margin-top:2px}
.ip-hero .nt-top{display:block}
.ip-hero .nt-top #mark{margin:10px 0 0;padding:0}

/* busca */
.ip-page .market-search,.ip-page .directory-search{height:36px;min-height:0;border:0;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(120,84,34,.12);padding:0 12px;gap:8px}
.ip-page .market-search input,.ip-page .directory-search input{font:500 14.5px 'Nunito Sans','DM Sans',sans-serif;color:#0b3d47;background:transparent}
.ip-page .market-search input::placeholder,.ip-page .directory-search input::placeholder{color:#7c8292}

/* filtros e abas em pílula */
.ip-page .imo-chips button,.ip-page .sp-tabs button,.ip-page .seg button{border:1px solid #f1e6d6;border-radius:999px;background:#fff;
  font:600 12.5px 'Nunito Sans','DM Sans',sans-serif;color:#2c3e3a;box-shadow:0 4px 12px rgba(120,84,34,.09)}
.ip-page .imo-chips button{padding:6px 13px}
.ip-page .sp-tabs button{padding:6px 13px}
.ip-page .seg button{padding:7px 12px}
.ip-page .imo-chips button.active,.ip-page .sp-tabs button.active,.ip-page .seg button.active{background:#0f6b63;border-color:#0f6b63;color:#fff}
.ip-page .sp-tabs button:disabled{opacity:.75}

/* cards brancos com sombra quente */
.ip-page .imo-card,.ip-page .ev-card,.ip-page .rank,.ip-page .card-soft,.ip-page .choose-card,.ip-page .directory-category,.ip-page .directory-person,
.ip-page .seller-card,.ip-page .item-details,.ip-page .btn.ghost{background:#fff;border-color:#f3e9da;box-shadow:0 8px 20px rgba(120,84,34,.11)}

/* títulos no mesmo tipo do Bazar */
.ip-page main h1,.ip-page main h2,.ip-page main h3{font-family:'Nunito Sans','DM Sans',sans-serif;font-weight:900;letter-spacing:-.03em;color:#0b3d47}

/* menu inferior igual ao do Bazar */
.ip-page .bottom-nav{height:calc(78px + env(safe-area-inset-bottom))!important;background:rgba(255,251,244,.96)!important;box-shadow:0 -8px 30px rgba(120,84,34,.10)!important}
.ip-page .bottom-nav button>span svg{display:block;width:25px;height:25px}
.ip-page .bottom-nav .publish>span svg{width:29px;height:29px}
.ip-page .bottom-nav button:not(.selected):not(.publish){color:#85796c!important}
.ip-page .bottom-nav button.selected{background:#ddefe8!important;color:#0f5d56!important;border-radius:16px!important;box-shadow:none!important}

/* Paleta verde forte + dourado (16/10), conforme a referência do Bazar. Vale no Bazar (.bazar-app) e nas páginas internas (.ip-page). */
.app.home-v18{background:linear-gradient(#fdfbf6 0,#fefdf7 260px,#fdfcf5 100%)}
.app.bazar-app,.app.ip-page{color:#0a2e17;background:linear-gradient(#fdfbf6 0,#fefdf7 260px,#fdfcf5 100%)}

/* topo: logo verde com sol dourado, textos verde-escuro, ponto do sino dourado */
.bazar-app .topbar .logo,.ip-page>.topbar .logo{position:relative;background:radial-gradient(circle at 28% 24%,#0f7a3d,#04502a 72%);box-shadow:0 8px 20px rgba(5,60,30,.22)}
.bazar-app .topbar .logo::after,.ip-page>.topbar .logo::after{content:"";position:absolute;inset:auto;top:17%;right:19%;left:auto;bottom:auto;width:7px;height:7px;transform:none;border-radius:50%;background:#f2a705;box-shadow:0 0 0 1.5px #04502a}
.bazar-app .topbar .brand-name small,.bazar-app .topbar .brand-name strong,.ip-page>.topbar .brand-name small,.ip-page>.topbar .brand-name strong{color:#0a2e17}
.bazar-app .topbar .bell,.bazar-app .bz-search-btn,.ip-page>.topbar .bell{color:#0a2e17}
.bazar-app .topbar .bell i,.ip-page>.topbar .bell i{background:#f2a705}

/* títulos e textos */
.bz-hero-copy h1,.ip-hero .page-lead h1,.ip-hero .directory-hero-copy h1,.ip-hero .sp-hero h1,.ip-page main h1,.ip-page main h2,.ip-page main h3,.bz-head h2{color:#0a2e17}
.bz-hero-copy p,.ip-hero .page-lead p,.ip-hero .directory-hero-copy p,.ip-hero .sp-hero p{color:#1b2e21}
.bazar-app .market-search span,.ip-page .market-search span{color:#0a2e17}

/* filtros: ativo verde, ícones dourados */
.bazar-app .chips button{color:#2b4131;border-color:#f1e7cf;background:#fffdf6}
.bazar-app .chips button svg{color:#dfa11c}
.bazar-app .chips button.active,.ip-page .imo-chips button.active,.ip-page .sp-tabs button.active,.ip-page .seg button.active{background:#05552b;border-color:#05552b;color:#fff}
.bazar-app .chips button.active svg{color:#fff}
.ip-page .imo-chips button,.ip-page .sp-tabs button,.ip-page .seg button{color:#2b4131;border-color:#f1e7cf;background:#fffdf6}

/* links, ordenação e filtros das seções */
.bz-see,.bz-sort,.ip-page .directory-section-heading button,.ip-page .nt-top #mark,.ip-page .ev-meta b{color:#165a32}
.bz-filter{color:#0a2e17}
.bz-filter.on{background:#fdf3c8}
.bz-div{background:#e2b25c}

/* cards */
.bazar-app article[data-id] h2{color:#1d1a18}
.bazar-app article[data-id]>b{color:#0a2e17}
.bazar-app .market-img button{color:#0a2e17}
.bz-badge{background:#fdeda5;color:#2a1b00}
.bz-badge svg{color:#e99e00}

/* páginas internas: elementos que eram verde-azulados */
.ip-page .ev-date,.ip-page .rank-row:nth-child(1) .rank-pos,.ip-page .ci.c-prod,.ip-page .pf-av,.ip-page .directory-community-icon{background:#05552b}
.ip-page .rank-row:nth-child(2) .rank-pos,.ip-page .ci.c-serv{background:#2f7a45}
.ip-page .imo-photo.g1,.ip-page .io-hero.g1{background:linear-gradient(135deg,#0a3d1f,#2f7a45)}
.ip-page .imo-photo.g2{background:linear-gradient(135deg,#2f7a45,#9cc48a)}
.ip-page .imo-photo.g4{background:linear-gradient(135deg,#165a32,#5f9c63)}
.ip-page .market-search>span{color:#0a2e17}
.ip-page .directory-search>span{border-color:#05552b}
.ip-page .directory-category strong,.ip-page .directory-community strong{color:#0a2e17}
.ip-page .directory-person p{color:#2f6b45}
.ip-page .directory-person em{color:#165a32;border-color:#cfe3c8}
.ip-page .favorite-v18{color:#05552b}
.ip-page .note-dep span,.ip-page .note-dep b{color:#2f5a3b}
.ip-page .tagm.ok{color:#2f7a45}
.ip-page .detail-back,.ip-page .detail-favorite{color:#0a2e17}
.ip-page .item-photo span,.ip-page .item-time{color:#165a32}
.ip-page .item-summary strong{color:#05552b}
.ip-page .seller-card span{color:#5c7a64}
.ip-page .seller-card strong,.ip-page .item-details strong{color:#0a2e17}
.ip-page .seller-card button{color:#165a32}
.ip-page .open-message{background:#05552b}

/* menu inferior: selecionado em amarelo claro, Anunciar dourado */
.bazar-app .bottom-nav button.selected,.ip-page .bottom-nav button.selected{background:#fdf3c8!important;color:#14400f!important}
.bazar-app .bottom-nav .publish,.ip-page .bottom-nav .publish{color:#cf9418!important}
.bazar-app .bottom-nav .publish>span,.ip-page .bottom-nav .publish>span{background:#f2a705!important;box-shadow:0 0 0 4px #fff,0 10px 23px rgba(242,167,5,.36)!important}
.bazar-app .bottom-nav button:not(.selected):not(.publish),.ip-page .bottom-nav button:not(.selected):not(.publish){color:#7a706a!important}

/* Bazar v3 (17/10): topo verde-escuro com foto de ponta a ponta, "moradores" em dourado, faixa de números à direita,
   busca sobre a borda do topo, ícones nos títulos das seções, preço verde e Anunciar coral. Vale só em .bazar-app. */
.app.bazar-app{color:#0d272e;background:#fcf6ea}
.bazar-app::before{left:0;right:0;top:0;width:100%;height:auto;aspect-ratio:767/440;
  background:linear-gradient(90deg,rgba(1,38,32,.94) 0,rgba(1,38,32,.86) 30%,rgba(1,38,32,.42) 53%,rgba(1,38,32,0) 69%),
    url('./assets/bazar-topo3.jpg') center top/cover no-repeat #012620;
  border-bottom-left-radius:72% 46px;-webkit-mask-image:none;mask-image:none}

/* topo: logo e botões no lugar da foto, textos claros */
.bazar-app .bz-hero .topbar{padding:calc(8.87vw - 25px) calc(8.74vw - 22px) 0 18px}
.bazar-app .bz-hero .topbar .logo{width:50px;height:50px;min-width:50px;background:radial-gradient(circle at 30% 25%,#0b8a7d,#016a60 72%);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.bazar-app .bz-hero .topbar .logo::after{display:none}
.bazar-app .bz-hero .topbar .logo svg{width:33px;height:33px}
.bazar-app .bz-hero .topbar .brand-name small,.bazar-app .bz-hero .topbar .brand-name strong{color:#fff}
.bazar-app .bz-hero .topbar .bell,.bazar-app .bz-search-btn{width:44px;height:44px;min-width:44px;top:.91vw;background:#fff;color:#0d272e;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.bazar-app .bz-search-btn{margin-left:calc(11.73vw - 54px)!important}
.bazar-app .bz-hero .topbar .bell i{background:#fc5047}
.bazar-app .bz-hero-copy{padding:2px 18px 0}
.bz-eyebrow{display:block;font:800 13px/1 'Nunito Sans','DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#f0cf6e}
.bazar-app .bz-hero-copy h1{margin:6px 0 0;max-width:none;font-size:clamp(32px,9.3vw,42px);color:#fff;text-shadow:none}
.bazar-app .bz-hero-copy h1 em{display:block;font-style:normal;color:#f8c962}
.bazar-app .bz-hero-copy p{margin:10px 0 0;max-width:min(58%,260px);font:500 clamp(15px,4.1vw,18px)/1.15 'Nunito Sans','DM Sans',sans-serif;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.25)}

/* faixa de números à direita, encostada na busca */
.bz-stats{position:absolute;right:0;bottom:-4px;width:45%;display:grid;grid-template-columns:repeat(3,1fr);padding:7px 2px 6px;
  border-radius:14px 0 0 14px;background:rgba(18,32,14,.58);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bz-stats>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 3px;text-align:center;font:500 10px/1.12 'Nunito Sans','DM Sans',sans-serif;color:#fff}
.bz-stats>div+div{border-left:1px solid rgba(255,255,255,.18)}
.bz-stats svg{display:block;width:19px;height:19px;color:#f6c867;margin-bottom:1px}
.bz-stats b{font-weight:800;font-size:11px}

/* busca em pílula sobre a borda do topo */
.bazar-app .bazar-tools{margin-top:7px}
.bazar-app .market-search{height:38px;border-radius:999px;background:#fdfbf7;box-shadow:0 10px 24px rgba(0,0,0,.14);padding:0 16px;gap:10px}
.bazar-app .market-search span{color:#0d272e}
.bazar-app .market-search svg{width:20px;height:20px}

/* filtros: ativo verde-petróleo, ícones verdes */
.bazar-app .chips{margin-top:12px}
.bazar-app .chips button{height:31px;padding:0 13px 0 10px;border-color:#efe6d6;background:#fdfbf8;color:#253c40;box-shadow:0 4px 12px rgba(80,60,20,.08)}
.bazar-app .chips button svg{color:#084239}
.bazar-app .chips button.active{background:#004f45;border-color:#004f45;color:#fff}
.bazar-app .chips button.active svg{color:#fff}

/* títulos das seções com ícone */
.bz-title{display:flex;align-items:center;gap:8px;min-width:0}
.bz-star{display:block;width:26px;height:26px;flex:none;color:#fbb206}
.bz-clock{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#005246;color:#fff}
.bz-clock svg{display:block;width:17px;height:17px}
.bz-head h2{color:#032929}
.bz-see,.bz-sort{color:#16483a}
.bz-filter{color:#0d272e}
.bz-filter.on{background:#e3efe9}
.bz-div{background:#e1d6c4}

/* cards */
.bazar-app .bz-row article{flex-basis:calc((100% - 24px) / 2.6)}
.bazar-app .bz-row article[data-id] h2{margin-top:9px;padding:0 9px;font-size:13.5px}
.bazar-app .bz-row article[data-id]>b{padding:0 9px;font-size:16.5px}
.bazar-app .bz-row article[data-id] small{padding:0 8px;font-size:11px;gap:2px}
.bazar-app .bz-row article[data-id] small svg{width:12px;height:12px}
.bazar-app article[data-id]{background:#fdfbf9}
.bazar-app article[data-id] h2{color:#0d272e}
.bazar-app article[data-id]>b{color:#094d42}
.bazar-app article[data-id] small{color:#87898e}
.bazar-app .market-grid .market-img{aspect-ratio:2.05/1}
.bazar-app .market-img button{color:#0d272e}
.bz-badge{background:#fdefc6;color:#78430f}
.bz-badge svg{color:#fdad09}

/* menu inferior: Anunciar coral, selecionado verde-claro */
.bazar-app .bottom-nav button.selected{background:#d7e6dd!important;color:#07413b!important}
.bazar-app .bottom-nav .publish{color:#d85b49!important}
.bazar-app .bottom-nav .publish>span{background:#fd5945!important;box-shadow:0 0 0 4px #fff,0 10px 23px rgba(253,89,69,.33)!important}
.bazar-app .bottom-nav button:not(.selected):not(.publish){color:#7b7e81!important}

/* tablet: foto à direita com altura fixa, faixa escura completa à esquerda */
@media(min-width:600px){
  .bazar-app::before{aspect-ratio:auto;height:330px;background-size:auto 100%,auto 100%;background-position:0 0,right top;border-bottom-left-radius:60% 50px}
  .bazar-app .bz-hero .topbar{padding:26px 20px 0 28px}
  .bazar-app .bz-hero .topbar .logo{width:60px;height:60px;min-width:60px}
  .bazar-app .bz-hero .topbar .bell,.bazar-app .bz-search-btn{width:60px;height:60px;min-width:60px;top:0}
  .bazar-app .bz-search-btn{margin-left:-2.6px!important}
  .bazar-app .bz-hero-copy{padding:10px 30px 0}
  .bazar-app .bz-hero-copy h1{font-size:48px}
  .bazar-app .bz-hero-copy p{font-size:20px;max-width:340px}
  .bz-stats{width:min(45%,380px);padding:12px 4px 10px}
  .bz-stats>div{font-size:12.5px}
  .bz-stats b{font-size:13.5px}
  .bazar-app .market-search{height:46px}
  .bazar-app .bz-row article{flex-basis:210px}
  .bazar-app .market-grid .market-img{aspect-ratio:auto}
}
@media(min-width:900px){.bazar-app .bz-row article{flex-basis:240px}}

/* Cores do Bazar v3 (17/10) nas páginas internas: verde-petróleo, títulos verde-escuro, Anunciar coral, fundo creme. Só .ip-page. */
.app.ip-page{color:#0d272e;background:#fcf6ea}
.ip-page>.topbar .logo{background:radial-gradient(circle at 30% 25%,#0b8a7d,#016a60 72%);box-shadow:0 8px 20px rgba(1,80,70,.22)}
.ip-page>.topbar .logo::after{display:none}
.ip-page>.topbar .brand-name small,.ip-page>.topbar .brand-name strong{color:#032929}
.ip-page>.topbar .bell{color:#0d272e}
.ip-page>.topbar .bell i{background:#fc5047}

.ip-hero .page-lead h1,.ip-hero .directory-hero-copy h1,.ip-hero .sp-hero h1,.ip-page main h1,.ip-page main h2,.ip-page main h3{color:#032929}
.ip-hero .page-lead p,.ip-hero .directory-hero-copy p,.ip-hero .sp-hero p{color:#253c40}
.ip-page .market-search span,.ip-page .market-search>span{color:#0d272e}
.ip-page .market-search,.ip-page .directory-search{border-radius:999px;background:#fdfbf7}

.ip-page .imo-chips button,.ip-page .sp-tabs button,.ip-page .seg button{color:#253c40;border-color:#efe6d6;background:#fdfbf8}
.ip-page .imo-chips button.active,.ip-page .sp-tabs button.active,.ip-page .seg button.active{background:#004f45;border-color:#004f45;color:#fff}
.ip-page .directory-section-heading button,.ip-page .nt-top #mark,.ip-page .ev-meta b{color:#16483a}

.ip-page .ev-date,.ip-page .rank-row:nth-child(1) .rank-pos,.ip-page .ci.c-prod,.ip-page .pf-av,.ip-page .directory-community-icon{background:#005246}
.ip-page .rank-row:nth-child(2) .rank-pos,.ip-page .ci.c-serv{background:#0b7a6b}
.ip-page .imo-photo.g1,.ip-page .io-hero.g1{background:linear-gradient(135deg,#013d36,#0b7a6b)}
.ip-page .imo-photo.g2{background:linear-gradient(135deg,#0b7a6b,#8cc4b0)}
.ip-page .imo-photo.g4{background:linear-gradient(135deg,#16483a,#5f9c8a)}
.ip-page .directory-search>span{border-color:#004f45}
.ip-page .directory-category strong,.ip-page .directory-community strong{color:#0d272e}
.ip-page .directory-person p{color:#2c6b60}
.ip-page .directory-person em{color:#16483a;border-color:#cfe3dc}
.ip-page .favorite-v18{color:#004f45}
.ip-page .note-dep span,.ip-page .note-dep b{color:#2a5a50}
.ip-page .tagm.ok{color:#0b7a6b}
.ip-page .detail-back,.ip-page .detail-favorite{color:#0d272e}
.ip-page .item-photo span,.ip-page .item-time{color:#16483a}
.ip-page .item-summary strong{color:#094d42}
.ip-page .seller-card span{color:#5e7a74}
.ip-page .seller-card strong,.ip-page .item-details strong{color:#0d272e}
.ip-page .seller-card button{color:#16483a}
.ip-page .open-message{background:#004f45}

.ip-page .bottom-nav button.selected{background:#d7e6dd!important;color:#07413b!important}
.ip-page .bottom-nav .publish{color:#d85b49!important}
.ip-page .bottom-nav .publish>span{background:#fd5945!important;box-shadow:0 0 0 4px #fff,0 10px 23px rgba(253,89,69,.33)!important}
.ip-page .bottom-nav button:not(.selected):not(.publish){color:#7b7e81!important}

/* 17/10: sem subtítulo no topo do Bazar; o espaço fica para a busca e a faixa de números continuarem no mesmo lugar. */
/* título descido para perto da busca */
.bazar-app .bz-hero{padding-bottom:11px}
.bazar-app .bz-hero .bz-hero-copy{padding-top:38px}
@media(min-width:600px){.bazar-app .bz-hero{padding-bottom:10px}.bazar-app .bz-hero .bz-hero-copy{padding-top:40px}}

/* 17/10: menos espaço no fim do Bazar. O .app já reserva 78px do menu; aqui sobra só o necessário para o botão Anunciar não cobrir o último card. */
.bazar-app .bazar-main{padding-bottom:calc(66px + env(safe-area-inset-bottom))}

/* Home nova (17/10) no layout de referência: topo verde-escuro com foto e onda creme, atalhos em cards,
   "Em destaque", "Próximos eventos" e faixa do Clube de benefícios. Só vale em .hm-app (o index antigo usa .home-v18). */
.app.hm-app{position:relative;color:#0d272e;background:#fef9ef;overflow:visible}

/* topo: a foto define a altura; o conteúdo pode crescer se precisar */
.hm-hero{position:relative;z-index:1;aspect-ratio:767/398;background:url('./assets/home-topo.jpg') center bottom/cover no-repeat #0b3b31}
.hm-hero .topbar{position:relative;z-index:2;height:auto;min-height:0;padding:calc(7.82vw - 23px) calc(7.43vw - 21px) 0 14px;align-items:center;gap:10px;background:transparent;box-shadow:none}
.hm-hero .topbar .brand{gap:10px}
.hm-hero .topbar .logo{width:46px;height:46px;min-width:46px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#0b8a7d,#016a60 72%);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.hm-hero .topbar .logo svg{display:block;width:31px;height:31px}
.hm-hero .topbar .brand-name{display:flex;flex-direction:column;align-items:flex-start;line-height:normal}
.hm-hero .topbar .brand-name small{display:block;margin:0 0 2px;font:900 9.5px/1 'Nunito Sans',sans-serif;letter-spacing:.2em;color:#fff}
.hm-hero .topbar .brand-name strong{display:block;font:900 21px/.96 'Nunito Sans',sans-serif;letter-spacing:-.035em;color:#fff}
.hm-hero .topbar .bell,.hm-search-btn{width:42px;height:42px;min-width:42px;margin:0;border:0;border-radius:50%;background:#fff;color:#0d272e;
  display:grid;place-items:center;position:relative;top:1.83vw;transform:none;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.hm-hero .topbar .bell{margin-left:auto}
.hm-search-btn{margin-left:calc(11.34vw - 52px)}
.hm-hero .topbar .bell svg,.hm-search-btn svg{display:block;width:21px;height:21px}
.hm-hero .topbar .bell i{position:absolute;width:7px;height:7px;top:7px;right:8px;border-radius:50%;background:#fc5047}
.hm-hero-copy{position:relative;padding:18px 16px 16px}
.hm-hero-copy h1{margin:0;font:900 clamp(26px,7.2vw,32px)/.91 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.035em;color:#fff}
.hm-hero-copy h1 em{font-style:normal;color:#f2c55e}
.hm-hero-copy p{margin:5px 0 0;font:500 clamp(13.5px,3.6vw,16px)/1.13 'Nunito Sans','DM Sans',sans-serif;color:#fff}

/* atalhos */
.hm-main{position:relative;z-index:1;padding:0 0 calc(36px + env(safe-area-inset-bottom))}
.hm-quick{display:flex;gap:8px;overflow-x:auto;padding:4px 14px 10px;margin-top:2px;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding:0 14px}
.hm-quick::-webkit-scrollbar{display:none}
.hm-quick button{flex:0 0 92px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px 11px;border:1px solid #f1e8d6;border-radius:16px;
  background:#fffcf6;box-shadow:0 8px 20px rgba(100,80,40,.10);text-align:center;color:#0d272e;font-family:'Nunito Sans','DM Sans',sans-serif}
.hm-quick svg{display:block;width:30px;height:30px;margin-bottom:4px;color:#0d5a4e}
.hm-quick strong{font:800 13px/1.1 'Nunito Sans',sans-serif;letter-spacing:-.02em;color:#032929}
.hm-quick small{font:500 10.5px/1.2 'Nunito Sans',sans-serif;color:#4b5a57}

/* seções */
.hm-sec{margin-top:18px}
.hm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;margin-bottom:12px}
.hm-head h2{margin:0;font:900 20px/1.1 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.03em;color:#0b3530}
.hm-see{flex:none;border:0;background:transparent;padding:4px 0;font:600 14px 'Nunito Sans','DM Sans',sans-serif;color:#16483a}
.hm-see span{font-size:20px;margin-left:4px;vertical-align:-2px}
.hm-row{display:flex;gap:10px;overflow-x:auto;padding:2px 16px 12px;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding:0 16px}
.hm-row::-webkit-scrollbar{display:none}

/* em destaque */
.hm-feat{flex:0 0 calc((100% - 20px) / 2.3);scroll-snap-align:start;border-radius:16px;overflow:hidden;background:#1e3529;box-shadow:0 10px 22px rgba(30,50,40,.18);cursor:pointer;display:flex;flex-direction:column}
.hm-feat-img{position:relative;aspect-ratio:232/208;background-size:cover;background-position:center}
.hm-feat-img.f1{background-image:url('./assets/hm-dest1.jpg')}
.hm-feat-img.f2{background-image:url('./assets/hm-dest2.jpg')}
.hm-feat-img.f3{background-image:url('./assets/hm-dest3.jpg')}
.hm-tag{position:absolute;left:8px;bottom:8px;padding:4px 10px;border-radius:999px;background:#f6ebcc;font:800 10.5px/1.1 'Nunito Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#2c2a1a}
.hm-feat-body{flex:1;display:flex;align-items:center;gap:6px;padding:10px 9px 11px 11px}
.hm-feat-body>div{min-width:0;flex:1}
.hm-feat h3{margin:0;font:800 14px/1.15 'Nunito Sans',sans-serif;letter-spacing:-.02em;color:#fff}
.hm-feat p{margin:3px 0 0;font:500 11.5px/1.2 'Nunito Sans',sans-serif;color:#d3e0d9}
.hm-go{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#18695c;color:#fff;font:700 20px/1 'Nunito Sans',sans-serif;padding-bottom:2px}

/* próximos eventos */
.hm-ev{flex:0 0 calc((100% - 20px) / 2.3);scroll-snap-align:start;border-radius:16px;overflow:hidden;background:#fffcf6;border:1px solid #f1e8d6;box-shadow:0 8px 20px rgba(100,80,40,.10);cursor:pointer}
.hm-ev-img{position:relative;aspect-ratio:240/150;background-size:cover;background-position:center}
.hm-ev-img.e1{background-image:url('./assets/hm-ev1.jpg')}
.hm-ev-img.e2{background-image:url('./assets/hm-ev2.jpg')}
.hm-ev-img.e3{background-image:url('./assets/hm-ev3.jpg')}
.hm-date{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;align-items:center;min-width:36px;padding:5px 6px 4px;border-radius:10px;background:#fffcf6;
  box-shadow:0 4px 10px rgba(0,0,0,.15);font:700 10.5px/1 'Nunito Sans',sans-serif;text-transform:uppercase;color:#0d272e}
.hm-date b{font:900 19px/1 'Nunito Sans',sans-serif;margin-bottom:2px}
.hm-ev-body{position:relative;padding:9px 34px 10px 10px}
.hm-ev h3{margin:0 0 5px;font:800 13.5px/1.15 'Nunito Sans',sans-serif;letter-spacing:-.02em;color:#0b3530}
.hm-ev small{display:flex;align-items:center;gap:5px;margin-top:3px;font:500 11.5px/1.2 'Nunito Sans',sans-serif;color:#4b5a57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-ev small svg{display:block;flex:none;width:13px;height:13px;color:#0d5a4e}
.hm-go2{position:absolute;right:8px;bottom:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#efe9df;color:#0d272e;font:700 17px/1 'Nunito Sans',sans-serif;padding-bottom:2px}

/* clube de benefícios */
.hm-benef{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:10px;margin:8px 16px 0;padding:14px 16px;border-radius:16px;
  background:url('./assets/hm-beneficios.jpg') center/cover no-repeat #013631;box-shadow:0 10px 22px rgba(0,40,30,.2);overflow:hidden}
.hm-crown{grid-row:1;width:38px;height:30px;color:#f1c25a}
.hm-benef-copy h2{margin:0;font:900 19px/1.1 'Nunito Sans',sans-serif;letter-spacing:-.03em;color:#f2c55e}
.hm-benef-copy p{margin:3px 0 0;font:500 12.5px/1.25 'Nunito Sans',sans-serif;color:#fff}
.hm-benef-cta{grid-column:2;justify-self:start;border:0;border-radius:999px;background:#eac474;padding:8px 14px;font:700 13px 'Nunito Sans',sans-serif;color:#1f2a1e;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.hm-benef-cta span{font-size:17px;margin-left:4px;vertical-align:-1px}

/* menu inferior igual ao do Bazar */
.hm-app .bottom-nav{height:calc(78px + env(safe-area-inset-bottom))!important;background:rgba(255,251,244,.96)!important;box-shadow:0 -8px 30px rgba(120,84,34,.10)!important}
.hm-app .bottom-nav button>span svg{display:block;width:25px;height:25px}
.hm-app .bottom-nav .publish>span svg{width:29px;height:29px}
.hm-app .bottom-nav button.selected{background:#d7e6dd!important;color:#07413b!important;border-radius:16px!important;box-shadow:none!important}
.hm-app .bottom-nav .publish{color:#d85b49!important}
.hm-app .bottom-nav .publish>span{background:#fd5945!important;box-shadow:0 0 0 4px #fff,0 10px 23px rgba(253,89,69,.33)!important}
.hm-app .bottom-nav button:not(.selected):not(.publish){color:#7b7e81!important}

/* telas largas: a coluna do app fica em 520px; as medidas em vw passam a valer para 520px */
@media(min-width:600px){
  .hm-hero .topbar{padding:17px 17px 0 18px}
  .hm-hero .topbar .bell,.hm-search-btn{top:9px}
  .hm-search-btn{margin-left:7px}
}

/* Home 17/10 (ajuste): igual ao modelo — 5 atalhos e 3 cards por linha, sem rolagem lateral; textos acompanham a largura da tela. */
.hm-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;overflow:visible;padding:2px 13px 8px;margin-top:0}
.hm-quick button{flex:none;min-width:0;gap:2px;padding:10px 3px 9px;border-radius:14px}
.hm-quick svg{width:clamp(22px,6.2vw,28px);height:clamp(22px,6.2vw,28px);margin-bottom:3px}
.hm-quick strong{font-size:clamp(9.5px,2.55vw,12px);letter-spacing:-.03em;white-space:nowrap}
.hm-quick small{font-size:clamp(8px,2.2vw,10.5px);line-height:1.18}

.hm-sec{margin-top:clamp(14px,4vw,20px)}
.hm-head{padding:0 13px;margin-bottom:10px}
.hm-head h2{font-size:clamp(16px,4.2vw,20px)}
.hm-see{font-size:clamp(12.5px,3.4vw,14.5px)}
.hm-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;overflow:visible;padding:2px 13px 10px}

.hm-feat,.hm-ev{flex:none;min-width:0;border-radius:14px}
.hm-tag{left:6px;bottom:6px;padding:3px 8px;font-size:clamp(8.5px,2.3vw,10.5px)}
.hm-feat-body{gap:4px;padding:8px 6px 9px 8px}
.hm-feat h3{font-size:clamp(11px,3.05vw,14px)}
.hm-feat p{font-size:clamp(8.8px,2.4vw,11px)}
.hm-go{width:clamp(20px,5.6vw,26px);height:clamp(20px,5.6vw,26px);font-size:clamp(15px,4vw,19px)}

.hm-date{left:6px;top:6px;min-width:32px;padding:4px 5px 3px;font-size:clamp(8.5px,2.3vw,10.5px)}
.hm-date b{font-size:clamp(15px,4.2vw,19px)}
.hm-ev-body{padding:8px 24px 9px 8px}
.hm-ev h3{font-size:clamp(10.5px,2.95vw,13.5px);margin-bottom:4px}
.hm-ev small{gap:3px;font-size:clamp(8.8px,2.4vw,11px)}
.hm-ev small svg{width:clamp(10px,2.8vw,13px);height:clamp(10px,2.8vw,13px)}
.hm-go2{right:5px;bottom:8px;width:clamp(18px,5vw,23px);height:clamp(18px,5vw,23px);font-size:clamp(13px,3.6vw,17px)}

.hm-benef{margin:6px 13px 0}
.hm-hero-copy h1{font-size:clamp(24px,6.55vw,30px)}
.hm-hero-copy p{font-size:clamp(13px,3.3vw,15.5px)}
.hm-quick small{font-size:clamp(8px,2.05vw,10px)}
.hm-feat h3{font-size:clamp(10.5px,2.8vw,13px)}
.hm-feat p{font-size:clamp(8.5px,2.25vw,10.5px)}
.hm-ev h3{font-size:clamp(10px,2.75vw,13px)}

/* Home 17/10: blocos da home antiga (profissionais, comunidade, bazar) de volta, no padrão da home nova. */
.hm-benef{margin-bottom:4px}

/* Profissionais Ilha Pura: 3 categorias */
.hm-cat{min-width:0;border-radius:14px;overflow:hidden;background:#fffcf6;border:1px solid #f1e8d6;box-shadow:0 8px 20px rgba(100,80,40,.10);cursor:pointer}
.hm-cat-img{aspect-ratio:290/190;background-size:cover;background-position:center top}
.hm-cat-img.c1{background-image:url('./assets/hm-cat1.jpg')}
.hm-cat-img.c2{background-image:url('./assets/hm-cat2.jpg')}
.hm-cat-img.c3{background-image:url('./assets/hm-cat3.jpg')}
.hm-cat-body{display:flex;align-items:flex-start;gap:5px;padding:8px 6px 9px 7px}
.hm-cat-ic{flex:none;display:grid;place-items:center;width:clamp(20px,5.6vw,26px);height:clamp(20px,5.6vw,26px);border-radius:50%}
.hm-cat-ic svg{width:62%;height:62%}
.hm-cat-ic.saude{background:#d8efe8;color:#0b6b5e}
.hm-cat-ic.servicos{background:#f8e8c4;color:#6b4a09}
.hm-cat-ic.beleza{background:#f7e1e6;color:#a3455f}
.hm-cat h3{margin:0;font:800 clamp(10.5px,2.8vw,13px)/1.15 'Nunito Sans',sans-serif;letter-spacing:-.02em;color:#0b3530}
.hm-cat p{margin:2px 0 0;font:500 clamp(8.5px,2.25vw,10.5px)/1.2 'Nunito Sans',sans-serif;color:#4b5a57}

/* Profissionais em destaque: 4 lado a lado */
.hm-pros{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:2px 13px 10px}
.hm-pro{min-width:0;display:flex;flex-direction:column;align-items:center;padding:10px 4px 9px;border-radius:14px;background:#fffcf6;border:1px solid #f1e8d6;
  box-shadow:0 8px 20px rgba(100,80,40,.10);text-align:center;cursor:pointer}
.hm-pro-foto{display:block;width:clamp(44px,13vw,60px);height:clamp(44px,13vw,60px);margin-bottom:6px;border-radius:50%;background:url('./assets/professionals-nearby-v18.png') no-repeat;background-size:400% 100%;box-shadow:0 4px 11px rgba(20,64,58,.14)}
.hm-pro-foto.f1{background-position:0 center}
.hm-pro-foto.f2{background-position:33.333% center}
.hm-pro-foto.f3{background-position:66.666% center}
.hm-pro-foto.f4{background-position:100% center}
.hm-pro h3{margin:0;max-width:100%;font:800 clamp(9.5px,2.6vw,12px)/1.15 'Nunito Sans',sans-serif;letter-spacing:-.02em;color:#0b3530;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-pro p{margin:2px 0 0;font:500 clamp(8.5px,2.25vw,10.5px)/1.2 'Nunito Sans',sans-serif;color:#4b5a57}
.hm-pro-nota{margin-top:3px;font:700 clamp(8.5px,2.3vw,10.5px)/1 'Nunito Sans',sans-serif;color:#0d272e}
.hm-pro-nota b{color:#f2a705}
.hm-pro-nota small{font-weight:500;color:#7b7e81}
.hm-pro em{margin-top:5px;max-width:100%;padding:2px 6px;border-radius:999px;background:#e3efe9;font:700 clamp(8px,2.1vw,10px)/1.2 'Nunito Sans',sans-serif;font-style:normal;color:#16483a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Uma comunidade que se ajuda */
.hm-comunidade{display:flex;align-items:center;gap:12px;margin:clamp(14px,4vw,20px) 13px 0;padding:12px 14px;border-radius:16px;background:#e9f2ec;border:1px solid #d6e7dd}
.hm-faces{display:flex;flex:none;padding-right:8px}
.hm-faces span,.hm-faces b{width:30px;height:30px;flex:0 0 30px;margin-right:-8px;border:2.5px solid #fff;border-radius:50%;background:url('./assets/professionals-nearby-v18.png') no-repeat;background-size:400% 100%;box-shadow:0 2px 6px rgba(20,58,52,.12)}
.hm-faces .f1{background-position:0 center}
.hm-faces .f2{background-position:33.333% center}
.hm-faces .f3{background-position:66.666% center}
.hm-faces b{display:grid;place-items:center;background:#004f45;color:#fff;font:800 15px/1 'Nunito Sans',sans-serif}
.hm-comunidade strong{display:block;font:800 clamp(12.5px,3.4vw,15px)/1.2 'Nunito Sans',sans-serif;letter-spacing:-.02em;color:#0b3530}
.hm-comunidade p{margin:2px 0 0;font:500 clamp(10.5px,2.85vw,12.5px)/1.25 'Nunito Sans',sans-serif;color:#4b5a57}

/* Bazar dos moradores: 3 por linha */
.hm-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 6px;padding:2px 13px 10px}
.hm-prod{min-width:0;border-radius:14px;overflow:hidden;background:#fffcf6;border:1px solid #f1e8d6;box-shadow:0 8px 20px rgba(100,80,40,.10);padding-bottom:8px;cursor:pointer}
.hm-prod-img{aspect-ratio:1/1;background-size:cover;background-position:center}
.hm-prod h3{margin:7px 8px 0;font:700 clamp(10px,2.75vw,12.5px)/1.2 'Nunito Sans',sans-serif;color:#0d272e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-prod b{display:block;margin:2px 8px 0;font:800 clamp(11.5px,3.2vw,14.5px)/1.15 'Nunito Sans',sans-serif;color:#094d42}

/* Home 17/10: "Profissionais Ilha Pura" e "Profissionais em destaque" no layout da referência
   (ícone sobre a foto, título ao lado, seta em círculo; fotos maiores e condomínio com alfinete). */
.hm-cat{background:#fffdf9;border-color:#f0e9dc}
.hm-cat-img{aspect-ratio:214/158}
.hm-cat-body{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:6px;row-gap:5px;padding:0 7px 10px}
.hm-cat-body>div{display:contents}
.hm-cat-ic{grid-row:1;grid-column:1;width:clamp(28px,8.2vw,36px);height:clamp(28px,8.2vw,36px);margin-top:calc(clamp(28px,8.2vw,36px) / -2);border:2.5px solid #fffdf9;box-shadow:0 3px 8px rgba(0,0,0,.08)}
.hm-cat h3{grid-row:1;grid-column:2;align-self:end;padding-bottom:2px;font-size:clamp(12px,3.4vw,15px);font-weight:900}
.hm-cat p{grid-row:2;grid-column:1/-1;margin:0;padding-right:clamp(20px,5.6vw,26px);font-size:clamp(9px,2.45vw,11.5px);line-height:1.25}
.hm-cat-body::after{content:"›";position:absolute;right:6px;bottom:clamp(10px,3vw,14px);display:grid;place-items:center;width:clamp(17px,4.8vw,22px);height:clamp(17px,4.8vw,22px);
  border-radius:50%;background:#efede8;color:#0d272e;font:700 clamp(13px,3.6vw,16px)/1 'Nunito Sans',sans-serif;padding-bottom:2px;box-sizing:border-box}

.hm-pro{padding:8px 3px 9px;background:#fffdf9;border-color:#f0e9dc}
.hm-pro-foto{width:clamp(54px,15.8vw,72px);height:clamp(54px,15.8vw,72px);margin-bottom:7px;border:2px solid #fff;box-shadow:0 4px 12px rgba(20,64,58,.16)}
.hm-pro h3{font-size:clamp(9.5px,2.6vw,12.5px);font-weight:900;letter-spacing:-.04em}
.hm-pro p{margin-top:1px;font-size:clamp(9px,2.4vw,11px);color:#6b7472}
.hm-pro-nota{margin-top:4px;font-size:clamp(10px,2.75vw,12.5px);font-weight:800}
.hm-pro-nota b{font-size:1.1em}
.hm-pro-nota small{font-size:.9em}
.hm-pro em{display:inline-flex;align-items:center;gap:3px;margin-top:6px;padding:3px 7px 3px 5px;background:#f4f2ed;border:1px solid #e9e4da;color:#2b3b38;font-weight:600}
.hm-pro em::before{content:"";flex:none;width:.95em;height:.95em;background:#0d272e;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7.5 7.5 0 0 0-7.5 7.5C4.5 15.2 12 22 12 22s7.5-6.8 7.5-12.5A7.5 7.5 0 0 0 12 2Zm0 10.3a2.8 2.8 0 1 1 0-5.6 2.8 2.8 0 0 1 0 5.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7.5 7.5 0 0 0-7.5 7.5C4.5 15.2 12 22 12 22s7.5-6.8 7.5-12.5A7.5 7.5 0 0 0 12 2Zm0 10.3a2.8 2.8 0 1 1 0-5.6 2.8 2.8 0 0 1 0 5.6Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* 17/10: "Profissionais em destaque" com cards mais largos e foto maior; os cards deslizam para o lado (3 e um pedaço do 4º). */
.hm-pros{display:flex;gap:8px;overflow-x:auto;padding:2px 13px 10px;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding:0 13px}
.hm-pros::-webkit-scrollbar{display:none}
.hm-pro{flex:0 0 calc((100% - 16px) / 3.25);scroll-snap-align:start;padding:10px 6px 11px}
.hm-pro-foto{width:clamp(78px,22.5vw,100px);height:clamp(78px,22.5vw,100px);margin-bottom:8px}
.hm-pro h3{font-size:clamp(11.5px,3.2vw,14px);letter-spacing:-.03em}
.hm-pro p{font-size:clamp(10px,2.75vw,12px)}
.hm-pro-nota{font-size:clamp(11px,3vw,13px)}
.hm-pro em{font-size:clamp(9.5px,2.6vw,11px)}

/* 17/10: títulos das seções mais perto dos cards ("Ver todos" não estica mais a linha). */
.hm-head{margin-bottom:8px;align-items:flex-end}
.hm-see{height:auto;min-height:0;padding:0;line-height:1.15}
.hm-see span{line-height:1}

/* 17/10: título ainda mais perto dos cards (cerca de 4px). */
.hm-head{margin-bottom:3px}
.hm-row,.hm-pros,.hm-prods{padding-top:1px}

/* 17/10: fotos dos profissionais sem achatar. A imagem tem 4 retratos em pé (1:2); antes era espremida no círculo. */
.hm-pro-foto{background-size:400% auto}
.hm-pro-foto.f1{background-position:0 12%}
.hm-pro-foto.f2{background-position:33.333% 12%}
.hm-pro-foto.f3{background-position:66.666% 12%}
.hm-pro-foto.f4{background-position:100% 12%}
.hm-faces span{background-size:400% auto}
.hm-faces .f1{background-position:0 12%}
.hm-faces .f2{background-position:33.333% 12%}
.hm-faces .f3{background-position:66.666% 12%}

/* 17/10: no Bazar, título das seções colado nos cards, como na home ("Ver todos" e ordenação não esticam a linha). */
.bazar-app .bz-head{margin-bottom:8px}
.bazar-app .bz-see,.bazar-app .bz-sort{height:auto;min-height:0;padding:0;line-height:1.15}
.bazar-app .bz-see span{line-height:1}
.bazar-app .bz-filter{width:30px;height:26px}
.bazar-app .bz-row{padding-top:1px}
.bazar-app .bz-filters{margin:4px 0 10px}

/* 17/10: "Mais que um app." numa linha so, e "Uma comunidade." um pouco menor. */
.hm-hero-copy h1{font-size:clamp(22px,6vw,28px)}
.hm-hero-copy h1 em{font-size:.78em;line-height:1.05}
.hm-hero-copy{padding-top:34px}
@media(min-width:600px){.hm-hero-copy{padding-top:40px}}

/* 17/10: um respiro entre a foto do topo e a fileira de atalhos. */
.hm-quick{padding-top:14px}

/* Página do produto do Bazar (17/10) no layout de referência: topo com voltar/marca/ações, galeria com miniaturas,
   título com selo, ficha em 2x2, cartão do vendedor, aviso de segurança e os dois botões de contato. Só em .it-app. */
.app.it-app{position:relative;color:#0d272e;background:#fcf6ea}

/* topo */
.it-top{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 14px 8px}
.it-top button{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:#fffdf9;color:#0d272e;display:grid;place-items:center;box-shadow:0 6px 16px rgba(120,84,34,.14)}
.it-top button svg{display:block;width:21px;height:21px}
.it-brand{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}
.it-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#0b8a7d,#016a60 72%);box-shadow:0 8px 18px rgba(1,80,70,.2)}
.it-logo svg{display:block;width:28px;height:28px}
.it-name{display:flex;flex-direction:column;align-items:flex-start;line-height:normal}
.it-name small{font:900 8.5px/1 'Nunito Sans',sans-serif;letter-spacing:.2em;color:#032929;margin-bottom:2px}
.it-name strong{font:900 17px/.96 'Nunito Sans',sans-serif;letter-spacing:-.035em;color:#032929}
.it-acts{display:flex;gap:8px}
.it-fav.saved{color:#fd5945}
.it-fav.saved svg path{fill:currentColor}

/* galeria */
.it-main{position:relative;z-index:1;padding:0 0 calc(30px + env(safe-area-inset-bottom))}
.it-gallery{padding:0 14px}
.it-photo{position:relative;aspect-ratio:343/287;border-radius:16px;background:#efe9df center/cover no-repeat;box-shadow:0 10px 24px rgba(120,84,34,.14)}
.it-count{position:absolute;right:10px;bottom:10px;padding:4px 11px;border-radius:999px;background:rgba(20,28,24,.62);color:#fff;
  font:700 12.5px/1.2 'Nunito Sans',sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.it-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}
.it-thumbs button{aspect-ratio:1/.92;border:2px solid transparent;border-radius:12px;background:#efe9df center/cover no-repeat;padding:0;box-shadow:0 4px 12px rgba(120,84,34,.1)}
.it-thumbs button.on{border-color:#0b6b5e;box-shadow:0 4px 14px rgba(11,107,94,.28)}

/* título, preço e selos */
.it-head{padding:15px 16px 0}
.it-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.it-row+.it-row{margin-top:7px;align-items:center}
.it-head h1{margin:0;font:900 clamp(21px,5.9vw,26px)/1.1 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.035em;color:#0b3530}
.it-chip{flex:none;margin-top:3px;padding:5px 12px;border-radius:999px;background:#fdf2d6;border:1px solid #f0e2bb;font:700 12px/1.2 'Nunito Sans',sans-serif;color:#6b4a09;white-space:nowrap}
.it-price{font:900 clamp(20px,5.6vw,25px)/1.1 'Nunito Sans',sans-serif;letter-spacing:-.02em;color:#0b6b5e}
.it-pill{flex:none;display:inline-flex;align-items:center;gap:6px;max-width:58%;padding:6px 12px;border-radius:999px;background:#e6f1ea;font:600 12px/1.2 'Nunito Sans',sans-serif;color:#1d4a3c}
.it-pill svg{display:block;flex:none;width:16px;height:16px;color:#0b6b5e}
.it-loc{display:flex;align-items:center;gap:5px;margin-top:9px;font:500 13.5px/1.2 'Nunito Sans',sans-serif;color:#87898e}
.it-loc svg{display:block;flex:none;width:15px;height:15px}
.it-loc i{font-style:normal}
.it-desc{margin:12px 0 0;font:400 14.5px/1.45 'Nunito Sans','DM Sans',sans-serif;color:#2f3b38}

/* ficha 2x2 */
.it-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin:16px 14px 0;padding:14px 12px;border-radius:16px;background:#fffdf9;border:1px solid #f0e9dc;box-shadow:0 8px 20px rgba(120,84,34,.09)}
.it-specs>div{display:flex;align-items:flex-start;gap:9px;min-width:0}
.it-specs>div:nth-child(odd){border-right:1px solid #f0e9dc;padding-right:10px}
.it-ic{flex:none;display:grid;place-items:center;width:30px;height:30px;color:#0b6b5e}
.it-ic svg{display:block;width:26px;height:26px}
.it-specs strong{display:block;font:800 13px/1.2 'Nunito Sans',sans-serif;color:#0b3530}
.it-specs small{display:block;margin-top:2px;font:500 12.5px/1.25 'Nunito Sans',sans-serif;color:#6b7472}

/* vendedor */
.it-seller{display:flex;align-items:center;gap:12px;margin:12px 14px 0;padding:12px;border-radius:16px;background:#fffdf9;border:1px solid #f0e9dc;box-shadow:0 8px 20px rgba(120,84,34,.09);cursor:pointer}
.it-avatar{flex:none;width:64px;height:64px;border-radius:50%;background:#efe9df center 18%/cover no-repeat;box-shadow:0 4px 12px rgba(20,64,58,.16)}
.it-seller-copy{flex:1;min-width:0}
.it-seller strong{display:block;font:800 15.5px/1.2 'Nunito Sans',sans-serif;letter-spacing:-.02em;color:#0b3530}
.it-seller .it-vendcond{display:block;margin-top:2px;font:500 12.5px/1.2 'Nunito Sans',sans-serif;color:#6b7472}
.it-rate{margin-top:3px;font:800 13px/1.2 'Nunito Sans',sans-serif;color:#0d272e}
.it-rate b{color:#f2a705}
.it-rate small{font-weight:500;color:#87898e}
.it-verif{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 9px 3px 6px;border-radius:999px;background:#e6f1ea;font:700 11.5px/1.3 'Nunito Sans',sans-serif;color:#1d4a3c}
.it-verif svg{display:block;flex:none;width:14px;height:14px;color:#0b6b5e}
.it-go{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f4f1ea;color:#0d272e;font:700 19px/1 'Nunito Sans',sans-serif;padding-bottom:2px}

/* aviso de segurança */
.it-safe{display:flex;align-items:center;gap:10px;margin:10px 14px 0;padding:11px 12px;border-radius:14px;background:#e9f2ec;border:1px solid #d6e7dd;cursor:pointer}
.it-safe>svg{display:block;flex:none;width:24px;height:24px;color:#0b6b5e}
.it-safe div{flex:1;min-width:0}
.it-safe strong{display:block;font:800 13.5px/1.25 'Nunito Sans',sans-serif;color:#0b3530}
.it-safe small{display:block;margin-top:1px;font:500 12px/1.25 'Nunito Sans',sans-serif;color:#4b5a57}
.it-go2{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d3e6da;color:#0b3530;font:700 16px/1 'Nunito Sans',sans-serif;padding-bottom:2px}

/* botões de contato */
.it-cta{display:grid;grid-template-columns:1fr 1.18fr;gap:9px;margin:14px 14px 0}
.it-cta button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 10px;border-radius:14px;
  font:800 clamp(12px,3.4vw,14px)/1.15 'Nunito Sans',sans-serif;letter-spacing:-.02em;white-space:nowrap}
.it-cta svg{display:block;flex:none;width:clamp(16px,4.6vw,19px);height:clamp(16px,4.6vw,19px)}
.it-cta button{gap:6px}
.it-msg{border:1.6px solid #0b6b5e;background:#fffdf9;color:#0b3530}
.it-wa{border:0;background:#0b5a4e;color:#fff;box-shadow:0 8px 20px rgba(11,90,78,.26)}

/* menu inferior no mesmo padrão das outras páginas */
.it-app .bottom-nav{height:calc(78px + env(safe-area-inset-bottom))!important;background:rgba(255,251,244,.96)!important;box-shadow:0 -8px 30px rgba(120,84,34,.10)!important}
.it-app .bottom-nav button>span svg{display:block;width:25px;height:25px}
.it-app .bottom-nav .publish>span svg{width:29px;height:29px}
.it-app .bottom-nav button.selected{background:#d7e6dd!important;color:#07413b!important;border-radius:16px!important;box-shadow:none!important}
.it-app .bottom-nav .publish{color:#d85b49!important}
.it-app .bottom-nav .publish>span{background:#fd5945!important;box-shadow:0 0 0 4px #fff,0 10px 23px rgba(253,89,69,.33)!important}
.it-app .bottom-nav button:not(.selected):not(.publish){color:#7b7e81!important}

@media(min-width:600px){
  .it-photo{aspect-ratio:16/11}
  .it-specs{grid-template-columns:repeat(4,1fr)}
  .it-specs>div:nth-child(odd){border-right:0;padding-right:0}
  .it-specs>div:not(:last-child){border-right:1px solid #f0e9dc;padding-right:10px}
}

/* Página de cadastro (17/10) no layout de referência: topo verde com foto e onda creme, campos arredondados com
   ícone à esquerda, checkbox dos termos, botão "Criar conta" e o rodapé "Já tem conta? Entrar". Só em .cd-app. */
.app.cd-app{position:relative;color:#0d272e;background:#fdf8ee;min-height:100vh;min-height:100dvh}

/* topo: o mesmo da home (classe .hm-hero); aqui só muda o texto e some o sino */
.cd-app .hm-hero .topbar .bell{display:none}
.cd-app .hm-hero-copy h1 em{display:inline;font-size:1em}
.cd-app .hm-hero-copy h1{font-size:clamp(24px,6.9vw,31px);line-height:1.04;font-weight:700;letter-spacing:-.03em}
.cd-app .hm-hero-copy h1 em{font-weight:800}

/* formulário */
.cd-main{position:relative;z-index:2;margin-top:16px;padding:0 5.2% 18px}
.cd-form{display:flex;flex-direction:column;gap:7px}
.cd-field{position:relative;display:flex;align-items:center;gap:15px;min-height:45px;padding:5px 16px;border-radius:14px;background:#fffefc;
  box-shadow:0 4px 14px rgba(120,84,34,.07);cursor:text}
.cd-ic{flex:none;display:grid;place-items:center;width:19px;height:19px;color:#4a5a57}
.cd-ic svg{display:block;width:100%;height:100%}
.cd-box{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.cd-lab{display:block;margin-bottom:0;font:500 clamp(13px,3.6vw,15px)/1.18 'Nunito Sans','DM Sans',sans-serif;color:#2f3b38}
.cd-field input,.cd-field select{width:100%;border:0;background:transparent;padding:0;font:500 clamp(13px,3.6vw,15px)/1.25 'Nunito Sans','DM Sans',sans-serif;color:#0d272e;appearance:none;-webkit-appearance:none}
.cd-field .cd-lab+input{font-size:clamp(11.5px,3.2vw,13.5px);color:#6b7472}
.cd-field input::placeholder{color:#6b7472}
.cd-field input:focus,.cd-field select:focus{outline:0}
.cd-field:focus-within{box-shadow:0 0 0 2px #0b6b5e,0 6px 18px rgba(120,84,34,.09)}
.cd-field select{color:#6b7472}
.cd-field select:valid{color:#0d272e}
.cd-arrow,.cd-eye{flex:none;display:grid;place-items:center;width:20px;height:20px;border:0;background:transparent;color:#4a5a57;padding:0}
.cd-arrow svg,.cd-eye svg{display:block;width:100%;height:100%}
.cd-eye.on .cd-cut{display:none}

/* termos */
.cd-terms{display:flex;align-items:center;gap:11px;margin:9px 0 0;padding:0 4px;font:500 clamp(13px,3.7vw,15.5px)/1.3 'Nunito Sans','DM Sans',sans-serif;color:#2f3b38}
.cd-terms input{flex:none;width:23px;height:23px;margin:0;border:2px solid #b9c2bf;border-radius:6px;background:#fffdfa;appearance:none;-webkit-appearance:none;display:grid;place-items:center}
.cd-terms input:checked{border-color:#0b5a4e;background:#0b5a4e}
.cd-terms input:checked::after{content:"";width:11px;height:6px;border:2.4px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-2px)}
.cd-terms a{color:#0f564e;font-weight:700;text-decoration:underline}

/* botão e rodapé */
.cd-submit{display:flex;align-items:center;justify-content:center;gap:11px;min-height:48px;margin-top:12px;border:0;border-radius:18px;background:#015851;color:#fff;
  font:800 clamp(15px,4.2vw,17.5px)/1.2 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.01em;box-shadow:0 10px 24px rgba(1,88,81,.26)}
.cd-submit svg{display:block;width:21px;height:21px}
.cd-foot{display:flex;align-items:center;gap:12px;margin:16px 0 0;font:500 clamp(13px,3.7vw,15.5px)/1.3 'Nunito Sans','DM Sans',sans-serif;color:#4a5a57}
.cd-foot::before,.cd-foot::after{content:"";flex:1;height:1px;background:#e4ddd0}
.cd-foot a{color:#0f564e;font-weight:800;text-decoration:underline}

@media(min-width:600px){
  .cd-hero{aspect-ratio:auto;height:255px;background-position:center}
  .cd-copy{right:46%;bottom:22%}
  .cd-main{margin-top:16px;padding-left:0;padding-right:0;max-width:430px;margin-left:auto;margin-right:auto}
}

/* barra inferior igual a da home */
.cd-app .bottom-nav{height:calc(78px + env(safe-area-inset-bottom))!important;background:rgba(255,251,244,.96)!important;box-shadow:0 -8px 30px rgba(120,84,34,.10)!important}
.cd-app .bottom-nav button>span svg{display:block;width:25px;height:25px}
.cd-app .bottom-nav .publish>span svg{width:29px;height:29px}
.cd-app .bottom-nav button.selected{background:#d7e6dd!important;color:#07413b!important;border-radius:16px!important;box-shadow:none!important}
.cd-app .bottom-nav .publish{color:#d85b49!important}
.cd-app .bottom-nav .publish>span{background:#fd5945!important;box-shadow:0 0 0 4px #fff,0 10px 23px rgba(253,89,69,.33)!important}
.cd-app .bottom-nav button:not(.selected):not(.publish){color:#7b7e81!important}

/* 18/10: na barra inferior, icone e texto centralizados na altura do botao (o Anunciar fica como esta). */
.hm-app .bottom-nav button:not(.publish),.cd-app .bottom-nav button:not(.publish),.bazar-app .bottom-nav button:not(.publish),
.ip-page .bottom-nav button:not(.publish),.it-app .bottom-nav button:not(.publish){justify-content:center}

/* Página de login (20/10) no layout de referência: topo com foto, cartão que sobrepõe o topo, rótulos acima dos
   campos, botões Apple/Google, cartão "Criar conta" e três atalhos com divisória. Só em .lg-app. */
.app.lg-app{background:#fdf8ee}

/* topo: foto sem onda; o cartão é quem faz a borda */
.lg-app .lg-hero{aspect-ratio:717/482;background:url('./assets/login-topo.jpg') center top/cover no-repeat #0b3b31}
.lg-app .hm-hero-copy{padding:10px 16px 0}
.lg-app .hm-hero-copy h1{font-size:clamp(34px,10vw,48px);line-height:.95;font-weight:900;letter-spacing:-.04em;text-shadow:0 2px 14px rgba(2,32,26,.3)}
.lg-app .hm-hero-copy h1 em{font-weight:900}
.lg-app .hm-hero-copy p{margin-top:9px;font-size:clamp(14px,3.9vw,18px);line-height:1.25;text-shadow:0 1px 10px rgba(2,32,26,.4)}

/* o cartão sobe por cima do topo */
.lg-app .cd-main{position:relative;z-index:2;margin-top:-34px;padding:0 14px calc(116px + env(safe-area-inset-bottom))}
.lg-card{padding:20px 16px 18px;border-radius:26px;background:#fdf9ef;box-shadow:0 -4px 24px rgba(10,50,40,.10),0 12px 28px rgba(120,84,34,.08)}
.lg-form{display:flex;flex-direction:column;gap:0}
.lg-group{margin-bottom:13px}
.lg-label{display:block;margin:0 2px 7px;font:800 14px/1 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.01em;color:#15463a}
.lg-app .lg-card .cd-field{min-height:52px;border-radius:14px;background:#fbfaf4;box-shadow:inset 0 0 0 1px #ece6d8}
.lg-forgot{display:block;text-align:right;margin:2px 2px 0;font:700 13.5px 'Nunito Sans','DM Sans',sans-serif;color:#15463a;text-decoration:none}
.lg-enter{margin-top:14px;background:#0f5a4d;box-shadow:0 10px 24px rgba(15,90,77,.24)}

/* divisor "ou" */
.lg-or{display:flex;align-items:center;gap:12px;margin:16px 2px 15px}
.lg-or::before,.lg-or::after{content:"";flex:1;height:1px;background:#e8e0d2}
.lg-or span{font:600 13px 'Nunito Sans','DM Sans',sans-serif;color:#8a948f}

/* botões sociais */
.lg-social{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.lg-soc{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 8px;border:1px solid #ebe3d4;border-radius:14px;background:#fffefb;
  font:700 clamp(12.5px,3.4vw,14px)/1.1 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.02em;color:#1d2b28;box-shadow:0 4px 12px rgba(120,84,34,.06)}
.lg-soc svg{display:block;flex:none;width:20px;height:20px}
.lg-soc#lg-apple svg{color:#111}

/* cartão "Ainda não tem uma conta?" */
.lg-new{display:flex;align-items:center;gap:13px;margin-top:16px;padding:14px;border-radius:18px;background:#e4efe8;border:1px solid #d2e3d9}
.lg-new-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#d1e4d9;color:#0f6b5a}
.lg-new-ic svg{display:block;width:26px;height:26px}
.lg-new-copy{flex:1;min-width:0}
.lg-new-copy strong{display:block;font:800 clamp(13.5px,3.7vw,15px)/1.2 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.02em;color:#143f36}
.lg-new-copy small{display:block;margin-top:3px;font:500 12.5px/1.3 'Nunito Sans','DM Sans',sans-serif;color:#4f6560}
.lg-new-btn{flex:none;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:13px;background:#0f5a4d;padding:12px 16px;
  font:800 13.5px/1 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.01em;color:#fff;box-shadow:0 6px 16px rgba(15,90,77,.26)}
.lg-new-btn svg{display:block;width:17px;height:17px}

/* três atalhos com divisória vertical */
.lg-perks{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;padding:0 4px}
.lg-perk{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:4px 6px;cursor:pointer;text-decoration:none}
.lg-perk+.lg-perk{border-left:1px solid #e6ddce}
.lg-perk-ic{display:grid;place-items:center;width:38px;height:38px;color:#0f5a4d;margin-bottom:2px}
.lg-perk-ic svg{display:block;width:100%;height:100%}
.lg-perk strong{font:900 clamp(13px,3.6vw,15px)/1.1 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.02em;color:#143f36}
.lg-perk small{font:500 clamp(10px,2.75vw,12px)/1.25 'Nunito Sans','DM Sans',sans-serif;color:#5a6764}

@media(min-width:600px){
  .lg-app .lg-hero{aspect-ratio:auto;height:330px;background-position:center}
}

/* Admin de anúncios (20/10) */
.ad-main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.ad-head{padding:2px 2px 0}
.ad-head h1{margin:0;font:900 clamp(22px,6vw,27px)/1.1 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.03em;color:#143f36}
.ad-sub{margin:5px 0 0;font:500 13.5px/1.35 'Nunito Sans','DM Sans',sans-serif;color:#5a6764}
.ad-tabs{display:flex;gap:8px;margin:14px 0 12px;overflow-x:auto;scrollbar-width:none}
.ad-tabs::-webkit-scrollbar{display:none}
.ad-tab{flex:none;border:1px solid #e4ddcf;border-radius:999px;background:#fffdf8;padding:8px 13px;font:700 13px 'Nunito Sans','DM Sans',sans-serif;color:#44524e}
.ad-tab.on{background:#0f5a4d;border-color:#0f5a4d;color:#fff}
.ad-tab b{font-weight:900;margin-left:3px}
.ad-empty{padding:28px 6px;text-align:center;color:#8a948f;font:500 14px 'Nunito Sans','DM Sans',sans-serif}
.ad-card{border:1px solid #ece6d8;border-radius:16px;background:#fffefb;box-shadow:0 6px 16px rgba(120,84,34,.07);padding:13px 14px;margin-bottom:12px}
.ad-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ad-chip{display:inline-flex;padding:3px 10px;border-radius:999px;background:#e4efe8;font:800 11px 'Nunito Sans','DM Sans',sans-serif;color:#15463a;text-transform:uppercase;letter-spacing:.03em}
.ad-preco{font:900 16px 'Nunito Sans','DM Sans',sans-serif;color:#0f5a4d}
.ad-card h3{margin:8px 0 0;font:800 16px/1.2 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.02em;color:#143f36}
.ad-desc{margin:5px 0 0;font:400 13.5px/1.4 'Nunito Sans','DM Sans',sans-serif;color:#44524e}
.ad-meta{margin:8px 0 0;font:600 12px 'Nunito Sans','DM Sans',sans-serif;color:#6b7472}
.ad-autor{margin:3px 0 0;font:500 11.5px 'Nunito Sans','DM Sans',sans-serif;color:#9aa49c}
.ad-acts{display:flex;gap:9px;margin-top:12px}
.ad-acts button{flex:1;min-height:42px;border-radius:12px;font:800 13.5px 'Nunito Sans','DM Sans',sans-serif;border:0}
.ad-ap{background:#0f5a4d;color:#fff;box-shadow:0 6px 14px rgba(15,90,77,.22)}
.ad-rc{background:#fff;color:#c0492f;border:1.4px solid #ecc9bf!important}

/* 21/10: o botão central "+" (Anunciar) igual ao da home em todas as páginas.
   No Bazar e nas internas um CSS antigo punha o "+" em position:absolute (subia demais); aqui volta ao fluxo, como na home. */
.bazar-app .bottom-nav .publish,.ip-page .bottom-nav .publish,.it-app .bottom-nav .publish,.cd-app .bottom-nav .publish,.lg-app .bottom-nav .publish{padding-top:1px!important;justify-content:flex-start!important;align-items:center!important}
.bazar-app .bottom-nav .publish>span,.ip-page .bottom-nav .publish>span,.it-app .bottom-nav .publish>span,.cd-app .bottom-nav .publish>span,.lg-app .bottom-nav .publish>span{position:static!important;top:auto!important;margin-top:-31px!important}

/* 21/10: a home acompanha a largura das outras páginas em telas largas (antes travava em 520px, enquanto o Bazar se expandia). */
@media(min-width:600px){.app.hm-app{width:min(100%,1100px)}.app.hm-app .bottom-nav{width:min(100%,1100px)!important}}
/* mesma largura responsiva nas páginas internas (Perfil, Profissionais, etc.) e nas de detalhe/conta. */
@media(min-width:600px){
  .app.ip-page,.app.it-app,.app.cd-app,.app.lg-app{width:min(100%,1100px)}
  .app.ip-page .bottom-nav,.app.it-app .bottom-nav,.app.cd-app .bottom-nav,.app.lg-app .bottom-nav{width:min(100%,1100px)!important}
}

/* ===== Perfil v2 (24/10) — hero com foto + cartão sobreposto + menu em cards (paleta creme do site) ===== */
.app.pf2-app{background:#f3eddf}
.app.pf2-app .bottom-nav{background:#f6f1e6}
.pf2-hero{position:relative;z-index:1;aspect-ratio:767/360;background:url('./assets/topo-paisagem.jpg') center 34%/cover no-repeat #0b3b31}
.pf2-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,rgba(3,38,30,.5) 0%,rgba(3,38,30,.2) 28%,rgba(3,38,30,0) 52%),linear-gradient(180deg,rgba(3,38,30,.28) 0%,rgba(3,38,30,0) 34%,rgba(3,38,30,.22) 100%)}
.pf2-hero .topbar{position:relative;z-index:2;height:auto;min-height:0;padding:calc(7.82vw - 23px) 16px 0 14px;align-items:center;gap:10px;background:transparent;box-shadow:none}
.pf2-hero .topbar .brand{gap:10px}
.pf2-hero .topbar .logo{width:46px;height:46px;min-width:46px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#0b8a7d,#016a60 72%);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.pf2-hero .topbar .logo svg{display:block;width:31px;height:31px}
.pf2-hero .topbar .brand-name{display:flex;flex-direction:column;align-items:flex-start;line-height:normal}
.pf2-hero .topbar .brand-name small{display:block;margin:0 0 2px;font:900 9.5px/1 'Nunito Sans',sans-serif;letter-spacing:.2em;color:#fff}
.pf2-hero .topbar .brand-name strong{display:block;font:900 21px/.96 'Nunito Sans',sans-serif;letter-spacing:-.035em;color:#fff}
.pf2-hero .topbar .bell{margin-left:auto;width:42px;height:42px;min-width:42px;border:0;border-radius:50%;background:#fff;color:#0d272e;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.pf2-hero .topbar .bell svg{display:block;width:21px;height:21px}
.pf2-hero .topbar .bell i{position:absolute;width:7px;height:7px;top:7px;right:8px;border-radius:50%;background:#fc5047}

.app.pf2-app .pf2-main{position:relative;z-index:3;margin-top:-64px;padding:0 15px 30px}

/* cartão do perfil */
.pf2-card{position:relative;background:#faf6ec;border:1px solid rgba(150,130,80,.1);border-radius:20px;padding:15px 16px;box-shadow:0 14px 30px -22px rgba(74,60,30,.4);display:flex;align-items:center;gap:13px;overflow:hidden}
.pf2-card .pf2-leaf{position:absolute;right:-16px;top:-10px;width:102px;height:102px;opacity:.2;color:#a9b878;pointer-events:none}
.pf2-av{flex:none;width:60px;height:60px;border-radius:50%;background:#124a39;color:#fdf7e6;display:flex;align-items:center;justify-content:center;font:800 25px/1 'DM Serif Display','Nunito Sans',serif;box-shadow:0 0 0 3px #caa23c,0 5px 12px -6px rgba(0,0,0,.45)}
.pf2-id{flex:1;min-width:0}
.pf2-id h1{margin:0;font:800 18px/1.05 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.025em;color:#123a2b}
.pf2-id .pf2-cond{margin:1px 0 0;font:600 12.5px/1.2 'Nunito Sans',sans-serif;color:#5d6b60}
.pf2-mail{display:inline-flex;align-items:center;gap:5px;margin-top:8px;max-width:100%;padding:5px 10px;border-radius:999px;background:#e5f1e6;color:#0b6a4f;font:600 11px/1 'Nunito Sans',sans-serif}
.pf2-mail svg{width:13px;height:13px;flex:none}
.pf2-mail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* menu em cards */
.pf2-menu{margin-top:12px;display:flex;flex-direction:column;gap:9px}
.pf2-rowc{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fdfbf5;border:1px solid rgba(150,130,80,.09);border-radius:15px;padding:11px 13px;box-shadow:0 8px 18px -16px rgba(74,60,30,.33);cursor:pointer;font-family:inherit}
.pf2-rowc .pf2-ic{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0d3b2c}
.pf2-rowc .pf2-ic svg{width:21px;height:21px}
.pf2-ic.g{background:#d9eddd}
.pf2-ic.y{background:#fbefc6}
.pf2-rowc .pf2-tx{flex:1;min-width:0}
.pf2-rowc .pf2-tx strong{display:block;font:800 14.5px/1.12 'Nunito Sans',sans-serif;letter-spacing:-.01em;color:#123a2b}
.pf2-rowc .pf2-tx small{display:block;margin-top:1px;font:500 11.5px/1.2 'Nunito Sans',sans-serif;color:#8a968b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf2-rowc .pf2-badge{flex:none;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#f2c24b;color:#5a4209;font:800 11.5px/21px 'Nunito Sans',sans-serif;text-align:center}
.pf2-rowc .pf2-arw{flex:none;color:#bcc6b8;font-size:20px;line-height:1}

.pf2-out{margin-top:16px;width:100%;background:#fdfbf5;border:1.5px solid #eccfc6;color:#c6513a;border-radius:14px;padding:12px;font:700 14px 'Nunito Sans',sans-serif;cursor:pointer}
.pf2-foot{text-align:center;margin:12px 0 0;font:500 10.5px/1.4 'Nunito Sans',sans-serif;color:#9aa49c}

/* subpáginas (Meus dados, etc.): encolhe o hero e remove a sobreposição */
.app.pf2-app.pf2-sub .pf2-hero{aspect-ratio:auto;height:118px}
.app.pf2-app.pf2-sub .pf2-main{margin-top:14px}

@media(min-width:600px){.pf2-hero{aspect-ratio:auto;height:300px}.app.pf2-app.pf2-sub .pf2-hero{height:118px}}

/* ===== Meus anúncios (24/10) — página dedicada, mesmo topo do Perfil ===== */
.app.ma-app{overflow-x:hidden}
.app.pf2-app.ma-app .pf2-main{margin-top:-30px}
.ma-back{display:inline-flex;align-items:center;gap:6px;background:#fff;border:0;border-radius:999px;padding:9px 15px;font:700 14px 'Nunito Sans',sans-serif;color:#123a2b;box-shadow:0 8px 18px -10px rgba(4,40,32,.4);cursor:pointer;margin-bottom:16px}
.ma-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ma-head>div{flex:1;min-width:0}
.ma-head h1{margin:0;font:900 clamp(19px,5.6vw,27px)/1.02 'Nunito Sans','DM Sans',sans-serif;letter-spacing:-.03em;color:#0f3b2b}
.ma-head p{margin:4px 0 0;font:500 12.5px/1.25 'Nunito Sans',sans-serif;color:#7b8a7f}
.ma-new{flex:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#0f5a4d;color:#fff;border:0;border-radius:999px;padding:10px 13px;font:800 12.5px 'Nunito Sans',sans-serif;box-shadow:0 10px 20px -10px rgba(15,90,77,.6);cursor:pointer}
.ma-new svg{width:16px;height:16px}

.ma-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.ma-tabs::-webkit-scrollbar{display:none}
.ma-tab{flex:none;border:0;border-radius:999px;background:transparent;padding:9px 15px;font:700 13.5px 'Nunito Sans',sans-serif;color:#5a6b60;cursor:pointer}
.ma-tab.on{background:#d9eddd;color:#0d6a4f}

.ma-card{background:#fdfbf5;border:1px solid rgba(150,130,80,.1);border-radius:18px;padding:12px;margin-bottom:12px;box-shadow:0 10px 22px -18px rgba(74,60,30,.35)}
.ma-top{display:flex;gap:12px}
.ma-thumb{flex:none;position:relative;width:108px;height:86px;border-radius:13px;overflow:hidden;background:linear-gradient(140deg,#e3f1e6,#cfe6d6);display:grid;place-items:center;color:#0d8a62}
.ma-thumb svg{width:30px;height:30px}
.ma-thumb img{width:100%;height:100%;object-fit:cover}
.ma-cam{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:3px;background:rgba(18,30,24,.7);color:#fff;border-radius:7px;padding:2px 6px;font:800 10px 'Nunito Sans',sans-serif}
.ma-cam svg{width:12px;height:12px}
.ma-mid{flex:1;min-width:0}
.ma-ttrow{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
.ma-mid h3{margin:0;font:800 15.5px/1.16 'Nunito Sans',sans-serif;letter-spacing:-.015em;color:#123a2b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ma-price{margin:2px 0 0;font:600 12.5px 'Nunito Sans',sans-serif;color:#45534a}
.ma-loc{margin:3px 0 0;display:inline-flex;align-items:center;gap:4px;font:500 11.5px 'Nunito Sans',sans-serif;color:#7b8a7f}
.ma-loc svg{width:12px;height:12px;opacity:.85}
.ma-right{flex:none;display:flex;align-items:center;gap:2px}
.ma-status{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;font:800 10px 'Nunito Sans',sans-serif;white-space:nowrap}
.ma-status .dot{width:6px;height:6px;border-radius:50%}
.ma-status.ativo{background:#e3f3e9;color:#0b7a5e}.ma-status.ativo .dot{background:#17a96b}
.ma-status.rev{background:#fbefc6;color:#9a7414}.ma-status.rev .dot{background:#e0a81f}
.ma-status.rec{background:#f6ddd6;color:#b23b26}.ma-status.rec .dot{background:#d0513a}
.ma-kebab{flex:none;width:22px;height:26px;border:0;background:transparent;color:#aab3a6;cursor:pointer;display:grid;place-items:center}
.ma-kebab svg{width:17px;height:17px}

.ma-stats{display:flex;gap:4px;margin-top:9px}
.ma-st{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ma-st .v{display:inline-flex;align-items:center;gap:4px;font:800 13px 'Nunito Sans',sans-serif;color:#1f2d24}
.ma-st .v svg{width:13px;height:13px;color:#95a08f;flex:none}
.ma-st small{font:500 9px/1 'Nunito Sans',sans-serif;color:#9aa49c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ma-acts{display:flex;gap:8px;margin-top:11px}
.ma-acts button{flex:1;min-height:42px;border-radius:12px;border:0;font:800 13px 'Nunito Sans',sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.ma-acts svg{width:15px;height:15px}
.ma-edit{background:#eef3ec;color:#2a4a3a}
.ma-boost{background:#dcefe0;color:#0d6a4f}
.ma-pause{background:#fdeceb;color:#d0513a}
.ma-activate{background:#e3f3e9;color:#0b7a5e}
.ma-motivo{margin:10px 0 0;font:500 12px/1.3 'Nunito Sans',sans-serif;color:#b23b26;background:#fbeae4;border-radius:10px;padding:8px 10px}

/* upload de fotos no formulário de anunciar (24/10) */
.upbox{cursor:pointer}
.upprev{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.upprev .pv{position:relative;width:74px;height:74px;border-radius:10px;overflow:hidden;background:#eef2ea;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.upprev .pv img{width:100%;height:100%;object-fit:cover;display:block}
.upprev .pv button{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:0;background:rgba(15,20,16,.72);color:#fff;font:700 13px/1 'Nunito Sans',sans-serif;cursor:pointer;display:grid;place-items:center}

/* Meus anúncios — estado Pausado + botão de estado desabilitado (24/10) */
.ma-status.pausado{background:#fde9cf;color:#b56a12}
.ma-status.pausado .dot{background:#ef8f1c}
.ma-acts .ma-wait{background:#f0ece1;color:#8a8577;cursor:default}

/* Meus anúncios — menu (3 pontinhos) e overlay "Ver anúncio" (24/10) */
.ma-menu{position:relative}
.ma-drop{position:absolute;right:0;top:calc(100% + 4px);z-index:30;background:#fff;border:1px solid rgba(150,130,80,.14);border-radius:12px;box-shadow:0 14px 30px -12px rgba(4,40,32,.4);padding:5px;min-width:162px;display:flex;flex-direction:column;gap:2px}
.ma-drop[hidden]{display:none}
.ma-drop button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;border:0;border-radius:9px;padding:9px 10px;font:700 13px 'Nunito Sans',sans-serif;color:#1f2d24;cursor:pointer}
.ma-drop button svg{width:17px;height:17px;color:#6f7a6c;flex:none}
.ma-drop button:hover{background:#f2f5ee}
.ma-drop button.del{color:#c0492f}
.ma-drop button.del svg{color:#c0492f}

.ma-ov{position:fixed;inset:0;z-index:100;background:rgba(10,20,15,.55);display:flex;align-items:flex-end;justify-content:center}
@media(min-width:600px){.ma-ov{align-items:center;padding:20px}}
.ma-ov-card{position:relative;background:#fdfbf5;width:100%;max-width:520px;max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.3)}
@media(min-width:600px){.ma-ov-card{border-radius:20px}}
.ma-ov-x{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#333;font:700 20px/1 'Nunito Sans',sans-serif;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.ma-ov-ph{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;background:#e9efe6}
.ma-ov-ph::-webkit-scrollbar{display:none}
.ma-ov-ph img{height:230px;width:auto;object-fit:cover;flex:none}
.ma-ov-noph{height:180px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#0d6a4f;background:linear-gradient(140deg,#e3f1e6,#cfe6d6)}
.ma-ov-noph svg{width:44px;height:44px}
.ma-ov-noph span{font:600 13px 'Nunito Sans',sans-serif;color:#5d6b60}
.ma-ov-body{padding:16px}
.ma-ov-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ma-ov-body h2{margin:0;font:800 19px/1.15 'Nunito Sans',sans-serif;color:#123a2b}
.ma-ov-price{margin:6px 0 0;font:700 15px 'Nunito Sans',sans-serif;color:#0f5a4d}
.ma-ov-loc{margin:5px 0 0;display:inline-flex;align-items:center;gap:4px;font:500 12.5px 'Nunito Sans',sans-serif;color:#7b8a7f}
.ma-ov-loc svg{width:13px;height:13px}
.ma-ov-meta{margin:8px 0 0;font:600 12.5px 'Nunito Sans',sans-serif;color:#6b7472}
.ma-ov-desc{margin:10px 0 0;font:400 14px/1.45 'Nunito Sans',sans-serif;color:#39463c;white-space:pre-wrap}

/* Meus anúncios — responsivo real (26/10): tudo escala com a largura da tela.
   Em telas pequenas (320–380px) encolhe; acima de ~520px trava no tamanho cheio. */
.app.pf2-app .pf2-main{padding-left:clamp(10px,3.6vw,15px);padding-right:clamp(10px,3.6vw,15px)}
.ma-back{font-size:clamp(12px,3.6vw,14px);padding:clamp(7px,2.5vw,9px) clamp(11px,3.9vw,15px)}
.ma-head p{font-size:clamp(11px,3.3vw,12.5px)}
.ma-new{font-size:clamp(10.5px,3.1vw,12.5px);padding:clamp(8px,2.7vw,10px) clamp(10px,3.5vw,13px);gap:clamp(4px,1.7vw,6px)}
.ma-new svg{width:clamp(13px,4vw,16px);height:clamp(13px,4vw,16px)}
.ma-tab{font-size:clamp(11.5px,3.4vw,13.5px);padding:clamp(7px,2.4vw,9px) clamp(11px,3.8vw,15px)}

.ma-card{padding:clamp(9px,2.9vw,12px);border-radius:clamp(14px,4.4vw,18px);margin-bottom:clamp(9px,2.9vw,12px)}
.ma-top{gap:clamp(9px,3vw,12px)}
.ma-thumb{width:clamp(84px,25vw,112px);height:clamp(66px,19.5vw,88px);border-radius:clamp(10px,3.2vw,13px)}
.ma-cam{font-size:clamp(8.5px,2.6vw,10px);padding:clamp(1px,.6vw,2px) clamp(4px,1.7vw,6px)}
.ma-cam svg{width:clamp(10px,3.1vw,12px);height:clamp(10px,3.1vw,12px)}
.ma-mid h3{font-size:clamp(13px,3.8vw,15.5px)}
.ma-price{font-size:clamp(11px,3.2vw,12.5px)}
.ma-loc{font-size:clamp(10px,3vw,11.5px)}
.ma-loc svg{width:clamp(10px,3.1vw,12px);height:clamp(10px,3.1vw,12px)}
.ma-status{font-size:clamp(8.5px,2.6vw,10px);padding:clamp(3px,1vw,4px) clamp(6px,2.2vw,8px)}
.ma-kebab{width:clamp(18px,5.6vw,22px);padding:0}
.ma-kebab svg{width:clamp(14px,4.4vw,17px);height:clamp(14px,4.4vw,17px)}
.ma-stats{margin-top:clamp(7px,2.4vw,9px)}
.ma-st .v{font-size:clamp(11px,3.3vw,13px)}
.ma-st .v svg{width:clamp(11px,3.3vw,13px);height:clamp(11px,3.3vw,13px)}
.ma-st small{font-size:clamp(7.5px,2.4vw,9px)}
.ma-acts{gap:clamp(5px,2.1vw,8px);margin-top:clamp(8px,2.9vw,11px)}
.ma-acts button{min-height:clamp(34px,10vw,42px);font-size:clamp(10.5px,3.1vw,13px);gap:clamp(4px,1.6vw,6px);border-radius:clamp(9px,3vw,12px);min-width:0;white-space:nowrap;overflow:hidden}
.ma-acts svg{width:clamp(13px,3.9vw,15px);height:clamp(13px,3.9vw,15px)}

/* Bazar — fotos reais dos anúncios do banco (26/10) */
.bazar-app .market-img{position:relative;overflow:hidden}
.bazar-app .market-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bazar-app .market-img>button{position:absolute;z-index:3}
.bazar-app .market-img.sem-foto{background:linear-gradient(140deg,#e3f1e6,#cfe6d6);display:grid;place-items:center}
.bazar-app .market-img.sem-foto::after{content:"sem foto";font:600 11px 'Nunito Sans',sans-serif;color:#5d6b60}
.bz-vazio{padding:30px 14px;text-align:center;color:#5d6b60;font:500 14px/1.45 'Nunito Sans',sans-serif}
.bz-vazio b{display:block;font:800 16px 'Nunito Sans',sans-serif;color:#123a2b;margin-bottom:5px}

/* avisos (toast) sempre acima de modais (26/10) */
#toast{z-index:9999}
/* prévia do próprio anúncio na página do item */
.it-previa{margin:10px 14px 0;padding:11px 13px;border-radius:14px;background:#fbefc6;border:1px solid #e9d79a;display:flex;flex-direction:column;gap:2px}
.it-previa strong{font:800 13px 'Nunito Sans',sans-serif;color:#7a5c0d}
.it-previa span{font:500 12.5px/1.35 'Nunito Sans',sans-serif;color:#6b5a2a}

/* ===== Chat com o anunciante (26/10) ===== */
.message-card.chat-card{display:flex;flex-direction:column;width:min(100%,460px);max-height:min(78vh,620px);padding-bottom:0;overflow:hidden}
.chat-card #chat-sub{display:block;font:500 12px 'Nunito Sans',sans-serif;color:#7b8a7f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.chat-thread{flex:1;min-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px 2px;margin-top:8px;border-top:1px solid #eee6d6}
.chat-msg{max-width:82%;align-self:flex-start;background:#f0f2ec;border-radius:14px 14px 14px 4px;padding:9px 12px}
.chat-msg.meu{align-self:flex-end;background:#dcefe0;border-radius:14px 14px 4px 14px}
.chat-msg p{margin:0;font:500 14px/1.4 'Nunito Sans',sans-serif;color:#1f2d24;white-space:pre-wrap;word-break:break-word}
.chat-msg time{display:block;margin-top:3px;font:600 10px 'Nunito Sans',sans-serif;color:#95a08f;text-align:right}
.chat-vazio{margin:auto;text-align:center;font:500 13px/1.45 'Nunito Sans',sans-serif;color:#8a968b;padding:14px}
.chat-form{display:flex;gap:8px;align-items:center;padding:10px 0 12px;border-top:1px solid #eee6d6;background:inherit}
.chat-form input{flex:1;min-width:0;border:1.5px solid #e4ddcf;border-radius:999px;padding:11px 15px;font:500 14px 'Nunito Sans',sans-serif;color:#1f2d24;background:#fff}
.chat-form input:focus{outline:none;border-color:#0f5a4d}
.chat-send{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:#0f5a4d;color:#fff;display:grid;place-items:center;cursor:pointer}
.chat-send svg{width:19px;height:19px}
.chat-send:disabled{opacity:.5}

/* ===== Caixa de Mensagens (26/10) ===== */
.cv-list{display:flex;flex-direction:column;gap:10px}
.cv-item,.cv-anuncio{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fdfbf5;border:1px solid rgba(150,130,80,.1);border-radius:16px;padding:11px 12px;box-shadow:0 10px 22px -18px rgba(74,60,30,.35);cursor:pointer;font-family:inherit}
.cv-thumb{flex:none;width:clamp(48px,14vw,58px);height:clamp(48px,14vw,58px);border-radius:12px;overflow:hidden;background:linear-gradient(140deg,#e3f1e6,#cfe6d6);display:block;position:relative}
.cv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cv-tx{flex:1;min-width:0;display:block}
.cv-tx strong{display:block;font:800 clamp(13.5px,4vw,15px) 'Nunito Sans',sans-serif;color:#123a2b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv-tx strong em{font-style:normal;font-weight:600;font-size:.82em;color:#8a968b}
.cv-tx small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv-an{font:600 clamp(11px,3.3vw,12px) 'Nunito Sans',sans-serif;color:#0b6a4f;margin-top:1px}
.cv-ult{font:500 clamp(11px,3.3vw,12.5px) 'Nunito Sans',sans-serif;color:#8a968b;margin-top:2px}
.cv-right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.cv-right time{font:600 10.5px 'Nunito Sans',sans-serif;color:#9aa49c}
.cv-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f2c24b;color:#5a4209;font:800 11px 'Nunito Sans',sans-serif;font-style:normal}
.cv-anuncio{margin-bottom:12px}
.cv-anuncio .cv-tx small{font:600 12px 'Nunito Sans',sans-serif;color:#0b6a4f;margin-top:2px}
.cv-go{flex:none;color:#bcc6b8;font-size:20px;line-height:1}
.cv-thread{height:min(52vh,430px);background:#fdfbf5;border:1px solid rgba(150,130,80,.1);border-radius:16px;padding:12px;margin:0;border-top:1px solid rgba(150,130,80,.1)}
.ma-app .chat-form{padding:12px 0 0;border-top:0}

/* chat em página inteira: thread mais alta (26/10) */
.cv-thread{height:min(60vh,540px)}

/* chat em página inteira: thread acompanha a altura da tela e o campo
   de escrever fica fixo logo acima da barra inferior (26/10) */
.cv-thread{height:calc(100vh - 500px);height:calc(100dvh - 500px);min-height:200px;max-height:520px}
.app.ma-app .chat-form{padding:10px 0 2px}
/* folga para o campo não ficar embaixo da barra inferior fixa */
.app.cv-mode #view{padding-bottom:110px}
/* no modo conversa o topo encolhe: sobra tela para o chat */
.app.cv-mode .pf2-hero{aspect-ratio:auto;height:92px}
.app.cv-mode .ma-back{margin-bottom:10px}
.app.cv-mode .ma-head{margin-bottom:10px}