:root{--navy:#050549;--navy2:#020262;--teal:#30a7b5;--ink:#092f4d;--muted:#617181;--line:#dfe8ed;--bg:#f5f9fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:linear-gradient(90deg,var(--navy2),#07537a);color:#fff;font-size:12px}.topbar-inner{min-height:36px;display:flex;align-items:center;gap:28px}.topbar a:hover{text-decoration:underline}.header{background:#fff}.header-inner{height:245px;display:flex;align-items:center}.logo{width:980px;max-width:96vw;height:225px;object-fit:contain;object-position:left center}.nav{background:linear-gradient(90deg,#033d61,#062c51);color:#fff}.nav-inner{height:48px;display:flex;align-items:center}.nav a{font-weight:700}.hero{background:linear-gradient(110deg,#eef9fc,#fff 55%,#dff2f7);overflow:hidden}.hero-grid{min-height:390px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--teal);font-weight:700}.hero h1{font-size:52px;line-height:1.02;margin:12px 0 18px}.hero h1 em{font-style:normal;color:#16abc1}.hero p{max-width:600px;font-size:18px;line-height:1.55}.btn{display:inline-flex;padding:13px 24px;border-radius:26px;font-weight:700;font-size:14px;margin-top:18px}.whatsapp{background:#08a56b;color:#fff}.hero-art{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.medical-cross{font-size:190px;color:#20a6b8;opacity:.13}.hero-card{position:absolute;right:8%;top:27%;border-left:3px solid var(--teal);padding:18px;line-height:1.8;letter-spacing:1px}.benefits{border-bottom:1px solid var(--line)}.benefit-grid{min-height:78px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;align-items:center}.benefit-grid>div{display:flex;align-items:center;gap:12px;font-size:24px}.benefit-grid span{display:flex;flex-direction:column;font-size:12px}.benefit-grid small{font-size:11px}.section{padding:45px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-title h2{font-size:28px;margin:0}.section-title p{margin:0;color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-grid article{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 20px #082f4c0b;transition:.2s}.category-grid article:hover{transform:translateY(-3px);box-shadow:0 10px 30px #082f4c18}.cat-slider{height:210px;position:relative;background:linear-gradient(145deg,#ffffff,#f4f9fb)}.cat-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:14px;opacity:0;transition:opacity .65s}.cat-slider img.active{opacity:1}.category-grid strong{display:flex;align-items:center;justify-content:center;text-align:center;min-height:68px;font-size:17px;padding:14px 16px}.marketplaces{padding:55px 0;background:#f2f8fa}.market-title{text-align:center;max-width:700px;margin:0 auto 28px}.market-title>span{font-size:11px;letter-spacing:2px;color:var(--teal);font-weight:700}.market-title h2{font-size:30px;margin:8px 0}.market-title p{color:var(--muted)}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:820px;margin:auto}.market-grid a{border-radius:16px;background:#fff;padding:28px;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.market-grid strong{font-size:24px}.market-grid span{color:#087a95;font-weight:700;font-size:13px}.institutional-call{background:linear-gradient(90deg,#043f65 0 50%,#e9f7fa 50%);color:#fff}.institutional-grid{display:grid;grid-template-columns:1fr 1fr}.institutional-grid>div{min-height:250px;padding:40px;display:flex;gap:24px;align-items:center}.institutional-grid>div>span{font-size:52px}.institutional-grid>div:nth-child(2){color:var(--ink)}.institutional-grid h2{margin:0 0 10px;font-size:27px}.institutional-grid p{font-size:14px;line-height:1.5}.light{background:#bfeaf0;color:#073d60;padding:11px 20px}.partners{overflow:hidden}.partner-track{overflow:hidden;padding:14px 2px}.partner-row{display:flex;gap:22px;width:max-content;animation:partners 28s linear infinite}.partner-row img{width:225px;height:135px;object-fit:contain;border:1px solid #dce7ec;border-radius:18px;background:#fff;padding:18px;box-shadow:0 7px 22px #082f4c12}@keyframes partners{0%{transform:translateX(0)}100%{transform:translateX(-45%)}}.about{background:#f7fafb;padding:60px 0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:65px}.about h2{font-size:28px}.about p{line-height:1.75;color:#405768}footer{background:#032e4c;color:#dcecf4;padding-top:42px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.footer-brand img{width:650px;max-width:100%;height:245px;object-fit:contain;object-position:left center;background:transparent;padding:0}.footer-grid h4{color:#fff;margin-top:0}.footer-grid a,.footer-grid p{display:block;font-size:12px;margin:9px 0;color:#c6dae5}.copyright{border-top:1px solid #ffffff24;margin-top:32px;padding:18px 0;font-size:10px;display:flex;justify-content:space-between}.privacy{padding:50px 0 80px;max-width:900px}.privacy h1{font-size:40px}.privacy h2{margin-top:32px}.privacy p{line-height:1.75;color:#405768}
@media(max-width:900px){.topbar-inner{flex-wrap:wrap;gap:8px 18px;padding:8px 0}.header-inner{height:115px}.logo{width:430px;height:100px}.hero-grid{grid-template-columns:1fr;padding:55px 0}.hero-art{display:none}.hero h1{font-size:43px}.benefit-grid{grid-template-columns:1fr 1fr;padding:18px 0}.category-grid{grid-template-columns:repeat(2,1fr)}.institutional-call{background:#043f65}.institutional-grid{grid-template-columns:1fr}.institutional-grid>div:nth-child(2){background:#e9f7fa}.about-grid,.footer-grid{grid-template-columns:1fr 1fr}.market-grid{grid-template-columns:1fr}}
@media(max-width:560px){.hero h1{font-size:36px}.hero p{font-size:15px}.benefit-grid,.category-grid,.about-grid,.footer-grid{grid-template-columns:1fr}.cat-slider{height:220px}.section-title{align-items:flex-start;flex-direction:column}.institutional-grid>div{padding:30px 7%}.market-grid a{align-items:flex-start;gap:8px;flex-direction:column}.copyright{gap:10px;flex-direction:column}}

@media(max-width:700px){.header-inner{height:135px}.logo{width:95vw;height:120px}.footer-brand img{width:92vw;height:auto}}

@media(max-width:700px){
  .header-inner{height:165px!important}
  .logo{width:98vw!important;max-width:98vw!important;height:150px!important}
  .footer-brand img{width:96vw!important;max-width:96vw!important;height:auto!important}
}

/* V8 — destaque da marca no topo e no rodapé */
.header{
  background:#fff;
}
.header-inner{
  min-height:300px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px 0!important;
}
.header .logo{
  display:block!important;
  width:min(1120px,96vw)!important;
  max-width:96vw!important;
  height:255px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* Rodapé com a marca em grande destaque */
footer{
  padding-top:48px!important;
}
.footer-grid{
  grid-template-columns:1.65fr 1fr 1fr 1.15fr!important;
  align-items:start!important;
}
.footer-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.footer-brand img{
  display:block!important;
  width:min(690px,100%)!important;
  max-width:100%!important;
  height:250px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}

@media(max-width:900px){
  .header-inner{min-height:220px!important;padding:14px 0!important}
  .header .logo{width:97vw!important;max-width:97vw!important;height:195px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
  .footer-brand img{width:min(620px,94vw)!important;height:auto!important}
}
@media(max-width:560px){
  .header-inner{min-height:170px!important;padding:10px 0!important}
  .header .logo{width:98vw!important;max-width:98vw!important;height:150px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-brand img{width:94vw!important;height:auto!important}
}

/* V11 — nova logo fornecida pelo cliente, maior e nítida */
.header-inner{min-height:330px!important;height:auto!important;justify-content:center!important;padding:18px 0!important}
.header .logo{width:min(1240px,97vw)!important;max-width:97vw!important;height:290px!important;object-fit:contain!important;object-position:center!important}
.footer-brand img{width:min(760px,100%)!important;max-width:100%!important;height:285px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important}
@media(max-width:700px){
 .header-inner{min-height:190px!important}
 .header .logo{width:98vw!important;height:170px!important}
 .footer-brand img{width:96vw!important;height:auto!important}
}

/* V12 — logo branca exclusiva do rodapé */
.footer-brand img{
  width:min(760px,100%)!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  padding:0!important;
}
/* V13 — nova imagem do cabeçalho */
.header .logo{width:min(1450px,98vw)!important;max-width:98vw!important;height:auto!important;max-height:340px!important;object-fit:contain!important;object-position:center!important}
.header-inner{min-height:340px!important;height:auto!important;justify-content:center!important}
@media(max-width:700px){.header-inner{min-height:175px!important}.header .logo{width:98vw!important;max-height:165px!important;height:auto!important}}

/* V16 — alinhamento da cruz com QUALIDADE / CONFIANÇA / AGILIDADE */
.hero-art{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
}
.medical-cross{
  position:static!important;
  margin:0!important;
  transform:none!important;
  flex:0 0 auto!important;
  line-height:1!important;
}
.hero-card{
  position:static!important;
  margin:0!important;
  transform:none!important;
  flex:0 0 auto!important;
}
@media(max-width:700px){
  .hero-art{gap:16px!important}
}

/* V18 — todas as 12 categorias em quadradinhos uniformes */
.category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.category-grid article{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #e2eaee!important;
  box-shadow:0 8px 24px rgba(4,47,74,.08)!important;
}
.category-grid .cat-slider{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:18px 18px 0 0!important;
}
.category-grid .cat-slider img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:18px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center!important;
}
.category-grid article strong{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:64px!important;
  padding:10px 12px!important;
  text-align:center!important;
  line-height:1.2!important;
  box-sizing:border-box!important;
}
@media(max-width:1000px){
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:430px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .category-grid article strong{font-size:13px!important;min-height:58px!important;padding:8px!important}
  .category-grid .cat-slider img{padding:10px!important}
}

/* V19 — grade de categorias corrigida: todas as 12 iguais aos cards originais */
.category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:22px!important;
  width:100%!important;
}
.category-grid > article{
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  height:342px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dce6eb!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(4,47,74,.07)!important;
}
.category-grid > article .cat-slider{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:275px!important;
  min-height:275px!important;
  flex:0 0 275px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:18px 18px 0 0!important;
}
.category-grid > article .cat-slider img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:22px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center!important;
}
.category-grid > article > strong{
  display:flex!important;
  position:relative!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:67px!important;
  min-height:67px!important;
  margin:0!important;
  padding:8px 12px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  line-height:1.2!important;
}
@media(max-width:1000px){
  .category-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:720px){
  .category-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}
  .category-grid > article{height:280px!important}
  .category-grid > article .cat-slider{height:220px!important;min-height:220px!important;flex-basis:220px!important}
  .category-grid > article > strong{height:60px!important;min-height:60px!important;font-size:14px!important}
}

/* V21 — benefícios profissionais */
.benefits{
  background:linear-gradient(180deg,#f4fbfd 0%,#eef8fb 100%)!important;
  border-top:1px solid #dcecef!important;
  border-bottom:1px solid #dcecef!important;
  padding:26px 0!important;
}
.benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.benefit-card{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  min-height:92px!important;
  padding:17px 18px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #dce8ec!important;
  border-radius:16px!important;
  box-shadow:0 7px 22px rgba(2,2,98,.06)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.benefit-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 12px 28px rgba(2,2,98,.11)!important;
  border-color:#b9dfe5!important;
}
.benefit-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#eef9fb,#e8eafa)!important;
}
.benefit-icon svg{
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:#050549!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.benefit-card:nth-child(odd) .benefit-icon svg{stroke:#30A7B5!important}
.benefit-card > span:last-child{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
}
.benefit-card strong{
  color:#050549!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:700!important;
}
.benefit-card small{
  color:#52636d!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}
@media(max-width:980px){
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .benefits{padding:18px 0!important}
  .benefit-grid{grid-template-columns:1fr!important;gap:10px!important}
  .benefit-card{min-height:78px!important;padding:13px 15px!important}
  .benefit-icon{width:43px!important;height:43px!important;min-width:43px!important}
}

/* V22 — marketplaces mais visuais */
.marketplaces{
  padding:58px 0 62px!important;
  background:linear-gradient(180deg,#f3fafc 0%,#edf7fa 100%)!important;
}
.market-title{
  max-width:780px!important;
  margin:0 auto 30px!important;
  text-align:center!important;
}
.market-title>span{
  display:block!important;
  color:#30A7B5!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:2.4px!important;
}
.market-title h2{
  margin:9px 0 12px!important;
  color:#092f4d!important;
  font-size:31px!important;
  line-height:1.15!important;
}
.market-title p{
  max-width:700px!important;
  margin:0 auto!important;
  color:#617181!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.market-trust{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:15px!important;
  padding:7px 12px!important;
  border:1px solid #cfe5ea!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#42606f!important;
  font-size:11px!important;
  font-weight:700!important;
}
.market-trust svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:#30A7B5!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.market-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  max-width:900px!important;
  margin:0 auto!important;
}
.market-grid .market-card{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:22px!important;
  min-height:190px!important;
  padding:28px!important;
  overflow:hidden!important;
  border:1px solid #d8e7eb!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 9px 28px rgba(2,47,76,.07)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.market-grid .market-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 16px 36px rgba(2,47,76,.13)!important;
  border-color:#bfdde4!important;
}
.market-brand-icon{
  display:grid!important;
  place-items:center!important;
  width:86px!important;
  height:86px!important;
  min-width:86px!important;
  border-radius:22px!important;
}
.market-brand-icon svg{
  width:55px!important;
  height:55px!important;
  fill:none!important;
  stroke-width:2.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.shopee-icon{background:#fff1ec!important}
.shopee-icon svg{stroke:#ee4d2d!important}
.ml-icon{background:#fff8cf!important}
.ml-icon svg{stroke:#2d3277!important}
.market-card-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
}
.market-card-copy small{
  margin-bottom:5px!important;
  color:#30A7B5!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:1.4px!important;
}
.market-card-copy strong{
  color:#092f4d!important;
  font-size:25px!important;
  line-height:1.1!important;
}
.market-card-copy p{
  margin:7px 0 15px!important;
  color:#617181!important;
  font-size:13px!important;
}
.market-button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 15px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}
.shopee-card .market-button{background:#ee4d2d!important}
.ml-card .market-button{background:#2d3277!important}
.market-button b{
  font-size:16px!important;
  transition:transform .2s ease!important;
}
.market-card:hover .market-button b{transform:translateX(3px)!important}
@media(max-width:760px){
  .marketplaces{padding:42px 0!important}
  .market-grid{grid-template-columns:1fr!important}
  .market-grid .market-card{min-height:160px!important}
  .market-title h2{font-size:27px!important}
}
@media(max-width:430px){
  .market-grid .market-card{gap:15px!important;padding:20px!important}
  .market-brand-icon{width:68px!important;height:68px!important;min-width:68px!important;border-radius:18px!important}
  .market-brand-icon svg{width:43px!important;height:43px!important}
  .market-card-copy strong{font-size:21px!important}
}

/* V23 — Mercado Livre mais reconhecível */
.ml-icon{
  background:#fff3b0!important;
}
.ml-icon svg{
  width:58px!important;
  height:58px!important;
  stroke:#2d3277!important;
  stroke-width:2.5!important;
}
.ml-card .market-button{
  white-space:nowrap!important;
}

/* V24 — ícone Mercado Livre fornecido pelo usuário */
.ml-icon{
  overflow:hidden!important;
  padding:0!important;
  background:#fff4bd!important;
}
.ml-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:22px!important;
}
@media(max-width:430px){
  .ml-icon img{border-radius:18px!important}
}

/* V25 — Mercado Livre com destaque equivalente à Shopee */
.ml-icon{
  width:96px!important;
  height:96px!important;
  min-width:96px!important;
  border-radius:22px!important;
}
.ml-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.08)!important;
  transform-origin:center!important;
}
@media(max-width:430px){
  .ml-icon{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
  }
}

/* V26 — Mercado Livre maior e proporcional ao destaque da Shopee */
.ml-icon{
  width:118px!important;
  height:118px!important;
  min-width:118px!important;
  border-radius:24px!important;
}
.ml-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.14)!important;
  transform-origin:center!important;
}
@media(max-width:760px){
  .ml-icon{
    width:104px!important;
    height:104px!important;
    min-width:104px!important;
  }
}
@media(max-width:430px){
  .ml-icon{
    width:88px!important;
    height:88px!important;
    min-width:88px!important;
  }
}

/* V29 - correção das categorias + refinamentos */
html{scroll-behavior:smooth}
.ess-hero{overflow:hidden;background:linear-gradient(135deg,#f8fcfd,#e9f7f9);border-bottom:1px solid #d9eaee}
.ess-hero-inner{min-height:390px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:35px;padding-top:48px!important;padding-bottom:48px!important}
.ess-hero-kicker{color:#30A7B5;font-size:11px;font-weight:800;letter-spacing:2px}
.ess-hero h1{margin:10px 0 0;color:#052f4d;font-size:clamp(34px,4vw,56px);line-height:1.06}
.ess-hero h1 em{color:#30A7B5;font-style:normal}
.ess-hero p{max-width:680px;color:#536f7d;line-height:1.6}
.ess-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ess-btn{display:inline-flex;padding:13px 18px;border-radius:999px;font-size:12px;font-weight:800}
.ess-btn-primary{background:#073e60;color:white}.ess-btn-secondary{background:white;color:#073e60;border:1px solid #cfe3e8}
.ess-hero-points{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px;color:#58727f;font-size:11px;font-weight:700}
.ess-hero-mark{position:relative;width:280px;height:280px;margin:auto;opacity:.75}
.ess-cross{position:absolute;inset:70px}.ess-cross i{position:absolute;background:linear-gradient(145deg,#08086c,#30A7B5);border-radius:10px}
.ess-cross i:first-child{width:45px;height:140px;left:48px}.ess-cross i:last-child{width:140px;height:45px;top:48px}
.ess-orbit{position:absolute;inset:35px;border:5px solid #30A7B5;border-top-color:transparent;border-radius:50%;transform:rotate(-18deg);opacity:.35}

/* Categorias continuam em quadradinhos e agora o botão do hero chega corretamente até elas */
#categorias{scroll-margin-top:20px}
#categorias .category-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
#categorias .category-card:hover{transform:translateY(-5px);border-color:#8dd3db!important;box-shadow:0 14px 28px rgba(5,58,87,.10)!important}
#categorias .category-card img{transition:transform .25s ease}
#categorias .category-card:hover img{transform:scale(1.04)}

.institutional-service{display:grid;grid-template-columns:1fr 1fr}
.service-half{display:flex;align-items:center;min-height:330px;padding:48px 7%;box-sizing:border-box}
.service-business{background:linear-gradient(135deg,#063b5d,#075173);color:#fff}
.service-delivery{background:linear-gradient(135deg,#eef9fb,#e2f4f8);color:#082f4d}
.service-content{display:flex;align-items:flex-start;gap:22px;max-width:600px;margin:auto}
.service-icon{display:grid;place-items:center;width:68px;height:68px;min-width:68px;border-radius:18px;background:rgba(48,167,181,.14);color:#30A7B5;font-size:30px;font-weight:800}
.service-business .service-icon{background:rgba(255,255,255,.10);color:#7ce0e7}
.service-eyebrow{display:block;margin-bottom:6px;color:#30A7B5;font-size:10px;font-weight:800;letter-spacing:1.6px}
.service-business .service-eyebrow{color:#7ce0e7}
.service-half h2{margin:0 0 11px;font-size:28px;line-height:1.2}.service-half h2 em{color:#30A7B5;font-style:normal}
.service-half p{font-size:14px;line-height:1.6}.service-business p{color:#e7f4f7}
.service-cta{display:inline-flex;margin-top:18px;padding:12px 17px;border-radius:999px;background:#bfeef3;color:#073d5c;font-size:12px;font-weight:800}
.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.service-tags span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #cce5ea;font-size:10px;font-weight:700}
.product-help{padding:34px 0;background:#fff}.product-help-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:27px 30px;border:1px solid #dbe9ed;border-radius:20px;background:linear-gradient(135deg,#fff,#f5fbfc);box-shadow:0 8px 26px rgba(2,47,76,.06)}
.product-help-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:17px;background:#e8f7f9;color:#30A7B5;font-size:30px;font-weight:800}
.product-help-copy>span{color:#30A7B5;font-size:10px;font-weight:800;letter-spacing:1.5px}.product-help-copy h2{margin:4px 0 8px;color:#082f4d;font-size:24px}.product-help-copy p{margin:3px 0;color:#526b78;font-size:13px;line-height:1.55}
.product-help-button{padding:13px 17px;border-radius:999px;background:#30A7B5;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.ess-trust-strip{background:#f4fafb;border-top:1px solid #dbecef;border-bottom:1px solid #dbecef}.ess-trust-inner{min-height:105px;display:flex;align-items:center;justify-content:center;gap:28px}.ess-trust-item{text-align:center;min-width:150px}.ess-trust-item strong{display:block;color:#073e60;font-size:12px;letter-spacing:1.3px}.ess-trust-item small{display:block;margin-top:3px;color:#6b818c;font-size:10px}.ess-trust-divider{width:1px;height:34px;background:#d3e4e8}
.ess-whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:9999;padding:13px 17px;border-radius:999px;background:#25D366;color:#fff!important;font-size:12px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.20)}
@media(max-width:900px){.ess-hero-inner{grid-template-columns:1fr}.ess-hero-mark{display:none}.institutional-service{grid-template-columns:1fr}.product-help-card{grid-template-columns:auto 1fr}.product-help-button{grid-column:2;justify-self:start}}
@media(max-width:560px){.ess-hero h1{font-size:34px}.ess-hero-actions{flex-direction:column}.ess-btn{justify-content:center}.service-content{flex-direction:column}.product-help-card{grid-template-columns:1fr}.product-help-button{grid-column:1}.ess-trust-divider{display:none}.ess-trust-inner{flex-wrap:wrap;padding:20px!important}}

/* V30 — navegação, SEO visual, mobile e acabamento final */
section[id],footer[id]{scroll-margin-top:86px}
.ess-main-nav{
  position:sticky;top:0;z-index:9000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  border-bottom:1px solid #e0ecef;
  box-shadow:0 4px 16px rgba(4,47,74,.045);
}
.ess-main-nav-inner{
  min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;
  overflow-x:auto;scrollbar-width:none;
}
.ess-main-nav-inner::-webkit-scrollbar{display:none}
.ess-main-nav a{
  flex:0 0 auto;padding:9px 13px;border-radius:999px;
  color:#173e55;font-size:12px;font-weight:700;transition:.2s ease;
}
.ess-main-nav a:hover{background:#eaf7f9;color:#087e8d}

/* Categorias: movimento mais refinado */
.category-grid > article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.category-grid > article:hover{transform:translateY(-5px)!important;border-color:#9bd8df!important;box-shadow:0 15px 32px rgba(5,58,87,.11)!important}
.category-grid > article .cat-slider img{transition:opacity .7s ease,transform .35s ease!important}
.category-grid > article:hover .cat-slider img{transform:scale(1.035)!important}

/* parceiros */
[class*="partner"] img,[class*="brand"] img{object-fit:contain!important}

/* Voltar ao topo */
.ess-back-top{
  position:fixed;right:23px;bottom:82px;z-index:9998;
  display:grid;place-items:center;width:42px;height:42px;border-radius:50%;
  background:#073e60;color:#fff!important;font-size:21px;font-weight:700;
  box-shadow:0 8px 22px rgba(0,0,0,.16);transition:.2s ease;
}
.ess-back-top:hover{transform:translateY(-3px);background:#30A7B5}

/* Mobile final */
@media(max-width:760px){
  .ess-main-nav-inner{justify-content:flex-start;padding-left:12px!important;padding-right:12px!important}
  .ess-main-nav a{font-size:11px;padding:8px 11px}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .category-grid > article{height:270px!important}
  .category-grid > article .cat-slider{height:210px!important;min-height:210px!important;flex-basis:210px!important}
  .category-grid > article > strong{height:60px!important;min-height:60px!important;font-size:13px!important}
}
@media(max-width:420px){
  .category-grid{gap:9px!important}
  .category-grid > article{height:245px!important;border-radius:14px!important}
  .category-grid > article .cat-slider{height:188px!important;min-height:188px!important;flex-basis:188px!important}
  .category-grid > article .cat-slider img{padding:11px!important}
  .category-grid > article > strong{height:57px!important;min-height:57px!important;font-size:12px!important;padding:7px!important}
  .ess-back-top{right:14px;bottom:70px;width:38px;height:38px}
}
.wa-modal{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;padding:20px}.wa-modal.open{display:flex}.wa-modal-backdrop{position:absolute;inset:0;background:rgba(3,27,43,.62);backdrop-filter:blur(5px)}.wa-modal-dialog{position:relative;z-index:1;width:min(540px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.wa-modal-close{position:absolute;right:17px;top:14px;border:0;background:#eef6f7;color:#234a5f;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.wa-modal-head{display:flex;gap:15px;align-items:flex-start;padding-right:25px;margin-bottom:21px}.wa-modal-icon{display:grid;place-items:center;width:52px;height:52px;min-width:52px;border-radius:16px;background:#e7f9ed;color:#20a957;font-size:24px}.wa-modal-head span{color:#30A7B5;font-size:9px;font-weight:800;letter-spacing:1.5px}.wa-modal-head h2{margin:3px 0 4px;color:#073e60;font-size:24px}.wa-modal-head p{margin:0;color:#657c88;font-size:12px}.wa-agents{display:grid;gap:9px}.wa-agent{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dfeaed;border-radius:15px;color:#173e55;transition:.18s}.wa-agent:hover{transform:translateY(-2px);border-color:#8fd3db;background:#f7fcfd}.wa-agent>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7f8f9;color:#1596a5}.wa-agent strong{display:block;font-size:13px}.wa-agent span{display:block;color:#738690;font-size:10px}.wa-agent em{font-style:normal;color:#20a957;font-size:10px;font-weight:800}.wa-modal-note{display:block;margin-top:16px;text-align:center;color:#82939b;font-size:9.5px}.wa-modal-open{overflow:hidden}.ess-location{padding:34px 0;background:#f4fafb}.ess-location-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:27px 30px;background:#fff;border:1px solid #dbe9ed;border-radius:20px}.ess-location-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:#e8f7f9;color:#30A7B5;font-size:31px}.ess-location-copy>span{color:#30A7B5;font-size:9px;font-weight:800;letter-spacing:1.5px}.ess-location-copy h2{margin:4px 0 5px;color:#082f4d;font-size:23px}.ess-location-copy p{margin:0;color:#607985;font-size:12px}.ess-location-button{padding:13px 17px;border-radius:999px;background:#073e60;color:#fff!important;font-size:11px;font-weight:800;white-space:nowrap}@media(max-width:700px){.wa-agent{grid-template-columns:42px 1fr}.wa-agent em{display:none}.ess-location-card{grid-template-columns:1fr;text-align:center}.ess-location-icon{margin:auto}.ess-location-button{justify-self:center}}
/* V32 — localização premium */
.ess-location{position:relative;padding:42px 0;background:linear-gradient(180deg,#f5fbfc 0%,#eef8fa 100%);overflow:hidden}
.ess-location:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-130px;top:-170px;background:rgba(48,167,181,.075)}
.ess-location-premium{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:30px;min-height:170px;padding:30px 34px!important;background:linear-gradient(120deg,#fff 0%,#fff 66%,#f2fbfc 100%);border:1px solid #d4e7eb;border-radius:24px;box-shadow:0 16px 45px rgba(5,58,87,.075);overflow:hidden}
.ess-location-premium:after{content:"";position:absolute;right:235px;top:-80px;width:220px;height:220px;border:1px solid rgba(48,167,181,.12);border-radius:50%}
.ess-location-visual{position:relative;display:grid;place-items:center;width:108px;height:108px}
.ess-location-pin{position:relative;z-index:3;display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#e7f8fa,#d8f2f5);box-shadow:0 10px 24px rgba(48,167,181,.14)}
.ess-location-pin svg{width:34px;height:34px;fill:none;stroke:#159bab;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ess-location-ring{position:absolute;border:1px solid rgba(48,167,181,.20);border-radius:50%}.ring-one{width:94px;height:94px}.ring-two{width:108px;height:108px;opacity:.55}
.ess-location-copy{position:relative;z-index:2;max-width:700px}.ess-location-kicker{display:block;margin-bottom:7px;color:#159bab;font-size:9px;font-weight:900;letter-spacing:2.1px}.ess-location-copy h2{margin:0 0 8px;color:#063c5e;font-size:27px;line-height:1.15}.ess-location-copy h2 em{color:#30A7B5;font-style:normal}.ess-location-copy p{margin:0;max-width:680px;color:#627c88;font-size:12.5px;line-height:1.6}.ess-location-copy p strong{color:#385e70}
.ess-location-details{display:flex;gap:16px;flex-wrap:wrap;margin-top:13px}.ess-location-details span{display:flex;align-items:center;gap:6px;color:#55717e;font-size:10px;font-weight:700}.ess-location-details b{color:#30A7B5}
.ess-location-button-premium{position:relative;z-index:2;display:grid;grid-template-columns:38px auto 20px;align-items:center;gap:10px;min-width:220px;padding:12px 14px;border-radius:17px;background:linear-gradient(135deg,#063e60,#075476);color:#fff!important;box-shadow:0 12px 26px rgba(5,58,87,.16);transition:transform .2s ease,box-shadow .2s ease}
.ess-location-button-premium:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(5,58,87,.22)}
.ess-map-mini{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.11)}.ess-map-mini svg{width:20px;height:20px;fill:none;stroke:#77e0e8;stroke-width:1.7}.ess-location-button-premium small{display:block;color:#85dfe6;font-size:7.5px;font-weight:800;letter-spacing:1px}.ess-location-button-premium strong{display:block;margin-top:2px;font-size:11px}.ess-location-button-premium>b{font-size:17px;color:#9de7ec}
@media(max-width:850px){.ess-location-premium{grid-template-columns:90px 1fr}.ess-location-visual{width:82px;height:82px}.ess-location-button-premium{grid-column:2;justify-self:start}.ring-one,.ring-two{display:none}}
@media(max-width:560px){.ess-location{padding:26px 0}.ess-location-premium{grid-template-columns:1fr;gap:16px;padding:24px 20px!important;text-align:center}.ess-location-visual{margin:auto}.ess-location-copy h2{font-size:24px}.ess-location-details{justify-content:center}.ess-location-button-premium{grid-column:1;justify-self:stretch;text-align:left}.ess-location-premium:after{display:none}}

/* V35 — organização da equipe de atendimento */
.wa-agent strong small{font-size:9px;font-weight:600;color:#78909a}
.wa-agent-purchases{margin-top:8px;border-top-width:2px!important}
.wa-agent-purchases:before{content:"COMPRAS";position:absolute;display:none}

/* V37 — modal WhatsApp Premium */
.wa-modal{padding:24px;background:transparent}
.wa-modal-backdrop{
  background:linear-gradient(135deg,rgba(2,25,42,.74),rgba(4,56,77,.62));
  backdrop-filter:blur(12px) saturate(115%);
}
.wa-modal-dialog{
  width:min(590px,100%);
  max-height:92vh;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  background:rgba(255,255,255,.98);
  box-shadow:0 34px 90px rgba(1,32,49,.30),0 2px 0 rgba(255,255,255,.8) inset;
}
.wa-modal-dialog:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#050549,#30A7B5,#70d9df);
}
.wa-modal-head{
  position:relative;margin:0;padding:31px 70px 24px 31px;gap:17px;
  background:
    radial-gradient(circle at 82% 0%,rgba(48,167,181,.13),transparent 34%),
    linear-gradient(135deg,#fbfefe,#f2fafb);
  border-bottom:1px solid #e0edef;
}
.wa-modal-icon{
  width:58px;height:58px;min-width:58px;border-radius:18px;
  background:linear-gradient(145deg,#e7f9ed,#d9f6e5);
  color:#16a75a;
  box-shadow:0 8px 22px rgba(37,211,102,.11);
}
.wa-modal-icon:after{content:"";width:13px;height:13px;border:2px solid currentColor;border-radius:50%;box-shadow:7px 7px 0 -5px currentColor}
.wa-modal-head span{font-size:9px;letter-spacing:2px;color:#1598a7}
.wa-modal-head h2{margin:5px 0 5px;font-size:27px;letter-spacing:-.45px;color:#063b5d}
.wa-modal-head p{font-size:12px;color:#6d818b}
.wa-modal-close{
  right:22px;top:22px;width:38px;height:38px;
  background:rgba(232,243,246,.95);color:#315b6d;
  border:1px solid #dcebed;font-size:20px;transition:.18s ease;
}
.wa-modal-close:hover{transform:rotate(90deg);background:#dff3f5;color:#1598a7}
.wa-agents{
  gap:9px;padding:21px 26px 10px;
  max-height:55vh;overflow:auto;
  scrollbar-width:thin;scrollbar-color:#c9e3e7 transparent;
}
.wa-agent{
  position:relative;grid-template-columns:48px 1fr auto;
  min-height:68px;padding:10px 14px;
  border:1px solid #dce9ec;border-radius:17px;
  background:linear-gradient(110deg,#fff 0%,#fff 75%,#f8fcfd 100%);
  box-shadow:0 2px 7px rgba(5,58,87,.025);
}
.wa-agent:after{
  content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:3px;
  border-radius:0 4px 4px 0;background:#30A7B5;opacity:0;transition:.18s ease;
}
.wa-agent:hover{
  transform:translateY(-2px);border-color:#a7dbe1;
  background:linear-gradient(110deg,#fff,#f3fbfc);
  box-shadow:0 10px 25px rgba(5,58,87,.085);
}
.wa-agent:hover:after{opacity:1}
.wa-agent>b{
  width:44px;height:44px;
  background:linear-gradient(145deg,#e7f8fa,#dff5f7);
  color:#159baa;font-size:15px;font-weight:800;
  box-shadow:0 4px 12px rgba(48,167,181,.08);
}
.wa-agent strong{font-size:13px;color:#163f56;letter-spacing:-.1px}
.wa-agent strong small{
  margin-left:3px;padding:3px 6px;border-radius:999px;
  background:#f0f7f8;color:#78909a;font-size:8px;font-weight:700;
}
.wa-agent span{margin-top:3px;color:#718792;font-size:10px}
.wa-agent em{
  display:flex;align-items:center;gap:5px;
  padding:7px 10px;border-radius:999px;
  background:#eaf9ef;color:#13a451;font-size:9px;font-weight:900;
  transition:.18s ease;
}
.wa-agent:hover em{background:#25D366;color:#fff}
.wa-agent-purchases{
  margin-top:12px;border-top:1px solid #dce9ec!important;
  background:linear-gradient(110deg,#fbfcff,#f4f7fb)!important;
}
.wa-agent-purchases>b{background:#edf1f7;color:#42637a}
.wa-agent-purchases:after{background:#42637a}
.wa-modal-note{
  margin:0;padding:15px 25px 21px;
  background:#fff;color:#8a9aa2;font-size:9px;
  border-top:0;
}
.wa-modal-note:before{content:"✓ ";color:#25b963;font-weight:900}

@media(max-width:600px){
 .wa-modal{padding:10px}
 .wa-modal-dialog{border-radius:22px;max-height:96vh}
 .wa-modal-head{padding:24px 55px 20px 20px}
 .wa-modal-icon{width:50px;height:50px;min-width:50px;border-radius:15px}
 .wa-modal-head h2{font-size:23px}
 .wa-modal-close{right:14px;top:14px}
 .wa-agents{padding:15px 14px 8px;max-height:60vh}
 .wa-agent{grid-template-columns:45px 1fr;min-height:64px;padding:9px 11px}
 .wa-agent em{display:none}
 .wa-agent strong small{display:inline-block;margin-top:2px}
 .wa-modal-note{padding:12px 15px 17px}
}

/* V38 — fornecedores e trabalhe conosco */
.ess-opportunities{padding:64px 0;background:linear-gradient(180deg,#fff 0%,#f4fafb 100%)}
.ess-opportunities-heading{text-align:center;max-width:650px;margin:0 auto 30px}
.ess-opportunities-heading>span{color:#30A7B5;font-size:9px;font-weight:900;letter-spacing:2px}
.ess-opportunities-heading h2{margin:7px 0 7px;color:#063c5e;font-size:30px;letter-spacing:-.5px}
.ess-opportunities-heading h2 em{color:#30A7B5;font-style:normal}
.ess-opportunities-heading p{margin:0;color:#71858f;font-size:12px}
.ess-opportunities-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px;margin:auto}
.ess-opportunity-card{position:relative;display:grid;grid-template-columns:76px 1fr;gap:20px;padding:28px;border:1px solid #d9e8eb;border-radius:23px;background:#fff;box-shadow:0 10px 32px rgba(5,58,87,.055);overflow:hidden;transition:.22s ease}
.ess-opportunity-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(5,58,87,.10)}
.ess-opportunity-card:after{content:"";position:absolute;right:-45px;top:-55px;width:150px;height:150px;border-radius:50%;background:rgba(48,167,181,.055)}
.ess-opportunity-icon{position:relative;z-index:1;display:grid;place-items:center;width:68px;height:68px;border-radius:19px;background:#e9f8fa}
.ess-opportunity-icon svg{width:31px;height:31px;fill:none;stroke:#159baa;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ess-opportunity-card.careers .ess-opportunity-icon{background:#edf1fb}.ess-opportunity-card.careers .ess-opportunity-icon svg{stroke:#353b91}
.ess-opportunity-content{position:relative;z-index:1}.ess-opportunity-label{color:#159baa;font-size:8px;font-weight:900;letter-spacing:1.5px}.careers .ess-opportunity-label{color:#353b91}
.ess-opportunity-content h3{margin:5px 0 8px;color:#0b405d;font-size:20px;line-height:1.2}.ess-opportunity-content p{margin:0;color:#667d88;font-size:11.5px;line-height:1.55}
.ess-opportunity-contact{display:flex;align-items:center;gap:7px;margin:15px 0 12px}.ess-opportunity-contact b{color:#244c61;font-size:11px}.ess-opportunity-contact span{padding:4px 7px;border-radius:999px;background:#f0f7f8;color:#71868f;font-size:8px;font-weight:700}
.ess-opportunity-content>a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:#073e60;color:#fff!important;font-size:10px;font-weight:800;box-shadow:0 7px 17px rgba(5,58,87,.12);transition:.2s}
.ess-opportunity-content>a:hover{transform:translateY(-2px);background:#30A7B5}.ess-opportunity-content>a strong{font-size:14px}
@media(max-width:760px){.ess-opportunities{padding:44px 0}.ess-opportunities-grid{grid-template-columns:1fr}.ess-opportunity-card{grid-template-columns:62px 1fr;padding:22px;gap:15px}.ess-opportunity-icon{width:58px;height:58px}.ess-opportunities-heading h2{font-size:26px}}
@media(max-width:430px){.ess-opportunity-card{grid-template-columns:1fr}.ess-opportunity-icon{margin-bottom:0}}

/* V39 — área Conexões com acabamento premium */
.ess-opportunities{
  position:relative;padding:78px 0 86px;overflow:hidden;
  background:
    radial-gradient(circle at 9% 18%,rgba(48,167,181,.10),transparent 23%),
    radial-gradient(circle at 92% 84%,rgba(5,5,73,.065),transparent 25%),
    linear-gradient(180deg,#f9fcfd 0%,#edf7f9 100%);
}
.ess-opportunities:before,.ess-opportunities:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.ess-opportunities:before{width:360px;height:360px;left:-230px;bottom:-230px;border:1px solid rgba(48,167,181,.18);box-shadow:0 0 0 45px rgba(48,167,181,.025),0 0 0 90px rgba(48,167,181,.018)}
.ess-opportunities:after{width:260px;height:260px;right:-150px;top:-150px;border:1px solid rgba(5,5,73,.10)}
.ess-opportunities-heading{position:relative;z-index:2;margin-bottom:37px}
.ess-opportunities-heading>span{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #d7ebee;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:0 5px 15px rgba(5,58,87,.035);font-size:8px;letter-spacing:2.1px}
.ess-opportunities-heading>span:before{content:"";width:6px;height:6px;border-radius:50%;background:#30A7B5;box-shadow:0 0 0 4px rgba(48,167,181,.12)}
.ess-opportunities-heading h2{margin-top:12px;font-size:34px;letter-spacing:-.8px}
.ess-opportunities-heading p{font-size:12.5px;line-height:1.6}
.ess-opportunities-grid{position:relative;z-index:2;gap:22px;max-width:1040px}
.ess-opportunity-card{
  min-height:330px;grid-template-columns:72px 1fr;gap:22px;padding:31px;
  border:1px solid rgba(193,218,224,.88);border-radius:27px;
  box-shadow:0 18px 48px rgba(4,48,72,.08),0 1px 0 #fff inset;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.ess-opportunity-card.supplier{
  background:
    radial-gradient(circle at 100% 0%,rgba(48,167,181,.12),transparent 28%),
    linear-gradient(145deg,#fff 0%,#fff 72%,#f2fbfc 100%);
}
.ess-opportunity-card.careers{
  background:
    radial-gradient(circle at 100% 0%,rgba(5,5,73,.095),transparent 28%),
    linear-gradient(145deg,#fff 0%,#fff 72%,#f5f6fc 100%);
}
.ess-opportunity-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(4,48,72,.13);border-color:#9ed8df}
.ess-opportunity-card:before{content:"";position:absolute;left:0;top:32px;bottom:32px;width:4px;border-radius:0 5px 5px 0;background:linear-gradient(#30A7B5,#74d7df);opacity:.9}
.ess-opportunity-card.careers:before{background:linear-gradient(#30358e,#7075c5)}
.ess-opportunity-card:after{right:-60px;top:-70px;width:210px;height:210px;border:1px solid rgba(48,167,181,.10);background:transparent;box-shadow:0 0 0 32px rgba(48,167,181,.025)}
.ess-opportunity-card.careers:after{border-color:rgba(5,5,73,.09);box-shadow:0 0 0 32px rgba(5,5,73,.018)}
.ess-opportunity-icon{width:70px;height:70px;border-radius:21px;background:linear-gradient(145deg,#e8f8fa,#dff3f6);box-shadow:0 10px 25px rgba(48,167,181,.10)}
.ess-opportunity-card.careers .ess-opportunity-icon{background:linear-gradient(145deg,#eef0fb,#e3e6f7);box-shadow:0 10px 25px rgba(5,5,73,.07)}
.ess-opportunity-icon svg{width:32px;height:32px;stroke-width:1.65}
.ess-opportunity-label{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf9fa;font-size:7.5px;letter-spacing:1.6px}
.careers .ess-opportunity-label{background:#f0f1fa}
.ess-opportunity-content h3{max-width:340px;margin:9px 0 10px;font-size:21px;letter-spacing:-.25px}
.ess-opportunity-content p{max-width:370px;font-size:11.5px;line-height:1.65}
.ess-opportunity-benefits{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.ess-opportunity-benefits span{padding:6px 9px;border:1px solid #dcebed;border-radius:999px;background:rgba(255,255,255,.78);color:#557481;font-size:8px;font-weight:750}
.ess-opportunity-benefits span::first-letter{color:#22aa61}
.ess-opportunity-contact{margin:17px 0 13px;padding-top:14px;border-top:1px solid #e5eef0}
.ess-opportunity-contact b{font-size:11.5px}.ess-opportunity-contact span{padding:5px 8px}
.ess-opportunity-content>a{padding:12px 16px;border-radius:13px;background:linear-gradient(135deg,#063d5e,#075578);box-shadow:0 10px 23px rgba(5,58,87,.17);letter-spacing:.05px}
.ess-opportunity-card.careers .ess-opportunity-content>a{background:linear-gradient(135deg,#24296f,#3e459b)}
.ess-opportunity-content>a:hover{transform:translateY(-2px);box-shadow:0 14px 27px rgba(5,58,87,.22)}
@media(max-width:760px){
 .ess-opportunities{padding:55px 0 60px}.ess-opportunities-heading h2{font-size:29px}
 .ess-opportunity-card{min-height:0;padding:25px;grid-template-columns:64px 1fr}.ess-opportunity-icon{width:62px;height:62px}
}
@media(max-width:430px){
 .ess-opportunity-card{grid-template-columns:1fr;padding:24px}.ess-opportunity-icon{margin:0}
 .ess-opportunities-heading{padding:0 12px}.ess-opportunities-heading h2{font-size:27px}
}

/* V40 — produção: acessibilidade e estabilidade */
a:focus-visible,button:focus-visible{outline:3px solid rgba(48,167,181,.48);outline-offset:3px}
img{height:auto}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* V41 — setor Comercial no seletor de contatos */
.wa-sector-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 2px 9px;padding:9px 11px;border-radius:10px;background:linear-gradient(90deg,rgba(48,167,181,.11),rgba(48,167,181,.025));border-left:3px solid #30A7B5}
.wa-sector-title span{font-size:9px;font-weight:900;letter-spacing:1.35px;color:#087f91}
.wa-sector-title small{font-size:8px;font-weight:650;color:#81939a}

/* V42 — correção do cabeçalho setorial no modal */
.wa-sector-title{width:100%;box-sizing:border-box;clear:both;flex:none}
.wa-sector-title + .wa-agent,
.wa-sector-title + .agent-card,
.wa-sector-title + a{clear:both}

/* V53 — Instagram */
.instagram-about{display:flex;align-items:center;gap:13px;max-width:320px;margin-top:22px;padding:13px 15px;border:1px solid #d9e9ec;border-radius:15px;background:linear-gradient(135deg,#fff,#f1fafb);box-shadow:0 9px 25px rgba(5,58,87,.07);text-decoration:none!important;transition:.2s}
.instagram-about:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(5,58,87,.11)}
.instagram-about svg,.instagram-footer svg{width:27px;height:27px;fill:none;stroke:#30A7B5;stroke-width:1.7;flex:none}
.instagram-about span{display:flex;flex-direction:column;line-height:1.2}.instagram-about small{font-size:7px;font-weight:900;letter-spacing:1.1px;color:#6e8a94}.instagram-about strong{margin-top:4px;font-size:12px;color:#064467}.instagram-about b{margin-left:auto;color:#30A7B5}
.instagram-footer{display:inline-flex;align-items:center;gap:9px;margin-top:15px;text-decoration:none!important}.instagram-footer span{display:flex;flex-direction:column}.instagram-footer small{font-size:8px;opacity:.72}.instagram-footer strong{font-size:11px;color:inherit}.instagram-footer:hover strong{text-decoration:underline}

/* V54 — Instagram sempre acessível no cabeçalho */
.instagram-header{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid rgba(48,167,181,.24);border-radius:999px;background:rgba(48,167,181,.055);color:#07506c!important;text-decoration:none!important;font-size:9px;font-weight:800;transition:.2s ease;white-space:nowrap}
.instagram-header svg{width:17px;height:17px;fill:none;stroke:#30A7B5;stroke-width:1.8;flex:none}
.instagram-header:hover{transform:translateY(-2px);background:#30A7B5;color:#fff!important;border-color:#30A7B5;box-shadow:0 8px 18px rgba(48,167,181,.18)}
.instagram-header:hover svg{stroke:#fff}
@media(max-width:900px){.instagram-header{width:100%;justify-content:flex-start;margin-top:6px;padding:10px 12px;border-radius:11px}.instagram-header span{display:inline}}

/* V55 — Instagram integrado ao menu */
.instagram-header{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 0 5px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#123f5a!important;
  flex:0 0 32px!important;
}
.instagram-header svg{
  width:18px!important;
  height:18px!important;
  stroke:#123f5a!important;
  stroke-width:1.8!important;
  transition:.2s ease!important;
}
.instagram-header:hover{
  transform:translateY(-1px)!important;
  background:rgba(48,167,181,.10)!important;
  box-shadow:none!important;
}
.instagram-header:hover svg{stroke:#30A7B5!important}
@media(max-width:900px){
  .instagram-header{
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
    margin:6px 0 0!important;
    padding:0!important;
    border:1px solid rgba(48,167,181,.18)!important;
  }
}

/* V56 FINAL — Instagram como último item do menu principal */
.ess-main-nav .instagram-header{
 position:static!important;float:none!important;inset:auto!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
 padding:0!important;margin-left:7px!important;
 border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;
 vertical-align:middle!important;flex:0 0 28px!important;
}
.ess-main-nav .instagram-header svg{width:18px!important;height:18px!important;stroke:#123f5a!important}
.ess-main-nav .instagram-header:hover{background:rgba(48,167,181,.10)!important;transform:translateY(-1px)!important}
.ess-main-nav .instagram-header:hover svg{stroke:#30A7B5!important}

/* V57 — Instagram integrado à coluna Atendimento do rodapé */
footer .instagram-footer{
 display:flex!important;align-items:center!important;gap:8px!important;
 margin-top:10px!important;width:max-content!important;
 position:static!important;float:none!important;inset:auto!important;
 text-decoration:none!important;
}
footer .instagram-footer svg{width:16px!important;height:16px!important;stroke:#30A7B5!important}
footer .instagram-footer span{display:block!important}
footer .instagram-footer small{display:none!important}
footer .instagram-footer strong{font-size:inherit!important;font-weight:600!important;color:inherit!important}

/* V58 contatos */
.ess-opportunity-actions{display:flex;gap:9px;flex-wrap:wrap}.ess-opportunity-actions>a{display:inline-flex;align-items:center;gap:16px;padding:12px 16px;border-radius:13px;background:linear-gradient(135deg,#063d5e,#075578);color:#fff!important;font-size:10px;font-weight:800;text-decoration:none}.ess-opportunity-actions .email-action{background:#fff!important;color:#075578!important;border:1px solid #cfe4e8}.ess-opportunity-actions.single .email-action{background:linear-gradient(135deg,#24296f,#3e459b)!important;color:#fff!important;border:0}.wa-agent-actions{display:flex;align-items:center;gap:6px}.wa-agent-actions em,.wa-email{display:inline-flex!important;padding:7px 9px;border-radius:9px;font-size:9px;font-weight:800;text-decoration:none;white-space:nowrap}.wa-agent-actions em{color:#20a957;background:#eefaf2}.wa-email{color:#17617b!important;background:#eef8fa;border:1px solid #d5e9ed}.wa-email:hover{background:#30A7B5;color:#fff!important}@media(max-width:700px){.wa-agent-actions{grid-column:2}.wa-agent-actions em,.wa-email{display:inline-flex!important}}

/* V59 — correção visual dos botões dos representantes */
.wa-agent{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:14px!important;
}
.wa-agent-actions{
  grid-column:3!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
}
.wa-agent-actions em,
.wa-agent-actions .wa-email{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 11px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.wa-agent-actions em{
  background:#eefaf2!important;
  color:#18a957!important;
}
.wa-agent-actions .wa-email{
  background:#eef8fa!important;
  color:#17617b!important;
  border:1px solid #d5e9ed!important;
}
.wa-agent-actions .wa-email:hover{
  background:#30A7B5!important;
  border-color:#30A7B5!important;
  color:#fff!important;
}
@media(max-width:620px){
  .wa-agent{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    column-gap:10px!important;
  }
  .wa-agent-actions{
    grid-column:3!important;
    grid-row:1!important;
    gap:5px!important;
  }
  .wa-agent-actions em,
  .wa-agent-actions .wa-email{
    min-height:31px!important;
    padding:7px 8px!important;
    font-size:8px!important;
  }
}
@media(max-width:430px){
  .wa-agent{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  .wa-agent-actions{
    grid-column:2!important;
    grid-row:2!important;
    justify-content:flex-start!important;
    margin-top:8px!important;
  }
}

/* V60 — modal comercial limpo: card abre WhatsApp e e-mail aparece abaixo */
.wa-agent{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:0!important;
  position:relative!important;
}
.wa-agent-actions{display:none!important}
.wa-agent-email{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:5px!important;
  min-width:0!important;
  font-size:8px!important;
  line-height:1.2!important;
}
.wa-agent-email span{
  color:#78909a!important;
  font-weight:700!important;
}
.wa-agent-email a{
  color:#16829b!important;
  font-weight:700!important;
  text-decoration:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.wa-agent-email a:hover{text-decoration:underline!important;color:#30A7B5!important}
@media(max-width:620px){
  .wa-agent{grid-template-columns:44px minmax(0,1fr)!important}
  .wa-agent-email{grid-column:2!important;font-size:7.5px!important}
}

/* V61 — ações empilhadas à direita dos cards comerciais */
.wa-agent{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 92px!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:0!important;
  min-height:68px!important;
}
.wa-agent > b{grid-column:1!important;grid-row:1!important}
.wa-agent > div:not(.wa-agent-contact-actions){
  grid-column:2!important;
  grid-row:1!important;
}
.wa-agent-email{display:none!important}
.wa-agent-contact-actions{
  grid-column:3!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:5px!important;
  width:92px!important;
  margin:0!important;
  padding:0!important;
}
.wa-agent-contact-actions em,
.wa-agent-contact-actions .wa-email-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:27px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  font-style:normal!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.wa-agent-contact-actions em{
  background:#edf9f0!important;
  color:#15994c!important;
}
.wa-agent-contact-actions .wa-email-button{
  background:#eef8fa!important;
  color:#17617b!important;
  border:1px solid #d3e8ec!important;
}
.wa-agent-contact-actions .wa-email-button:hover{
  background:#30A7B5!important;
  border-color:#30A7B5!important;
  color:#fff!important;
}
@media(max-width:620px){
  .wa-agent{
    grid-template-columns:44px minmax(0,1fr) 82px!important;
    column-gap:10px!important;
  }
  .wa-agent-contact-actions{width:82px!important}
  .wa-agent-contact-actions em,
  .wa-agent-contact-actions .wa-email-button{
    min-height:26px!important;
    padding:6px 5px!important;
    font-size:7.5px!important;
  }
}

/* V62 — estrutura definitiva do modal comercial */
.wa-grid,.wa-agents,.wa-list{overflow-x:hidden!important}
.wa-agent{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 86px!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:82px!important;
  padding:12px 14px!important;
  margin:0!important;
  border:1px solid #d6e6ea!important;
  border-radius:17px!important;
  background:#fff!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.wa-agent>b{grid-column:1!important;grid-row:1!important}
.wa-agent .wa-agent-info{grid-column:2!important;grid-row:1!important;min-width:0!important}
.wa-agent .wa-agent-info strong{display:block!important}
.wa-agent .wa-agent-info span{display:block!important;margin-top:5px!important}
.wa-agent .wa-agent-contact-actions{
  grid-column:3!important;grid-row:1!important;
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:center!important;
  gap:6px!important;width:86px!important;min-width:0!important;
}
.wa-agent .wa-converse,.wa-agent .wa-email-button{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:28px!important;margin:0!important;padding:0 6px!important;
  border-radius:999px!important;font-size:7.5px!important;font-weight:800!important;
  line-height:1!important;white-space:nowrap!important;text-decoration:none!important;
}
.wa-agent .wa-converse{background:#edf9f0!important;color:#15994c!important;border:1px solid transparent!important}
.wa-agent .wa-email-button{background:#eef8fa!important;color:#17617b!important;border:1px solid #d3e8ec!important}
.wa-agent .wa-converse:hover{background:#dcf5e4!important}
.wa-agent .wa-email-button:hover{background:#30A7B5!important;color:#fff!important;border-color:#30A7B5!important}
@media(max-width:620px){
 .wa-agent{grid-template-columns:42px minmax(0,1fr) 78px!important;gap:9px!important;padding:10px!important}
 .wa-agent .wa-agent-contact-actions{width:78px!important}
 .wa-agent .wa-converse,.wa-agent .wa-email-button{font-size:7px!important}
}
@media(max-width:430px){
 .wa-agent{grid-template-columns:40px minmax(0,1fr) 72px!important;gap:7px!important}
 .wa-agent .wa-agent-contact-actions{width:72px!important}
}