/* Bora Trabalhar — Template moderno, objetivo, responsivo (mobile + PC)
   Inspirado em padrões "startup landing" (Astroship-like), sem frameworks. */

:root{
  --bg:#F7F9FC; --card:#fff; --text:#0F172A; --muted:#64748B; --border:#E5E7EB;
  --blue:#1E63E9; --green:#22C55E; --yellow:#F6B400;
  --shadow:0 16px 40px rgba(15,23,42,.08);
  --shadow2:0 10px 24px rgba(15,23,42,.10);
  --radius:18px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.25;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,calc(100% - 32px));margin:0 auto}
.muted{color:var(--muted)}
.dot{color:#94A3B8;padding:0 6px}
.link{font-weight:900;color:var(--blue)}
.link:hover{text-decoration:underline}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].is-inview{opacity:1;transform:translateY(0)}

/* Top bar */
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(229,231,235,.9);
}
.topbar__inner{display:flex;align-items:center;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:950}
.brand__logo{width:34px;height:34px}
.brand__name{font-size:20px;letter-spacing:-.02em}
.brand--small .brand__name{font-size:16px}
.topbar__right{display:flex;align-items:center;gap:10px;margin-left:auto}

.nav{display:flex;gap:10px;margin-left:auto}
.nav__link{
  padding:10px 12px;border-radius:14px;
  font-weight:900;color:#334155;
  transition:background .2s var(--ease), transform .12s var(--ease);
}
.nav__link:hover{background:rgba(15,23,42,.04);transform:translateY(-1px)}
.nav__link.is-active{background:rgba(30,99,233,.10);color:var(--blue)}

.hamburger{
  display:none;border:1px solid var(--border);background:#fff;border-radius:14px;
  width:44px;height:40px;padding:10px;cursor:pointer;
}
.hamburger span{display:block;height:2px;background:#0F172A;margin:4px 0;border-radius:3px}
.mobileMenu{
  display:none;border-top:1px solid var(--border);
  padding:12px 16px 16px;background:#fff;
}
.mobileMenu__link{
  display:block;padding:12px 12px;border-radius:14px;
  font-weight:900;color:#334155;
}
.mobileMenu__link.is-active{background:rgba(30,99,233,.10);color:var(--blue)}
.mobileMenu__link:hover{background:rgba(15,23,42,.04)}

/* Buttons */
.btn{
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  border:0;border-radius:14px;padding:12px 16px;
  font-weight:950;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  transition:transform .12s var(--ease), filter .2s var(--ease), box-shadow .2s var(--ease);
  user-select:none;
}
.btn:active{transform:translateY(1px)}
.btn:hover{filter:brightness(1.02)}
.btn__icon{font-size:16px}
.btn--lift:hover{transform:translateY(-2px)}
.btn--primary{background:var(--blue);color:#fff;box-shadow:var(--shadow2)}
.btn--blue{background:var(--blue);color:#fff;box-shadow:var(--shadow2)}
.btn--green{background:var(--green);color:#fff;box-shadow:var(--shadow2)}
.btn--yellow{background:var(--yellow);color:#111827;box-shadow:var(--shadow2)}
.btn--publish{background:#F59E0B;color:#fff;box-shadow:var(--shadow2)}
.btn--whats{background:#16A34A;color:#fff;box-shadow:var(--shadow2)}
.btn--soft{background:rgba(15,23,42,.04);color:#0F172A;border:1px solid rgba(15,23,42,.10)}
.btn--sm{padding:10px 12px;border-radius:14px;font-weight:950}

.btn--shine{position:relative;overflow:hidden}
.btn--shine::after{
  content:"";position:absolute;inset:-40%;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.35) 40%, transparent 70%);
  transform:translateX(-70%) rotate(15deg);
  animation:shine 3.8s var(--ease) infinite;
}
@keyframes shine{
  0%{transform:translateX(-70%) rotate(15deg)}
  55%{transform:translateX(120%) rotate(15deg)}
  100%{transform:translateX(120%) rotate(15deg)}
}

/* Hero */
.hero{position:relative;overflow:hidden;padding:34px 0 16px}
.hero__bg{position:absolute;inset:0;pointer-events:none;opacity:.98}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__glow{
  position:absolute;inset:-25%;
  background:
    radial-gradient(circle at 20% 20%, rgba(30,99,233,.18), transparent 35%),
    radial-gradient(circle at 78% 26%, rgba(34,197,94,.16), transparent 40%),
    radial-gradient(circle at 55% 78%, rgba(246,180,0,.12), transparent 38%);
  filter: blur(10px);
  animation: glow 10s var(--ease) infinite alternate;
}
@keyframes glow{from{transform:translateY(0)}to{transform:translateY(-14px)}}

.hero__inner{position:relative;display:grid;grid-template-columns:1.15fr .9fr;gap:22px;align-items:center}
.kicker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.kickerPill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(229,231,235,.9);
  box-shadow:0 10px 18px rgba(15,23,42,.06);
  font-weight:950;font-size:12px;
}
.kickerPill--soft{background:rgba(255,255,255,.62)}

.h1{margin:0 0 10px;font-size:clamp(28px,2.8vw,44px);letter-spacing:-.03em;line-height:1.03}
.h2{margin:0;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em}
.accent{color:var(--blue)}
.lead{margin:0 0 16px;color:#334155;font-weight:700;font-size:16px}

.searchCard{
  border:1px solid rgba(229,231,235,.9);
  background:rgba(255,255,255,.72);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:14px;
}
.searchRow{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:center}
.field{
  position:relative;
  display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--border);
  border-radius:16px;padding:12px 12px;
}
.field__icon{opacity:.85}
.field input{border:0;outline:0;width:100%;font-weight:900;color:#0F172A;font-size:14px}
.field__hint{
  position:absolute;right:12px;top:10px;
  font-size:11px;font-weight:900;color:#94A3B8;
}
.field--small{padding:10px 12px}

.ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.stat{
  min-width:150px;padding:12px 14px;border-radius:16px;
  border:1px solid rgba(229,231,235,.9);
  background:rgba(255,255,255,.72);
}
.stat__num{font-weight:990;font-size:24px;letter-spacing:-.02em}
.stat__label{margin-top:4px;color:#475569;font-weight:800;font-size:12.5px}

.miniTrust{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.chip{
  padding:10px 12px;border-radius:999px;
  border:1px solid rgba(229,231,235,.9);
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 18px rgba(15,23,42,.06);
  font-weight:950;font-size:12px;
}
.chip--blue{border-color:rgba(30,99,233,.22)}
.chip--green{border-color:rgba(34,197,94,.22)}
.chip--yellow{border-color:rgba(246,180,0,.26)}

.hero__figure{position:relative;display:flex;align-items:flex-end;justify-content:flex-end}
.hero__figure img{width:min(480px,100%);height:auto;filter:drop-shadow(0 18px 30px rgba(15,23,42,.18))}
.float{animation:float 5s var(--ease) infinite alternate}
@keyframes float{from{transform:translateY(0)}to{transform:translateY(-10px)}}

.heroCards{
  position:absolute;left:0;bottom:26px;
  display:flex;flex-direction:column;gap:10px;
}
.miniCard{
  min-width: 220px;
  padding:12px 12px;border-radius:16px;
  border:1px solid rgba(229,231,235,.9);
  background:rgba(255,255,255,.86);
  box-shadow:0 16px 30px rgba(15,23,42,.10);
}
.miniCard--yellow{border-color:rgba(246,180,0,.30)}
.miniCard__title{font-weight:990;font-size:12px;color:#334155}
.miniCard__big{font-weight:990;font-size:22px;letter-spacing:-.02em;margin-top:6px}
.miniCard__sub{margin-top:4px;font-weight:850;font-size:12px;color:#64748B}

/* Categories */
.categories{
  display:grid;grid-template-columns:repeat(8,1fr);gap:10px;
  margin-top: 12px; margin-bottom: 6px;
}
.cat{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:12px 10px;border-radius:18px;
  border:1px solid rgba(229,231,235,.9);
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 18px rgba(15,23,42,.06);
  transition: transform .12s var(--ease), background .2s var(--ease);
}
.cat:hover{transform:translateY(-2px);background:rgba(255,255,255,.92)}
.cat__icon{font-size:20px}
.cat__label{font-weight:950;font-size:12px;color:#334155}

/* Cards */
.card{
  background:var(--card);
  border:1px solid rgba(229,231,235,.9);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.card--panel{padding:16px}
.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.card__head h2{margin:0;font-size:18px;letter-spacing:-.01em}
.card__media{margin-top:10px;border-radius:16px;overflow:hidden;border:1px solid rgba(229,231,235,.9);background:#F1F5F9}
.card__media img{width:100%;height:auto;display:block}
.card__foot{display:flex;gap:10px;margin-top:12px}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.row{display:flex;gap:10px;flex-wrap:wrap}

.pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(229,231,235,.95);
  background:#F8FAFC;
  font-weight:950;font-size:12px;color:#334155;
}
.pill--mini{padding:4px 8px;font-size:11px}
.pill--gray{background:#F1F5F9}
.pill--green{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.28);color:#166534}
.pill--yellow{background:rgba(246,180,0,.15);border-color:rgba(246,180,0,.35)}

.mission{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:12px;border-radius:16px;border:1px solid rgba(229,231,235,.9);
  background:#fff;margin-bottom:10px;
  transition:transform .12s var(--ease);
}
.mission:hover{transform:translateY(-2px)}
.mission--compact{background:#FBFBFC}
.mission--big{margin-bottom:0}
.mission__title{display:flex;align-items:center;gap:10px}
.mission__meta{margin-top:6px;color:#475569;font-weight:800;font-size:13px}
.mission__desc{margin-top:10px;color:#334155;font-weight:700;font-size:13px}
.priceTag{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:92px;padding:8px 10px;border-radius:14px;
  background:rgba(246,180,0,.18);
  border:1px solid rgba(246,180,0,.35);
  color:#7A4D00;font-weight:990;
}
.priceTag--muted{background:#F1F5F9;border-color:#E2E8F0;color:#334155}

.note{
  display:flex;align-items:center;gap:10px;margin-top:12px;
  padding:10px 12px;border-radius:16px;
  background:rgba(30,99,233,.06);
  border:1px solid rgba(30,99,233,.12);
  font-weight:800;font-size:12.5px;color:#334155;
}
.note__dot{width:10px;height:10px;border-radius:999px;background:var(--blue);opacity:.8}

.people{border:1px solid rgba(229,231,235,.9);border-radius:16px;overflow:hidden;background:#fff}
.person{
  display:grid;grid-template-columns:44px 1fr auto;gap:12px;padding:12px;align-items:center;
  transition:background .15s var(--ease);
}
.person:hover{background:#FBFBFC}
.avatar{width:44px;height:44px;border-radius:50%;border:1px solid rgba(229,231,235,.9);background:#F1F5F9}
.person__name{font-weight:990}
.person__meta{margin-top:6px;font-size:12.5px;color:#475569;font-weight:800}
.stars{letter-spacing:1px;color:#F59E0B;font-size:12px}
.divider{height:1px;background:rgba(229,231,235,.9)}

/* How */
.how{margin-top:16px}
.how__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.howCard{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(229,231,235,.9);
  border-radius:18px;
  padding:14px;
  box-shadow:0 12px 22px rgba(15,23,42,.06);
}
.howCard__icon{
  width:34px;height:34px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(30,99,233,.12);
  border:1px solid rgba(30,99,233,.18);
  font-weight:990;color:var(--blue);
}
.howCard__title{margin-top:10px;font-weight:990}
.howCard__text{margin-top:8px;color:#475569;font-weight:800;font-size:13px}
.howCTA{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:14px 0 0}

/* Page top */
.pageTop{padding:18px 0 0}
.pageHero{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  margin: 14px 0 12px;
}
.filters{margin: 12px 0 14px}
.filters__grid{
  display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:center;
}

/* Lists */
.list3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.job,.profile{padding:14px}
.job--hover,.profile--hover{transition:transform .12s var(--ease)}
.job--hover:hover,.profile--hover:hover{transform:translateY(-2px)}
.job__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.job__title{font-weight:990;letter-spacing:-.01em;margin-bottom:4px}
.job__meta{color:#475569;font-weight:800;font-size:13px}
.job__price{font-weight:990;color:#0F172A}
.job__unit{color:#64748B;font-weight:900;font-size:12px}
.job__badges{margin:10px 0 10px;display:flex;gap:8px;flex-wrap:wrap}
.job__actions{display:flex;gap:10px;flex-wrap:wrap}

.profile__head{display:flex;gap:12px;align-items:center}
.profile__avatar{width:56px;height:56px;border-radius:50%;border:1px solid rgba(229,231,235,.9)}
.profile__name{font-weight:990}
.profile__meta{color:#475569;font-weight:800;margin-top:4px;font-size:13px}
.profile__badges{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.profile__price{margin:12px 0 12px;color:#334155;font-weight:850}
.profile__actions{display:flex;gap:10px;flex-wrap:wrap}

/* Forms */
.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.formLabel{font-weight:950;color:#334155;font-size:13px}
.input{
  width:100%;margin-top:6px;padding:12px 12px;border-radius:14px;
  border:1px solid rgba(229,231,235,.9);outline:none;
  font-weight:850;color:#0F172A;background:#fff;
}
.check{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border:1px solid rgba(229,231,235,.9);
  border-radius:14px;background:#FBFBFC;
  font-weight:900;color:#334155;font-size:13px;
}
.check input{width:18px;height:18px;margin:0}
.bullets{margin:0;padding-left:18px;color:#334155;font-weight:800}
.bullets li{margin:8px 0}
.spacerSmall{margin-top:14px}

/* Footer */
.footer{
  margin-top: 18px;
  padding: 18px 0 90px;
  border-top: 1px solid rgba(229,231,235,.9);
  background: rgba(255,255,255,.70);
}
.footer__inner{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  padding-top: 8px;
}
.footer__cols{display:flex;gap:22px}
.footer__col{display:flex;flex-direction:column;gap:8px}
.footer__title{font-weight:990;color:#334155}
.footer__link{color:#475569;font-weight:850}
.footer__link:hover{text-decoration:underline}
.footer__fine{padding:10px 0 0}

/* Bottom bar (mobile) */
.bottomBar{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  display:none;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border-top:1px solid rgba(229,231,235,.9);
  padding:10px 10px calc(10px + env(safe-area-inset-bottom));
}
.bottomBar__item{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:8px 8px;border-radius:16px;font-weight:990;color:#334155;
  transition:background .2s var(--ease), transform .12s var(--ease);
}
.bottomBar__item:hover{background:rgba(15,23,42,.04);transform:translateY(-1px)}
.bottomBar__item.is-active{color:var(--blue);background:rgba(30,99,233,.10)}
.bottomBar__icon{font-size:18px}
.bottomBar__label{font-size:11px}
.bottomBar__item--publish{background:rgba(246,180,0,.18);border:1px solid rgba(246,180,0,.30)}
.bottomBar__item--publish.is-active{color:#7A4D00;background:rgba(246,180,0,.22)}

/* Toast */
.toast{
  position:fixed;left:50%;bottom:92px;transform:translateX(-50%);
  background:rgba(15,23,42,.94);color:#fff;
  padding:10px 14px;border-radius:999px;
  font-weight:950;font-size:13px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
  opacity:0;pointer-events:none;
  transition:opacity .2s var(--ease), transform .2s var(--ease);
}
.toast.is-show{opacity:1;transform:translateX(-50%) translateY(-6px)}

/* Responsive */
@media (max-width: 980px){
  .nav{display:none}
  .hamburger{display:inline-flex}
  .btn--publish{display:none}
  .hero__inner{grid-template-columns:1fr}
  .heroCards{position:static;flex-direction:row;flex-wrap:wrap;margin-top:10px}
  .categories{grid-template-columns:repeat(4,1fr)}
  .grid2{grid-template-columns:1fr}
  .how__grid{grid-template-columns:1fr}
  .filters__grid{grid-template-columns:1fr}
  .list3{grid-template-columns:1fr}
  .searchRow{grid-template-columns:1fr}
  .formGrid{grid-template-columns:1fr}
  .footer__inner{flex-direction:column}
  .footer__cols{flex-direction:column}
  .bottomBar{display:flex;gap:8px}
  .footer{padding-bottom:120px}
}


/* ===== Tela principal (Gate) ===== */
.gate{
  position: relative;
  min-height: 100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px 0 140px;
  overflow:hidden;
}
.gate__bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.98;
}
.gate__bg img{ width:100%; height:100%; object-fit:cover; }
.gate__glow{
  position:absolute; inset:-25%;
  background:
    radial-gradient(circle at 20% 20%, rgba(30,99,233,.18), transparent 35%),
    radial-gradient(circle at 78% 26%, rgba(34,197,94,.16), transparent 40%),
    radial-gradient(circle at 55% 78%, rgba(246,180,0,.12), transparent 38%);
  filter: blur(10px);
  animation: glow 10s var(--ease) infinite alternate;
}
.gate__inner{ position:relative; }
.gateCard{
  width: min(560px, 100%);
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(229,231,235,.95);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px;
}
.gateCard__brand{
  display:flex;
  gap: 12px;
  align-items:center;
  margin-bottom: 12px;
}
.gateCard__logo{ width: 44px; height: 44px; }
.gateCard__name{ font-weight: 990; letter-spacing: -.02em; font-size: 18px; }
.gateBtns{
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.gateBtn{ width: 100%; }
.locHint{ font-weight: 850; font-size: 12.5px; margin-top: -6px; }
.gateFoot{ margin-top: 12px; font-weight: 850; font-size: 12.5px; }

.footer--mini{
  padding: 14px 0 110px;
  background: rgba(255,255,255,.62);
}


/* ===== Gate buttons lado a lado ===== */
.gateBtns{display:flex;flex-direction:column;gap:10px}
.gateBtns--3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gateCol{display:flex;flex-direction:column;gap:8px}
.gateBtn{width:100%}
@media (max-width:980px){
  .gateBtns--3{grid-template-columns:1fr}
}


/* ===== Landing (igual ao exemplo) ===== */
.landingHero{
  background: #0F172A;
  position: relative;
  min-height: 100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 22px 0 160px;
  overflow:hidden;
}
.landingHero__bg{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.landingHero__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scale(1.02);
}
.landingHero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg,
    rgba(15,23,42,0.72) 0%,
    rgba(15,23,42,0.58) 55%,
    rgba(15,23,42,0.40) 100%
  );
}
.landingHero__fog{display:none;}
.landingHero__inner{
  position:relative;
  text-align:center;
}
.landingHero__title{
  margin:0;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(40px, 6.4vw, 96px);
  letter-spacing: .12em;
  font-weight: 300;
  text-transform: uppercase;
  color: var(--yellow);
  text-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.landingHero__subtitle{
  margin: 14px auto 28px;
  max-width: 860px;
  font-size: 18px;
  font-weight: 750;
  color: rgba(255,255,255,0.86);
  text-shadow: 0 14px 30px rgba(0,0,0,.35);
}
.landingHero__actions{
  display:flex;
  justify-content:center;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}
.btn--cta{
  background: var(--yellow);
  color: #111827;
  border: 1px solid rgba(246,180,0,.85);
  box-shadow: 0 18px 38px rgba(0,0,0,.20);
  text-transform: uppercase;
  letter-spacing: .10em;
  padding: 14px 22px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
}
.btn--ctaOutline{
  background: rgba(15,23,42,0.08);
  color: var(--yellow);
  border: 2px solid rgba(246,180,0,.95);
  box-shadow: 0 18px 38px rgba(0,0,0,.18);
  text-transform: uppercase;
  letter-spacing: .10em;
  padding: 14px 22px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
}
.landingHero__loc{
  margin-top: 14px;
  font-weight: 850;
  color: rgba(255,255,255,0.72);
  text-shadow: 0 14px 30px rgba(0,0,0,.35);
}

/* mobile adjustments */
@media (max-width: 980px){
  .landingHero{
  background: #0F172A; padding-bottom: 140px; }
  .landingHero__subtitle{ font-size: 15px; margin-bottom: 18px; }
  .landingHero__actions{ gap: 12px; }
  .btn--cta, .btn--ctaOutline{ width: 100%; max-width: 360px; justify-content:center; }
}


/* Ocultar barras na home (tela principal) */
body[data-page="index"] .bottomBar{display:none !important;}


/* ===== Sem barra de rolagem na tela principal ===== */
body[data-page="index"]{
  height: 100vh;
  overflow: hidden;
}
body[data-page="index"] .landingHero{
  background: #0F172A;
  min-height: 100vh;
  padding: 0;
}
body[data-page="index"] .landingHero__inner{
  padding: 40px 0 0;
}
@media (max-width:980px){
  body[data-page="index"] .landingHero__inner{
    padding: 26px 0 0;
  }
}

/* Focus moderno (acessibilidade) */
.btn:focus{ outline: none; }
.btn:focus-visible{
  box-shadow: 0 0 0 4px rgba(30,99,233,.18), 0 0 0 2px rgba(255,255,255,.65) inset;
}

.btn--cta{
  position: relative;
  background: linear-gradient(180deg, rgba(246,180,0,1) 0%, rgba(246,180,0,0.92) 100%);
  color: #111827;
  border: 1px solid rgba(255,255,255,.25);
  box-shadow:
    0 22px 48px rgba(0,0,0,.22),
    0 2px 0 rgba(255,255,255,.35) inset,
    0 -10px 22px rgba(0,0,0,.16) inset;
  text-transform: uppercase;
  letter-spacing: .12em;
  padding: 14px 22px;
  border-radius: 16px;
  font-weight: 650;
  font-size: 13px;
  overflow: hidden;
}
.btn--cta::after{
  content:"";
  position:absolute;
  inset:-60%;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.45) 40%, transparent 70%);
  transform: translateX(-70%) rotate(12deg);
  opacity: .65;
  transition: transform .55s var(--ease), opacity .25s var(--ease);
}
.btn--cta:hover{
  transform: translateY(-3px);
  box-shadow:
    0 26px 58px rgba(0,0,0,.26),
    0 2px 0 rgba(255,255,255,.38) inset,
    0 -12px 24px rgba(0,0,0,.18) inset;
}
.btn--cta:hover::after{
  transform: translateX(120%) rotate(12deg);
  opacity: .85;
}
.btn--cta:active{
  transform: translateY(0px);
}

.btn--ctaOutline{
  position: relative;
  background: rgba(255,255,255,.10);
  color: var(--yellow);
  border: 1px solid rgba(246,180,0,.85);
  backdrop-filter: blur(10px);
  box-shadow:
    0 22px 48px rgba(0,0,0,.18),
    0 1px 0 rgba(255,255,255,.20) inset;
  text-transform: uppercase;
  letter-spacing: .12em;
  padding: 14px 22px;
  border-radius: 16px;
  font-weight: 650;
  font-size: 13px;
}
.btn--ctaOutline:hover{
  transform: translateY(-3px);
  background: rgba(246,180,0,.10);
  box-shadow:
    0 26px 58px rgba(0,0,0,.22),
    0 1px 0 rgba(255,255,255,.22) inset;
}
.btn--ctaOutline:active{ transform: translateY(0px); }


/* Ícones dos botões (mais moderno) */
.btn__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(15,23,42,.10);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 18px rgba(0,0,0,.10);
}
.btn--ctaOutline .btn__icon{
  background: rgba(246,180,0,.08);
  border: 1px solid rgba(246,180,0,.35);
}

/* ===== Layout Moderno Quero Trabalhar ===== */

body{
  background:#0f172a;
  color:#f8fafc;
}

.title-modern{
  font-size:42px;
  font-weight:700;
  color:#f6b400;
  margin-bottom:8px;
}

.subtitle-modern{
  opacity:.8;
  margin-bottom:32px;
}

.section-modern{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  border-radius:20px;
  padding:30px;
  box-shadow:0 30px 60px rgba(0,0,0,.4);
}

.modern-btn{
  padding:14px 24px;
  border-radius:16px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  border:none;
  cursor:pointer;
  transition:.3s;
}

.modern-btn-primary{
  background:linear-gradient(180deg,#f6b400,#e6a800);
  color:#111827;
  box-shadow:0 15px 35px rgba(246,180,0,.45);
}

.modern-btn-primary:hover{
  transform:translateY(-3px);
}

.modern-btn-dark{
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.1);
}

.modern-btn-dark:hover{
  background:rgba(255,255,255,.15);
}

.modern-card{
  background:rgba(255,255,255,.04);
  padding:18px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  margin-top:16px;
}


/* ===== Fundo full (páginas internas) ===== */
.pageBg{
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
}
.pageBg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(2px) brightness(.62);
  transform: scale(1.05);
}
.pageBg__overlay{
  position:absolute; inset:0;
  background: radial-gradient(900px 420px at 50% 20%, rgba(246,180,0,.14), rgba(15,23,42,0) 55%),
              linear-gradient(180deg, rgba(15,23,42,.72), rgba(15,23,42,.78));
}

/* ===== Estrutura da página Quero Trabalhar ===== */
.pageWrap{
  max-width: 1200px;
  margin: 110px auto 80px;
  padding: 0 20px;
}
.grid2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.h2-modern{
  margin: 0 0 18px;
  font-size: 18px;
  letter-spacing: .02em;
}
.actionsRow{
  display:flex;
  flex-wrap:wrap;
  gap: 14px;
  margin-bottom: 18px;
}
.tinyNote{
  margin-top: 12px;
  opacity: .75;
  font-size: 14px;
}

@media (max-width: 980px){
  .pageWrap{ margin-top: 96px; }
  .grid2{ grid-template-columns: 1fr; }
  .actionsRow a{ width: 100%; justify-content: center; }
}

/* Topbar em páginas internas (mantém) */
.topbar{
  position: fixed;
  top:0; left:0; right:0;
  z-index: 50;
  backdrop-filter: blur(12px);
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.topbar__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 20px;
  display:flex;
  align-items:center;
  gap: 18px;
}
.brand{
  display:flex;
  align-items:center;
  gap: 10px;
  text-decoration:none;
  color: #111827;
  font-weight: 800;
}
.brand__logo{
  width: 34px; height:34px;
  border-radius: 12px;
  display:grid; place-items:center;
  background: #f6b400;
  color:#111827;
  font-weight: 900;
}
.brand__name{ font-size: 18px; }

.nav{ display:flex; gap: 10px; margin-left: 12px; flex: 1; justify-content: center; }
.nav__link{
  text-decoration:none;
  color:#111827;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 700;
  opacity: .9;
}
.nav__link:hover{ background: rgba(30,99,233,.08); }
.nav__link--active{ background: rgba(30,99,233,.12); color: rgb(30,99,233); }

.ctaPublish{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 16px;
  background: #f6b400;
  color:#111827;
  font-weight: 900;
  box-shadow: 0 16px 34px rgba(246,180,0,.35);
}
.ctaPublish__icon{
  width: 28px; height:28px;
  border-radius: 12px;
  display:grid; place-items:center;
  background: rgba(17,24,39,.14);
}


/* ===== Subtabs (Quero trabalhar) ===== */
.tabs{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 18px 0 22px;
}
.tab{
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font-weight: 700;
  cursor: pointer;
  transition: .25s;
}
.tab:hover{ background: rgba(255,255,255,.10); transform: translateY(-1px); }
.tab.is-active{
  background: rgba(246,180,0,.16);
  border-color: rgba(246,180,0,.55);
  color: #f6b400;
}
.tabPanel{ display:none; }
.tabPanel.is-active{ display:block; }

/* ===== Lista Meus serviços ===== */
.list{ margin-top: 18px; display:flex; flex-direction:column; gap: 14px; }
.listItem{
  display:flex;
  justify-content:space-between;
  gap: 14px;
  padding: 18px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}
.listItem__title{ font-weight: 900; font-size: 16px; }
.listItem__meta{ opacity: .85; margin-top: 6px; }
.listItem__desc{ opacity: .78; margin-top: 10px; }
.pillPrice{
  display:inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(246,180,0,.14);
  border: 1px solid rgba(246,180,0,.35);
  color: #f6b400;
  font-weight: 800;
}
.listItem__actions{ display:flex; gap:10px; align-items:flex-start; }
.miniBtn{
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  text-decoration:none;
  font-weight: 800;
  cursor:pointer;
}
.miniBtn:hover{ background: rgba(255,255,255,.12); }
.miniBtn--danger{
  border-color: rgba(255,99,99,.35);
  background: rgba(255,99,99,.10);
}
.miniBtn--danger:hover{ background: rgba(255,99,99,.16); }

/* ===== Perfil ===== */
.profileGrid{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap: 22px;
  margin-top: 16px;
}
.profilePhoto{
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.profilePhoto img{
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 22px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}
.profileForm{ display:flex; flex-direction:column; gap: 14px; }
.field label{ display:block; font-weight: 800; margin-bottom: 8px; opacity: .9; }
.field.row2{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.input{
  width: 100%;
  border-radius: 14px;
  padding: 12px 14px;
  color: #fff;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  outline: none;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.input:focus{ border-color: rgba(246,180,0,.45); box-shadow: 0 0 0 4px rgba(246,180,0,.12); }
textarea.input{ resize: vertical; }

/* ===== Toggle ===== */
.toggle{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-top: 10px;
  user-select:none;
}
.toggle input{ display:none; }
.toggle__ui{
  width: 48px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  position: relative;
  transition: .25s;
}
.toggle__ui::after{
  content:"";
  width: 22px; height:22px;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  position:absolute;
  top: 2.5px;
  left: 3px;
  transition: .25s;
}
.toggle input:checked + .toggle__ui{
  background: rgba(34,197,94,.22);
  border-color: rgba(34,197,94,.35);
}
.toggle input:checked + .toggle__ui::after{
  left: 22px;
  background: rgb(34,197,94);
}
.toggle__txt{ font-weight: 800; opacity: .9; }

@media (max-width: 980px){
  .profileGrid{ grid-template-columns: 1fr; }
  .listItem{ flex-direction: column; }
  .listItem__actions{ justify-content:flex-end; }
}


.pageWrapClean{
  max-width:1100px;
  margin:120px auto 60px;
  padding:0 20px;
}

.titleClean{
  font-size:32px;
  margin-bottom:30px;
  color:#f6b400;
}

.gridClean{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:25px;
}

.cardClean{
  background:rgba(255,255,255,.05);
  padding:30px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
}

.cardClean h2{
  margin-bottom:20px;
}

.btnPrimary{
  display:block;
  background:#f6b400;
  color:#111827;
  padding:12px 16px;
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
  margin-bottom:12px;
}

.btnSecondary{
  display:block;
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px 16px;
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
  margin-bottom:12px;
}

.nav__contratar{
  background:rgba(34,197,94,.15);
  border-radius:999px;
  padding:8px 14px;
  font-weight:700;
}


/* ===== Feeds (Oportunidades e Missões) ===== */
.headerRow{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap: 18px;
  flex-wrap: wrap;
}
.subClean{ margin: 10px 0 0; opacity:.82; }
.headerActions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}
.muted{ opacity: .82; }

.feeds{
  margin-top: 28px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 22px;
}
.feed{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 18px;
}
.feed__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.feed__head h2{ margin:0; font-size: 18px; }
.feed__filters{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap: wrap;
}
.select{
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  outline: none;
}
.select option{ color: #111827; }

.chip{
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  font-weight: 800;
  cursor: pointer;
}
.chip.is-active{
  background: rgba(246,180,0,.16);
  border-color: rgba(246,180,0,.55);
  color: #f6b400;
}

.listCards{
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.cardItem{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 14px;
}
.cardItem__top{
  display:flex;
  justify-content:space-between;
  gap: 12px;
  align-items:flex-start;
}
.cardItem__title{ font-weight: 900; }
.cardItem__meta{ opacity:.78; margin-top: 6px; font-size: 13px; }
.cardItem__desc{ opacity:.86; margin-top: 10px; font-size: 14px; }
.pricePill{
  white-space: nowrap;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(246,180,0,.14);
  border: 1px solid rgba(246,180,0,.35);
  color: #f6b400;
  font-weight: 900;
}
.cardItem__actions{
  display:flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.btnSmall{
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font-weight: 900;
  cursor:pointer;
}
.btnSmall--primary{
  background: #f6b400;
  color: #111827;
  border-color: rgba(246,180,0,.55);
}
.emptyState{
  margin-top: 12px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px dashed rgba(255,255,255,.14);
  opacity: .85;
}

/* Switch */
.toggleRow{
  margin-top: 14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
}
.switch{ position:relative; display:inline-block; width:52px; height:30px; }
.switch input{ display:none; }
.slider{
  position:absolute; inset:0;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  transition: .25s;
}
.slider:before{
  content:"";
  position:absolute;
  width: 22px; height:22px;
  left: 4px; top: 3px;
  background: rgba(255,255,255,.9);
  border-radius: 999px;
  transition: .25s;
}
.switch input:checked + .slider{
  background: rgba(34,197,94,.22);
  border-color: rgba(34,197,94,.35);
}
.switch input:checked + .slider:before{
  transform: translateX(22px);
  background: rgb(34,197,94);
}

@media (max-width: 980px){
  .feeds{ grid-template-columns: 1fr; }
}


/* ===== Fundo de trabalhadores (aba Quero trabalhar) ===== */
.bgWorkers{
  min-height: 100vh;
  background: #0f172a;
}
.bgWorkers::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -2;
  background-image: url("assets/bg-trabalhadores.jpg");
  background-size: cover;
  background-position: center;
  filter: blur(2px) brightness(.62);
  transform: scale(1.04);
}
.bgWorkers::after{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(900px 420px at 50% 15%, rgba(246,180,0,.16), rgba(15,23,42,0) 55%),
    linear-gradient(180deg, rgba(15,23,42,.78), rgba(15,23,42,.82));
}

.pageWrapNoTop{
  margin: 34px auto 60px !important;
  padding-top: 10px;
}

.badgeTop{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.86);
  font-weight: 800;
  font-size: 12px;
}

@media (max-width: 980px){
  .pageWrapNoTop{ margin: 18px auto 50px !important; }
}


/* ===== Mini perfil (foto no topo) ===== */
.miniProfile{
  margin-top: 12px;
  display:flex;
  align-items:center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 22px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  width: fit-content;
  min-width: min(320px, 100%);
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
.miniProfile:hover{ background: rgba(255,255,255,.11); }
.miniProfile img{
  width: 96px;
  height: 96px;
  border-radius: 24px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  flex-shrink: 0;
}
.miniProfile__meta{ display:flex; flex-direction:column; justify-content:center; }
.miniProfile__name{ font-weight: 900; line-height: 1.1; font-size: 18px; }
.miniProfile__hint{ font-size: 14px; opacity: .82; margin-top: 6px; }
@media (max-width: 640px){
  .miniProfile{ min-width: 100%; padding: 12px 14px; gap: 14px; }
  .miniProfile img{ width: 82px; height: 82px; border-radius: 22px; }
  .miniProfile__name{ font-size: 17px; }
  .miniProfile__hint{ font-size: 13px; }
}


/* ===== Ajustes topo (Início + CTA moderno) ===== */
.badgeTop{
  font-size: 13px !important;
  padding: 9px 13px !important;
}

.btnHomeTop{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding: 12px 16px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 900;
  letter-spacing: .2px;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.btnHomeTop:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.18);
}

.btnPrimaryModern{
  position: relative;
  border: 1px solid rgba(246,180,0,.65) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.25), 0 0 0 6px rgba(246,180,0,.10);
  background: linear-gradient(180deg, rgba(255,204,64,1) 0%, rgba(246,180,0,1) 55%, rgba(226,152,0,1) 100%) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btnPrimaryModern:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 14px 32px rgba(0,0,0,.28), 0 0 0 7px rgba(246,180,0,.12);
}
.btnPrimaryModern:active{
  transform: translateY(0px) scale(.99);
}

/* ===== Paginação (3 por vez) ===== */
.pager{
  margin-top: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}
.pager__btn{
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font-weight: 900;
  cursor:pointer;
  min-width: 120px;
}
.pager__btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.pager__btn:hover:not(:disabled){
  background: rgba(255,255,255,.10);
}
.pager__info{
  font-weight: 900;
  opacity:.82;
}

/* ===== Notícias de oportunidades ===== */
.newsList{
  display:flex;
  flex-direction:column;
  gap: 12px;
  margin-top: 14px;
}
.newsItem{
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.newsItem:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.12);
}
.newsItem__title{
  font-weight: 950;
  line-height: 1.25;
  font-size: 14px;
}
.newsItem__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-top: 10px;
  font-size: 12px;
  opacity: .88;
}
.newsSource{
  display:inline-flex;
  align-items:center;
  gap: 8px;
}
.dot{
  width: 8px; height: 8px;
  border-radius: 999px;
  background: rgba(246,180,0,.85);
  box-shadow: 0 0 0 5px rgba(246,180,0,.10);
}
.newsLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 9px 12px;
  border-radius: 12px;
  text-decoration:none;
  font-weight: 900;
  color: #111827;
  background: rgba(246,180,0,1);
  border: 1px solid rgba(246,180,0,.55);
}
.newsLink:hover{ filter: brightness(1.02); }
.newsEmpty{
  padding: 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px dashed rgba(255,255,255,.16);
  opacity: .85;
}

/* ===== Cadastro do trabalhador (publicar.html) ===== */
.pillReq{
  margin-left: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  color: #111827;
  background: rgba(246,180,0,1);
  border: 1px solid rgba(246,180,0,.55);
}
.photoRow{
  display:flex;
  gap: 16px;
  align-items: stretch;
  flex-wrap: wrap;
}
.photoBox{
  width: 160px;
  height: 160px;
  border-radius: 22px;
  overflow:hidden;
  position:relative;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  cursor:pointer;
}
.photoBox img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.photoOverlay{
  position:absolute;
  inset:auto 0 0 0;
  padding: 10px 12px;
  font-weight: 900;
  color: rgba(255,255,255,.92);
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.65));
}
.photoTips{
  flex: 1;
  min-width: 240px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.formGrid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.field{
  display:flex;
  flex-direction:column;
  gap: 8px;
}
.field span{ font-weight: 900; opacity:.9; }
.field input, .field textarea{
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  outline:none;
}
.field textarea{ resize: vertical; }
.field input::placeholder, .field textarea::placeholder{ color: rgba(255,255,255,.55); }
.fieldFull{ grid-column: 1 / -1; }
.checkRow{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
}
.checkRow input{ width: 18px; height: 18px; }
.workerPreview{
  display:flex;
  gap: 14px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
}
.workerPreview__left img{
  width: 84px;
  height: 84px;
  border-radius: 20px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}
.workerPreview__name{ font-weight: 950; font-size: 18px; }
.workerPreview__meta{ opacity:.82; margin-top: 4px; }
.workerPreview__price{
  display:inline-flex;
  margin-top: 10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(246,180,0,.14);
  border: 1px solid rgba(246,180,0,.35);
  color: #f6b400;
  font-weight: 950;
}
.workerPreview__bio{ margin-top: 10px; opacity:.86; font-size: 14px; }
.workerPreview__badge{
  margin-top: 10px;
  display:inline-flex;
  width: fit-content;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 950;
  background: rgba(34,197,94,.18);
  border: 1px solid rgba(34,197,94,.28);
  color: rgba(255,255,255,.92);
}
.previewActions{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 820px){
  .formGrid{ grid-template-columns: 1fr; }
  .photoBox{ width: 140px; height: 140px; }
}


/* ===== Formulário visível (inputs mais escuros) ===== */
.field input, .field textarea{
  background: rgba(15,23,42,.55) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.95) !important;
  caret-color: rgba(255,255,255,.95);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.field input:focus, .field textarea:focus{
  border-color: rgba(246,180,0,.55) !important;
  box-shadow: 0 0 0 6px rgba(246,180,0,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.field input::placeholder, .field textarea::placeholder{
  color: rgba(255,255,255,.62) !important;
}

/* ===== Layout cadastro: prévia embaixo da foto + formulário maior ===== */
.gridRegister{
  display:grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 16px;
}
.colLeft, .colRight{ min-width: 0; }
.dividerSoft{
  margin: 16px 0;
  height: 1px;
  background: rgba(255,255,255,.10);
}
.formGridBig{
  grid-template-columns: 1fr 1fr;
}
.cardFormBig .field input, .cardFormBig .field textarea{
  padding: 14px 14px;
  border-radius: 16px;
  font-size: 14px;
}
.formActions{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 980px){
  .gridRegister{ grid-template-columns: 1fr; }
  .formGridBig{ grid-template-columns: 1fr; }
}


/* ===== Labels do formulário VISÍVEIS ===== */
.cardFormBig .field span,
.formGridBig .field span,
.field span{
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 600;
  text-shadow: 0 2px 8px rgba(0,0,0,.55);
  display:block;
  margin-bottom:6px;
}

/* ===== Área de quem contrata ===== */
.cardSearch .searchGrid{
  display:grid;
  grid-template-columns: 1.2fr 1.1fr .6fr .7fr .5fr;
  gap: 12px;
  align-items:end;
}
.checkInline{ height: 48px; }
.btnSearch{ height: 48px; }
.chipsRow{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.chip2{
  border:none;
  cursor:pointer;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.88);
  font-weight: 900;
}
.chip2.active{
  background: rgba(246,180,0,.16);
  border-color: rgba(246,180,0,.35);
  color: #f6b400;
}
.sectionTitleRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}
.workersList{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}
.workerCard{
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
}
.workerCard__top{
  display:flex;
  gap: 12px;
  align-items:flex-start;
}
.workerCard__photo{
  width: 68px;
  height: 68px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}
.workerCard__name{ font-weight: 950; font-size: 16px; }
.workerCard__meta{ opacity:.84; margin-top: 4px; }
.workerCard__row{
  display:flex;
  align-items:center;
  gap: 8px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.workerCard__price{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(246,180,0,.14);
  border: 1px solid rgba(246,180,0,.35);
  color: #f6b400;
  font-weight: 950;
  font-size: 12px;
}
.workerCard__badge{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.18);
  border: 1px solid rgba(34,197,94,.28);
  color: rgba(255,255,255,.92);
  font-weight: 950;
  font-size: 12px;
}
.workerCard__bio{
  margin-top: 10px;
  opacity:.86;
  font-size: 13px;
  line-height: 1.3;
}
.workerCard__actions{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.btnCopy{ white-space: nowrap; }
.tipsBox .tipLine{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  opacity: .9;
}
@media (max-width: 980px){
  .cardSearch .searchGrid{
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .workersList{ grid-template-columns: 1fr; }
}


/* ===== Mobile: 1 coluna (contratar) ===== */
@media (max-width: 1100px){
  .gridClean{ grid-template-columns: 1fr !important; }
  .workersList{ grid-template-columns: 1fr !important; }
}


/* ===== Fix: campos de busca visíveis no mobile (contratar) ===== */
.cardSearch .field span{
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.cardSearch input{
  background: rgba(0,0,0,.34) !important;
  color: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}
.cardSearch input::placeholder{
  color: rgba(255,255,255,.65) !important;
}
.cardSearch .checkRow span{
  color: rgba(255,255,255,.90) !important;
}


/* ===== Fix: foto do trabalhador não estoura no card ===== */
.workerCard__photo{
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  display:block !important;
}
.workerCard__top img{ max-width:none !important; }


/* ===== Mobile: contratar não fica gigante (tipografia e espaçamentos) ===== */
@media (max-width: 520px){
  .pageWrapClean{ padding: 14px !important; }
  .headerRow{ gap: 10px !important; }
  .headerRow h1, .titleClean{ font-size: 26px !important; line-height: 1.15 !important; }
  .subClean{ font-size: 13px !important; }
  .headerActions{ gap: 8px !important; }
  .btnHomeTop, .btnSecondary{ padding: 10px 12px !important; font-size: 12px !important; }
  .cardSearch{ padding: 12px !important; }
  .cardSearch input{ height: 44px !important; font-size: 14px !important; }
  .cardSearch .field span{ font-size: 12px !important; }
  .pillRow{ flex-wrap: wrap !important; gap: 8px !important; }
  .pill{ font-size: 12px !important; padding: 8px 10px !important; }
  .sectionTitle{ font-size: 18px !important; }
  .workerCard{ padding: 12px !important; }
  .workerCard__name{ font-size: 16px !important; }
  .workerCard__meta{ font-size: 12px !important; }
  .workerCard__desc{ font-size: 12px !important; }
}


/* ===== Stats + mapa ===== */
.statsStrip{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 16px;
}
.statChip{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
}
.statChip__icon{ font-size: 20px; }
.statChip__text{
  color: rgba(255,255,255,.92);
  line-height: 1.25;
  font-size: 14px;
}
.statChip__text b{
  color: #fff;
  font-size: 20px;
  margin-right: 4px;
}
.mapCard{ margin-top: 16px; }
.mapShell{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  margin-top: 14px;
}
.mapVisualColumn{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.miniMap{
  position: relative;
  min-height: 260px;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at center, rgba(246,180,0,.08), rgba(255,255,255,.02) 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
}
.mapBg, .mapGridLines{
  position:absolute; inset:0;
}
.mapGridLines{
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: .45;
}
.mapPin{
  position:absolute;
  transform: translate(-50%, -50%);
  background: rgba(246,180,0,.98);
  color: #111827;
  font-weight: 900;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(0,0,0,.22);
  white-space: nowrap;
}
.mapPin::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  background: inherit;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.mapPin--urgent{
  background: #ff8a00;
  color: #111827;
}
.mapLegend{
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.legendRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}
.legendRow__left{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
}
.legendTitle{
  color: #fff;
  font-weight: 800;
  font-size: 14px;
}
.legendMeta{
  color: rgba(255,255,255,.68);
  font-size: 12px;
  margin-top: 2px;
}
.legendPrice{
  color: #f6b400;
  font-weight: 900;
  font-size: 13px;
  white-space: nowrap;
}
.legendDot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #f6b400;
  box-shadow: 0 0 0 5px rgba(246,180,0,.10);
  flex: 0 0 auto;
}
.legendDot--urgent{
  background: #ff8a00;
  box-shadow: 0 0 0 5px rgba(255,138,0,.12);
}
.mapEmpty{
  color: rgba(255,255,255,.72);
  padding: 16px;
  font-size: 14px;
}
@media (max-width: 900px){
  .statsStrip{ grid-template-columns: 1fr; }
  .mapShell{ grid-template-columns: 1fr; }
  .miniMap{ min-height: 220px; }
}

/* ===== Mapa visual mais real ===== */
.miniMap{
  background:
    radial-gradient(circle at 20% 20%, rgba(246,180,0,.10), transparent 28%),
    radial-gradient(circle at 75% 35%, rgba(255,138,0,.10), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.mapRoad{
  position:absolute;
  background: rgba(255,255,255,.10);
  border-radius: 999px;
  filter: blur(.2px);
}
.mapRoad--h1{ left:8%; top:28%; width:78%; height:6px; }
.mapRoad--h2{ left:12%; top:58%; width:70%; height:5px; }
.mapRoad--v1{ left:30%; top:10%; width:5px; height:70%; }
.mapRoad--v2{ left:62%; top:14%; width:5px; height:62%; }
.mapArea{
  position:absolute;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(15,23,42,.45);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.82);
  font-size: 11px;
  font-weight: 700;
  backdrop-filter: blur(6px);
}
.mapArea--c1{ left:12%; top:16%; }
.mapArea--c2{ left:54%; top:18%; }
.mapArea--c3{ left:18%; top:66%; }
.mapArea--c4{ left:63%; top:68%; }
.mapPin{
  animation: tpPulse 2.2s infinite ease-in-out;
}
@keyframes tpPulse{
  0%{ box-shadow: 0 8px 20px rgba(0,0,0,.22), 0 0 0 0 rgba(246,180,0,.25); }
  70%{ box-shadow: 0 8px 20px rgba(0,0,0,.22), 0 0 0 12px rgba(246,180,0,0); }
  100%{ box-shadow: 0 8px 20px rgba(0,0,0,.22), 0 0 0 0 rgba(246,180,0,0); }
}
.mapPin--urgent{
  animation: tpPulseUrgent 1.7s infinite ease-in-out;
}
@keyframes tpPulseUrgent{
  0%{ box-shadow: 0 8px 20px rgba(0,0,0,.22), 0 0 0 0 rgba(255,138,0,.28); }
  70%{ box-shadow: 0 8px 20px rgba(0,0,0,.22), 0 0 0 12px rgba(255,138,0,0); }
  100%{ box-shadow: 0 8px 20px rgba(0,0,0,.22), 0 0 0 0 rgba(255,138,0,0); }
}


/* ===== Mapa estilo Airbnb ===== */
.mapCard{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 20px 44px rgba(0,0,0,.16);
}
.mapShell{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 16px;
  margin-top: 14px;
}
.miniMap{
  position: relative;
  min-height: 320px;
  border-radius: 24px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(250,250,252,.96), rgba(244,245,248,.93)),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 10px 24px rgba(0,0,0,.12);
}
.mapBg{
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(246,180,0,.08), transparent 18%),
    radial-gradient(circle at 74% 30%, rgba(255,138,0,.08), transparent 16%),
    linear-gradient(180deg, rgba(255,255,255,.35), rgba(240,242,246,.45));
}
.mapGridLines{
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(15,23,42,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.05) 1px, transparent 1px);
  background-size: 36px 36px;
  opacity: .55;
}
.mapRoad{
  position:absolute;
  background: rgba(15,23,42,.10);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}
.mapRoad--h1{ left:8%; top:26%; width:78%; height:10px; }
.mapRoad--h2{ left:12%; top:58%; width:70%; height:8px; }
.mapRoad--v1{ left:30%; top:10%; width:8px; height:70%; }
.mapRoad--v2{ left:62%; top:14%; width:8px; height:62%; }

.mapArea{
  position:absolute;
  padding: 8px 12px;
  border-radius: 14px;
  background: rgba(15,23,42,.84);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1px;
  box-shadow: 0 10px 18px rgba(0,0,0,.12);
}
.mapArea--c1{ left:12%; top:16%; }
.mapArea--c2{ left:54%; top:18%; }
.mapArea--c3{ left:18%; top:66%; }
.mapArea--c4{ left:63%; top:68%; }

.mapPin{
  position:absolute;
  transform: translate(-50%, -50%);
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #f6b400;
  color: #111827;
  font-weight: 950;
  font-size: 20px;
  line-height: 1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 14px 28px rgba(0,0,0,.18);
  white-space: nowrap;
  animation: tpAirPin 2.2s ease-in-out infinite;
}
.mapPin span{ font-size: 16px; }
.mapPin::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  transform:translateX(-50%);
  width:14px;
  height:10px;
  background: inherit;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.mapPin--urgent{
  background:#ff8a00;
  color:#111827;
  animation: tpAirPinUrgent 1.8s ease-in-out infinite;
}
@keyframes tpAirPin{
  0%{ transform: translate(-50%, -50%) scale(1); }
  50%{ transform: translate(-50%, -52%) scale(1.03); }
  100%{ transform: translate(-50%, -50%) scale(1); }
}
@keyframes tpAirPinUrgent{
  0%{ transform: translate(-50%, -50%) scale(1); }
  50%{ transform: translate(-50%, -53%) scale(1.05); }
  100%{ transform: translate(-50%, -50%) scale(1); }
}

.mapLegendColumn{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.mapLegend{
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.mapLegendBackWrap{
  margin-top:auto;
  display:flex;
  justify-content:flex-end;
  padding-top: 12px;
}
.mapLegendBackWrap.is-hidden{
  display:none;
}
.legendRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}
.legendRow__left{
  display:flex;
  align-items:center;
  gap: 12px;
  min-width:0;
}
.legendTitle{
  color:#fff;
  font-weight:900;
  font-size:16px;
  line-height:1.15;
}
.legendMeta{
  color: rgba(255,255,255,.68);
  font-size: 13px;
  margin-top: 4px;
}
.legendPrice{
  color:#f6b400;
  font-weight: 950;
  font-size: 16px;
  white-space: nowrap;
}
.legendDot{
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #f6b400;
  box-shadow: 0 0 0 6px rgba(246,180,0,.12);
  flex: 0 0 auto;
}
.legendDot--urgent,
.legendDot--mission{
  background:#22c55e;
  box-shadow: 0 0 0 6px rgba(34,197,94,.14);
}
.legendDot--opportunity{
  background:#ff8a00;
  box-shadow: 0 0 0 6px rgba(255,138,0,.12);
}
.legendDot--worker{
  background:#3b82f6;
  box-shadow: 0 0 0 6px rgba(59,130,246,.14);
}
.sectionTitleRow h2{
  font-size: 24px;
  letter-spacing: -.02em;
}
.mapEmpty{
  color: rgba(15,23,42,.62);
  padding: 18px;
  font-size: 14px;
}
@media (max-width: 900px){
  .mapShell{ grid-template-columns: 1fr; }
  .miniMap{ min-height: 280px; }
  .mapPin{ min-height: 38px; padding: 9px 12px; }
  .mapPin span{ font-size: 15px; }
}


/* ===== Google Maps pins estilo Airbnb ===== */
.gmPricePin{
  position:absolute;
  transform: translate(-50%, -100%);
  padding: 10px 14px;
  min-height: 42px;
  border-radius: 999px;
  background: #f6b400;
  color: #111827;
  font-weight: 900;
  font-size: 15px;
  line-height: 1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
  white-space: nowrap;
  border: 1px solid rgba(0,0,0,.06);
}
.gmPricePin::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  transform:translateX(-50%);
  width:14px;
  height:10px;
  background: inherit;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.gmPricePin--urgent{
  background:#ff8a00;
}


/* ===== Mapa grátis real (OpenStreetMap + Leaflet) ===== */
.leafletMapReal{
  width: 100%;
  height: 320px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 10px 24px rgba(0,0,0,.12);
}
.leaflet-container{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.leafletPricePin{
  position: relative;
  min-height: 40px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #f6b400;
  color: #111827;
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
  border: 1px solid rgba(0,0,0,.06);
  white-space: nowrap;
}
.leafletPricePin::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  transform:translateX(-50%);
  width:14px;
  height:10px;
  background: inherit;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.leafletPricePin--urgent,
.leafletPricePin--mission{ background:#22c55e; color:#0f172a; }
.leafletPricePin--opportunity{ background:#ff8a00; color:#111827; }
.leafletPricePin--worker{ background:#3b82f6; color:#fff; }
@media (max-width: 900px){
  .leafletMapReal{ height: 280px; }
}


/* ===== Mapa offline local ===== */
.offlineMapReal{
  position: relative;
  width: 100%;
  height: 320px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 10px 24px rgba(0,0,0,.12);
  background:
    linear-gradient(180deg, rgba(248,250,252,.98), rgba(241,245,249,.96));
}
.offlineMapBg{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(15,23,42,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.05) 1px, transparent 1px);
  background-size: 38px 38px;
}
.offlineRoad{
  position:absolute;
  background: rgba(15,23,42,.10);
  border-radius: 999px;
}
.offlineRoad--h1{ left:8%; top:27%; width:78%; height:10px; }
.offlineRoad--h2{ left:12%; top:60%; width:70%; height:8px; }
.offlineRoad--v1{ left:30%; top:12%; width:8px; height:68%; }
.offlineRoad--v2{ left:62%; top:16%; width:8px; height:60%; }
.offlineNeighborhood{
  position:absolute;
  padding: 8px 12px;
  border-radius: 16px;
  background: rgba(31,41,55,.90);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 10px 18px rgba(0,0,0,.14);
}
.offlineNeighborhood--c1{ left:12%; top:15%; }
.offlineNeighborhood--c2{ left:54%; top:17%; }
.offlineNeighborhood--c3{ left:18%; top:66%; }
.offlineNeighborhood--c4{ left:63%; top:68%; }

.offlineMapCity{
  position:absolute;
  left:14px;
  top:14px;
  padding:10px 14px;
  border-radius:16px;
  background: rgba(15,23,42,.84);
  color:#fff;
  font-size:14px;
  font-weight:900;
  box-shadow: 0 10px 20px rgba(0,0,0,.18);
  max-width:min(72%, 280px);
}
.offlineMapHint{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.9);
  color:#111827;
  font-size:12px;
  font-weight:800;
  box-shadow: 0 10px 18px rgba(15,23,42,.12);
}
.offlineUserHalo{
  position:absolute;
  left:50%;
  top:50%;
  width:96px;
  height:96px;
  transform:translate(-50%, -50%);
  border-radius:50%;
  background: radial-gradient(circle, rgba(59,130,246,.18) 0%, rgba(59,130,246,.12) 42%, rgba(59,130,246,.06) 62%, rgba(59,130,246,0) 74%);
  pointer-events:none;
}
.offlineUserPin{
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  transform:translate(-50%, -50%);
  border-radius:50%;
  background:#2563eb;
  border:3px solid rgba(255,255,255,.96);
  box-shadow:0 6px 18px rgba(37,99,235,.28);
  z-index:2;
}

.offlinePricePin{
  position:absolute;
  transform: translate(-50%, -50%);
  border: none;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #f6b400;
  color: #111827;
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
  white-space: nowrap;
}
.offlinePricePin::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  transform:translateX(-50%);
  width:14px;
  height:10px;
  background: inherit;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.offlinePricePin--urgent,
.offlinePricePin--mission{ background:#22c55e; color:#0f172a; }
.offlinePricePin--opportunity{ background:#ff8a00; color:#111827; }
.offlinePricePin--worker{ background:#3b82f6; color:#fff; }

.offlineMapInfo{
  position:absolute;
  right:12px;
  bottom:12px;
  width:min(220px, 48%);
  padding:12px 14px;
  border-radius:18px;
  background: rgba(15,23,42,.84);
  color:#fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.offlineMapInfo__title{ font-size:14px; font-weight:900; }
.offlineMapInfo__meta{ margin-top:4px; font-size:12px; color: rgba(255,255,255,.72); }
.offlineMapInfo__price{ margin-top:8px; font-size:14px; font-weight:900; color:#f6b400; }

@media (max-width: 900px){
  .offlineMapReal{ height: 280px; }
  .offlineMapInfo{ width: 180px; }
}

/* ===== Melhorias do mapa e PWA ===== */
.mapCanvasWrap{
  position: relative;
}
.mapLegendPager{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 12px;
  padding: 8px 0 0;
}
.mapLegendPager.is-hidden{
  display:none;
}
.mapLegendPager__next{
  min-width: 132px;
}
.mapLegendPager__prev{
  min-width: 132px;
}
.mapLegendPager__info{
  color: rgba(255,255,255,.78);
  font-weight: 800;
  font-size: 13px;
}
.mapModeBadge{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 500;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  background: rgba(17,24,39,.82);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
}
.mapModeBadge.is-online{
  background: rgba(21,128,61,.90);
}
.mapModeBadge.is-offline{
  background: rgba(17,24,39,.82);
}
.leafletPricePinWrap{
  background: transparent;
  border: 0;
}
.leafletPricePin,
.offlinePricePin{
  animation: tpAirPin 2s ease-in-out infinite;
}
.leafletPricePin--urgent,
.offlinePricePin--urgent{
  animation: tpAirPinUrgent 1.75s ease-in-out infinite;
}
.offlinePricePin{
  cursor: pointer;
}
.offlineMapReal,
.leafletMapReal{
  min-height: 320px;
}
@media (max-width: 900px){
  .mapModeBadge{
    top: 10px;
    right: 10px;
    font-size: 11px;
    padding: 7px 10px;
  }
}


/* ===== Ajustes dos botões dos cards de trabalhadores ===== */
.workerCard__actions .btnPrimary,
.workerCard__actions .btnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  margin-bottom:0;
}

@media (max-width: 640px){
  .workerCard__actions{
    flex-direction:column;
    align-items:stretch;
  }
  .workerCard__actions .btnPrimary,
  .workerCard__actions .btnSecondary{
    width:100%;
  }
}

/* ===== Ajuste extra: letras mais visíveis no formulário e telas escuras ===== */
.titleClean,
.sectionTitle,
.sectionTitleRow h2,
.card__head h2,
.workerPreview__name,
.workerCard__name,
.miniProfile__name,
.newsItem__title,
.cardItem__title{
  color:#ffffff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.42);
}

.subClean,
.muted,
.workerPreview__meta,
.workerPreview__bio,
.workerCard__meta,
.workerCard__bio,
.cardItem__meta,
.cardItem__desc,
.newsItem__meta,
.pager__info,
.badgeTop,
.toggle__txt,
.checkRow span,
.checkInline span,
.cardSearch .checkRow span{
  color:rgba(255,255,255,.96) !important;
  opacity:1 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}

.field span,
.formLabel,
label,
.photoOverlay,
.photoTips .tipLine,
.pillReq{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}

.field input,
.field textarea,
.input,
.cardSearch input{
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}

.field input::placeholder,
.field textarea::placeholder,
.input::placeholder,
.cardSearch input::placeholder{
  color:rgba(255,255,255,.76) !important;
  opacity:1 !important;
}

.checkRow,
.check,
.cardSearch .field,
.field{
  backdrop-filter:blur(8px);
}

.formActions .btnPrimaryModern,
.formActions .btnSecondary,
#saveProfileBtnTop,
#saveProfileBtnBottom{
  font-size:16px !important;
  font-weight:900 !important;
}

@media (max-width:520px){
  .field span,
  .formLabel,
  .checkRow span,
  .toggle__txt{
    font-size:15px !important;
  }

  .field input,
  .field textarea,
  .input,
  .cardSearch input{
    font-size:17px !important;
  }

  .subClean,
  .muted,
  .workerCard__meta,
  .workerCard__bio,
  .workerPreview__bio{
    font-size:14px !important;
  }
}


/* ===== Versão premium mobile/desktop ===== */
.pageWrapClean.pageWrapNoTop{
  max-width: 1120px;
}

.headerRow{
  align-items: flex-start;
}

.cardClean,
.cardSearch,
.workerCard,
.workerPreview,
.listItem,
.modern-card{
  background: linear-gradient(180deg, rgba(10,18,35,.82), rgba(7,12,26,.78)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(12px);
}

.cardClean h2,
.titleClean{
  letter-spacing: -.02em;
}

.badgeTop{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.95) !important;
  padding: 10px 14px !important;
}

.photoBox{
  width: 176px !important;
  height: 176px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  overflow: hidden;
  box-shadow: 0 16px 34px rgba(0,0,0,.25);
}

.photoOverlay{
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.72)) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}

.workerPreview__left img{
  width: 104px !important;
  height: 104px !important;
  border-radius: 24px !important;
}

.photoTips .muted,
.subClean,
.muted{
  line-height: 1.55;
}

.field input,
.field textarea,
.input,
.cardSearch input{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  min-height: 54px;
  border-radius: 18px !important;
  padding: 15px 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.12);
}

.field textarea{
  min-height: 148px;
}

.field span,
.formLabel,
label,
.checkRow span,
.toggle__txt{
  font-weight: 800 !important;
  letter-spacing: .01em;
}

.field input:focus,
.field textarea:focus,
.input:focus,
.cardSearch input:focus{
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06)) !important;
  border-color: rgba(246,180,0,.75) !important;
  box-shadow: 0 0 0 5px rgba(246,180,0,.14), 0 16px 28px rgba(0,0,0,.20) !important;
}

.checkRow{
  min-height: 58px;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04)) !important;
}

.btnPrimaryModern,
.btnPrimary,
.btnSearch{
  min-height: 52px;
  border-radius: 18px !important;
  box-shadow: 0 12px 24px rgba(246,180,0,.18), inset 0 1px 0 rgba(255,255,255,.22);
}

.btnSecondary,
.btnHomeTop,
.miniBtn{
  min-height: 52px;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

.previewActions,
.formActions{
  gap: 12px !important;
}

@media (max-width: 640px){
  .cardClean{
    padding: 22px 16px !important;
    border-radius: 22px !important;
  }

  .titleClean{
    font-size: 28px !important;
    line-height: 1.08 !important;
  }

  .subClean,
  .muted,
  .workerPreview__bio,
  .workerCard__bio{
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  .photoRow{
    align-items: stretch;
    gap: 14px !important;
  }

  .photoBox{
    width: 150px !important;
    height: 150px !important;
    margin: 0 auto;
  }

  .workerPreview{
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .workerPreview__left img{
    width: 92px !important;
    height: 92px !important;
  }

  .field input,
  .field textarea,
  .input,
  .cardSearch input{
    font-size: 16px !important;
    min-height: 52px !important;
    padding: 14px 15px !important;
  }

  .field textarea{
    min-height: 160px !important;
  }

  .formActions .btnPrimaryModern,
  .formActions .btnSecondary,
  .previewActions .btnPrimaryModern,
  .previewActions .btnSecondary,
  .headerActions .btnPrimaryModern,
  .headerActions .btnHomeTop{
    width: 100%;
    justify-content: center;
  }

  .headerActions{
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}


/* ===== Ajustes finais solicitados ===== */
.headerActions .btnSecondary[href="#formWorker"]{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.photoBox{
  border: 2px solid rgba(246,180,0,.55) !important;
  box-shadow: 0 0 0 4px rgba(246,180,0,.10), 0 18px 36px rgba(0,0,0,.28) !important;
}
.photoBox::after{
  content:"";
  position:absolute;
  top:12px;
  right:12px;
  width:14px;
  height:14px;
  border-radius:999px;
  background:#f6b400;
  box-shadow:0 0 0 4px rgba(246,180,0,.18);
  z-index:3;
}
.photoBox--hasPhoto{
  border-color: rgba(34,197,94,.65) !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,.12), 0 18px 36px rgba(0,0,0,.28) !important;
}
.photoBox--hasPhoto::after{
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.18);
}
.photoOverlay{
  color:#fff !important;
  font-weight:900 !important;
}
.field input, .field textarea, .input, .cardSearch input{
  color:#111111 !important;
  caret-color:#111111 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(245,245,245,.92)) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}
.field input::placeholder, .field textarea::placeholder, .input::placeholder, .cardSearch input::placeholder{
  color: rgba(0,0,0,.52) !important;
}
.field span, .formLabel, .cardSearch .field span{
  color:#ffffff !important;
}
#name, #city, #whats, #service, #price, #bio, #qService, #qCity, #qMax{
  color:#111111 !important;
}
.checkRow input, .checkInline input{
  accent-color:#f6b400;
}
.pillReq{
  background:#f6b400 !important;
  color:#111111 !important;
  border:1px solid rgba(246,180,0,.65) !important;
  box-shadow:0 8px 18px rgba(246,180,0,.18);
}
.previewActions{ display:none !important; }
@media (max-width:640px){
  .headerActions{ grid-template-columns: 1fr 1fr !important; }
}


/* ===== Pente fino final ===== */
:root{
  --tp-yellow:#f6b400;
  --tp-yellow-strong:#ffc928;
  --tp-dark:#0f172a;
  --tp-card:#091225;
}

.badgeTop,
.field span,
.formLabel,
.cardSearch .field span,
.checkRow span,
.subClean,
.muted,
.workerCard__meta,
.workerCard__bio,
.workerPreview__meta,
.workerPreview__bio,
.photoOverlay,
.photoTips .muted{
  text-shadow:none !important;
}

.badgeTop{
  backdrop-filter:blur(10px);
}

.field span,
.formLabel,
.cardSearch .field span{
  color:#f8fafc !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

.field input,
.field textarea,
.input,
.cardSearch input{
  color:#111827 !important;
  caret-color:#111827 !important;
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 6px 14px rgba(2,6,23,.08) !important;
}

.field input::placeholder,
.field textarea::placeholder,
.input::placeholder,
.cardSearch input::placeholder{
  color:#111827 !important;
  opacity:1 !important;
}

.field input:focus,
.field textarea:focus,
.input:focus,
.cardSearch input:focus{
  border-color:rgba(246,180,0,.82) !important;
  box-shadow:0 0 0 4px rgba(246,180,0,.14), 0 10px 24px rgba(2,6,23,.12) !important;
}

.checkRow{
  background:linear-gradient(180deg, rgba(11,20,38,.94), rgba(8,16,30,.92)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.checkRow span,
.checkInline span{
  color:#f8fafc !important;
  font-weight:800 !important;
}

.btnSecondary,
.btnHomeTop{
  color:#f8fafc !important;
}

.btnAccent,
.headerActions .btnAccent,
.headerActions a.btnAccent{
  background:linear-gradient(180deg, var(--tp-yellow-strong), var(--tp-yellow)) !important;
  color:#111827 !important;
  border:1px solid rgba(246,180,0,.9) !important;
  box-shadow:0 14px 28px rgba(246,180,0,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.btnAccent:hover{
  filter:brightness(1.03);
}

.photoBox{
  border:2px solid rgba(246,180,0,.85) !important;
  box-shadow:0 0 0 5px rgba(246,180,0,.16), 0 18px 36px rgba(0,0,0,.30) !important;
}

.photoBox::after{
  width:16px;
  height:16px;
  top:10px;
  right:10px;
  background:var(--tp-yellow-strong);
  box-shadow:0 0 0 5px rgba(246,180,0,.20);
}

.photoBox--hasPhoto{
  border-color:rgba(34,197,94,.75) !important;
  box-shadow:0 0 0 5px rgba(34,197,94,.16), 0 18px 36px rgba(0,0,0,.30) !important;
}

.pillReq{
  background:linear-gradient(180deg, var(--tp-yellow-strong), var(--tp-yellow)) !important;
  color:#111827 !important;
}

.formActions{
  align-items:stretch;
}

.formActions .btnPrimaryModern,
.formActions .btnSecondary{
  min-width:180px;
}

.cardSearch .searchGrid{
  align-items:end;
}

.cardSearch .field,
.cardFormBig .field{
  gap:10px;
}

.cardSearch .field span,
.cardFormBig .field span{
  padding-left:2px;
}

.headerActions{
  align-items:stretch;
}

.headerActions > *{
  flex:1 1 0;
}

.workerPreview__price,
.workerCard__price{
  color:#111827 !important;
  background:linear-gradient(180deg, rgba(255,208,69,.95), rgba(246,180,0,.92)) !important;
  border-color:rgba(246,180,0,.88) !important;
}

.workerPreview__badge,
.workerCard__badge{
  background:rgba(34,197,94,.18) !important;
  color:#ecfdf5 !important;
}

@media (max-width:640px){
  .headerActions{
    grid-template-columns:1fr 1fr !important;
  }
  .headerActions > *{
    width:100%;
  }
  .cardClean,
  .cardSearch{
    padding:20px 16px !important;
  }
}


/* Logo Trabalho Perto */
.brand__logo--img{width:42px;height:42px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.92);padding:3px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.siteLogoWrap{display:flex;justify-content:center;align-items:center;margin:2px 0 8px;pointer-events:none}
.siteLogoHeader{width:min(180px,48vw);height:auto;display:block;opacity:.96;filter:drop-shadow(0 10px 20px rgba(0,0,0,.24))}
.landingHero__logo{width:min(250px,64vw);height:auto;display:block;margin:0 auto 10px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.28))}
@media (max-width:640px){.siteLogoWrap{margin:0 0 6px}.siteLogoHeader{width:min(150px,44vw)}.landingHero__logo{width:min(210px,68vw);margin-bottom:8px}}

.siteLogoWrap + .headerRow{margin-top:0}
.brand__name[data-bind="siteName"]{letter-spacing:-.02em}


/* Ajuste logo: símbolo só na home */
body[data-page]:not([data-page="index"]) .siteLogoWrap{
  display:none !important;
}
.landingHero__logo{
  width:min(220px, 52vw);
  max-width:220px;
  height:auto;
  display:block;
  margin:0 auto 12px;
  background:none !important;
  box-shadow:none !important;
  border:none !important;
}
@media (max-width:640px){
  .landingHero__logo{
    width:min(170px, 42vw);
    max-width:170px;
    margin:0 auto 10px;
  }
}


/* === Ajuste fino home: espaçamentos proporcionais === */
body[data-page="index"] .landingHero__inner{
  max-width: 640px;
  padding: 18px 16px 0;
}
body[data-page="index"] .landingHero__logo{
  width:min(118px, 30vw);
  max-width:118px;
  margin:0 auto 18px;
}
body[data-page="index"] .landingHero__title{
  font-size: clamp(34px, 10vw, 64px);
  line-height: .94;
  letter-spacing: .08em;
  margin: 0 auto 14px;
}
body[data-page="index"] .landingHero__subtitle{
  max-width: 520px;
  margin: 0 auto 22px;
  font-size: 16px;
  line-height: 1.45;
}
body[data-page="index"] .landingHero__actions{
  gap: 14px;
  margin-top: 0;
}
body[data-page="index"] .landingHero__actions .btn{
  min-height: 74px;
}
body[data-page="index"] .landingHero__loc{
  margin-top: 18px;
}
@media (max-width: 640px){
  body[data-page="index"] .landingHero{
    padding: 0 0 34px;
  }
  body[data-page="index"] .landingHero__inner{
    max-width: 420px;
    padding: 14px 16px 0;
  }
  body[data-page="index"] .landingHero__logo{
    width:min(92px, 24vw);
    max-width:92px;
    margin:0 auto 14px;
  }
  body[data-page="index"] .landingHero__title{
    font-size: clamp(30px, 9vw, 46px);
    letter-spacing: .07em;
    margin-bottom: 10px;
  }
  body[data-page="index"] .landingHero__subtitle{
    max-width: 320px;
    margin-bottom: 18px;
    font-size: 14px;
  }
  body[data-page="index"] .landingHero__actions{
    gap: 12px;
  }
  body[data-page="index"] .landingHero__actions .btn{
    min-height: 68px;
  }
  body[data-page="index"] .landingHero__loc{
    margin-top: 14px;
  }
}


/* ===== Ajuste final: remover logo dos formulários e padronizar labels na paleta ===== */
.siteLogoWrap{display:none !important;}
body.home-page .siteLogoWrap,
body.page-home .siteLogoWrap,
.home .siteLogoWrap,
.index-page .siteLogoWrap{display:block !important;}

.field > span,
.field span,
.formLabel,
.cardSearch .field span,
.publicarForm .field span,
.profileForm .field span,
.toggle__txt{
  color:#111827 !important;
  text-shadow:none !important;
  opacity:1 !important;
}

.checkRow span{
  color:#f6c343 !important;
  text-shadow:none !important;
  opacity:1 !important;
}

.field input,
.field textarea,
.input,
.cardSearch input,
.cardSearch textarea{
  color:#111827 !important;
  caret-color:#111827 !important;
}

.field input::placeholder,
.field textarea::placeholder,
.input::placeholder,
.cardSearch input::placeholder,
.cardSearch textarea::placeholder{
  color:#111827 !important;
  opacity:1 !important;
}

.cardSearch .field,
.field{
  backdrop-filter:none !important;
}

.cardSearch .field > span,
.field > span{
  display:block;
  margin-bottom:10px;
  font-weight:800 !important;
  letter-spacing:.01em;
}

/* ===== Fix final: rótulos dos formulários em preto e visíveis ===== */
body[data-page="publicar"] .field > span,
body[data-page="publicar-servico"] .field > span,
body[data-page="contratar"] .field > span,
.publicar-page .field > span,
.publicar-servico-page .field > span,
.contratar-page .field > span,
.field > span{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  text-shadow:none !important;
  opacity:1 !important;
  font-weight:800 !important;
}

body[data-page="publicar"] .field input::placeholder,
body[data-page="publicar"] .field textarea::placeholder,
body[data-page="publicar-servico"] .field input::placeholder,
body[data-page="publicar-servico"] .field textarea::placeholder,
body[data-page="contratar"] .field input::placeholder,
body[data-page="contratar"] .field textarea::placeholder,
.field input::placeholder,
.field textarea::placeholder{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  opacity:1 !important;
}

body[data-page="publicar"] .field input,
body[data-page="publicar"] .field textarea,
body[data-page="publicar-servico"] .field input,
body[data-page="publicar-servico"] .field textarea,
body[data-page="contratar"] .field input,
body[data-page="contratar"] .field textarea{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
}

.legendEmpty,.miniMapEmpty,.offlineMapEmpty{display:flex;align-items:center;justify-content:center;text-align:center;color:#e5e7eb;font-weight:700;background:rgba(10,16,35,.55);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;min-height:72px}
.miniMapEmpty{position:absolute;left:16px;right:16px;bottom:16px;backdrop-filter:blur(8px)}
.offlineMapEmpty{height:100%;min-height:240px;padding:24px}
.legendEmpty{margin-top:8px}


.leaflet-empty-state{background:rgba(10,16,36,.88);color:#fff;padding:10px 12px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:2px;font:600 14px/1.3 system-ui,sans-serif;max-width:220px}
.leaflet-empty-state span{font-size:12px;font-weight:500;color:rgba(255,255,255,.82)}
.offlineMapEmpty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;padding:24px;font-weight:700}
.offlineMapEmpty span{font-weight:500;opacity:.86}


/* ===== Destaques visuais da área do trabalhador ===== */

body[data-page="trabalhar"] .cardClean--location,
body[data-page="trabalhar"] .feed--opportunity,
body[data-page="trabalhar"] .feed--mission,
body[data-page="trabalhar"] .newsCard,
body[data-page="trabalhar"] .feed--opportunity .cardItem,
body[data-page="trabalhar"] .feed--mission .cardItem,
body[data-page="trabalhar"] .newsCard .newsItem{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

body[data-page="trabalhar"] .cardClean--location::before,
body[data-page="trabalhar"] .feed--opportunity::before,
body[data-page="trabalhar"] .feed--mission::before,
body[data-page="trabalhar"] .newsCard::before,
body[data-page="trabalhar"] .feed--opportunity .cardItem::before,
body[data-page="trabalhar"] .feed--mission .cardItem::before,
body[data-page="trabalhar"] .newsCard .newsItem::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:5px;
  z-index:0;
}

body[data-page="trabalhar"] .cardClean--location > *,
body[data-page="trabalhar"] .feed--opportunity > *,
body[data-page="trabalhar"] .feed--mission > *,
body[data-page="trabalhar"] .newsCard > *,
body[data-page="trabalhar"] .feed--opportunity .cardItem > *,
body[data-page="trabalhar"] .feed--mission .cardItem > *,
body[data-page="trabalhar"] .newsCard .newsItem > *{
  position:relative;
  z-index:1;
}

body[data-page="trabalhar"] .cardClean--location{
  background:rgba(127, 29, 29, .22);
  border:1px solid rgba(239, 68, 68, .24);
}
body[data-page="trabalhar"] .cardClean--location::before{
  background:linear-gradient(90deg, #ef4444, #f87171);
}
body[data-page="trabalhar"] .cardClean--location h2{
  color:#fecaca;
}
body[data-page="trabalhar"] .cardClean--location [data-location-label]{
  color:#fee2e2;
}

body[data-page="trabalhar"] .feed--opportunity{
  background:rgba(124, 45, 18, .18);
  border:1px solid rgba(249, 115, 22, .24);
}
body[data-page="trabalhar"] .feed--opportunity::before,
body[data-page="trabalhar"] .feed--opportunity .cardItem::before{
  background:linear-gradient(90deg, #f97316, #fb923c);
}
body[data-page="trabalhar"] .feed--opportunity .feed__head h2{
  color:#fdba74;
}
body[data-page="trabalhar"] .feed--opportunity .cardItem{
  background:rgba(249, 115, 22, .08);
  border:1px solid rgba(249, 115, 22, .20);
}
body[data-page="trabalhar"] .feed--opportunity .pricePill{
  background:rgba(249, 115, 22, .16);
  border-color:rgba(249, 115, 22, .38);
  color:#fdba74;
}
body[data-page="trabalhar"] .feed--opportunity .btnSmall--primary{
  background:#f97316;
  border-color:rgba(249, 115, 22, .60);
  color:#fff;
}

body[data-page="trabalhar"] .feed--mission{
  background:rgba(20, 83, 45, .18);
  border:1px solid rgba(34, 197, 94, .24);
}
body[data-page="trabalhar"] .feed--mission::before,
body[data-page="trabalhar"] .feed--mission .cardItem::before{
  background:linear-gradient(90deg, #22c55e, #4ade80);
}
body[data-page="trabalhar"] .feed--mission .feed__head h2{
  color:#86efac;
}
body[data-page="trabalhar"] .feed--mission .cardItem{
  background:rgba(34, 197, 94, .08);
  border:1px solid rgba(34, 197, 94, .20);
}
body[data-page="trabalhar"] .feed--mission .pricePill{
  background:rgba(34, 197, 94, .16);
  border-color:rgba(34, 197, 94, .40);
  color:#86efac;
}
body[data-page="trabalhar"] .feed--mission .btnSmall--primary{
  background:#22c55e;
  border-color:rgba(34, 197, 94, .60);
  color:#052e16;
}
body[data-page="trabalhar"] .feed--mission .workerCard__badge{
  background:rgba(34, 197, 94, .16);
  border-color:rgba(34, 197, 94, .38);
  color:#bbf7d0;
}

body[data-page="trabalhar"] .newsCard{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
}
body[data-page="trabalhar"] .newsCard::before,
body[data-page="trabalhar"] .newsCard .newsItem::before{
  background:linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.72));
}
body[data-page="trabalhar"] .newsCard h2{
  color:#ffffff;
}
body[data-page="trabalhar"] .newsCard .newsItem{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
}
body[data-page="trabalhar"] .newsCard .dot{
  background:#ffffff;
  box-shadow:0 0 0 5px rgba(255,255,255,.12);
}
body[data-page="trabalhar"] .newsCard .newsLink{
  background:rgba(255,255,255,.98);
  border-color:rgba(255,255,255,.75);
  color:#111827;
}

@media (max-width: 720px){
  body[data-page="trabalhar"] .cardClean--location,
  body[data-page="trabalhar"] .feed--opportunity,
  body[data-page="trabalhar"] .feed--mission,
  body[data-page="trabalhar"] .newsCard{
    padding-top:22px;
  }
  body[data-page="trabalhar"] .feed--opportunity .cardItem,
  body[data-page="trabalhar"] .feed--mission .cardItem,
  body[data-page="trabalhar"] .newsCard .newsItem{
    padding-top:16px;
  }
}


/* ===== Publicar serviço: cards empilhados na vertical ===== */
body[data-page="publicar-servico"] .pageWrapClean{
  max-width: 1180px;
}
body[data-page="publicar-servico"] .gridPublishService{
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: stretch;
}
body[data-page="publicar-servico"] .publishCard{
  height: auto;
  min-height: 0;
  width: 100%;
}
body[data-page="publicar-servico"] .publishCard--form{
  order: 1;
  padding-bottom: 24px;
}
body[data-page="publicar-servico"] .publishCard--publications{
  order: 2;
}
body[data-page="publicar-servico"] .publishCard--tips{
  order: 3;
  position: static;
}
body[data-page="publicar-servico"] .publishCard--form .formGridBig{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body[data-page="publicar-servico"] .publishCard--form .fieldFull{
  grid-column: 1 / -1;
}
body[data-page="publicar-servico"] .publishCard--publications #publicationsList{
  grid-template-columns: 1fr;
}
@media (max-width: 820px){
  body[data-page="publicar-servico"] .pageWrapClean{
    max-width: 100%;
  }
  body[data-page="publicar-servico"] .publishCard--form .formGridBig{
    grid-template-columns: 1fr;
  }
}


/* ===== Home principal modernizada ===== */
body[data-page="index"] .landingHero{
  background: #081426;
}
body[data-page="index"] .landingHero__overlay{
  background:
    radial-gradient(900px 420px at 50% 18%, rgba(217,162,27,.12), rgba(8,20,38,0) 55%),
    linear-gradient(180deg, rgba(8,20,38,.74) 0%, rgba(8,20,38,.64) 55%, rgba(8,20,38,.76) 100%);
}
body[data-page="index"] .landingHero__inner{
  max-width: 1120px;
  padding: 22px 20px 0;
}
body[data-page="index"] .landingHero__logo{
  width: min(150px, 24vw);
  max-width: 150px;
  margin: 0 auto 16px;
  filter: drop-shadow(0 20px 28px rgba(0,0,0,.42));
}
body[data-page="index"] .landingHero__title{
  max-width: 980px;
  font-family: 'Outfit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(56px, 8.5vw, 118px);
  font-weight: 800;
  line-height: .92;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #f0b429;
  text-shadow: 0 14px 32px rgba(0,0,0,.38);
  margin: 0 auto 18px;
}
body[data-page="index"] .landingHero__subtitle{
  max-width: 860px;
  margin: 0 auto 30px;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(19px, 2.2vw, 24px);
  line-height: 1.4;
  font-weight: 600;
  color: rgba(255,255,255,.92);
  text-shadow: 0 10px 24px rgba(0,0,0,.32);
}
body[data-page="index"] .landingHero__actions{
  gap: 18px;
}
body[data-page="index"] .landingHero__actions .btn{
  min-height: 76px;
  min-width: 360px;
  border-radius: 22px;
  padding: 16px 28px;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}
body[data-page="index"] .btn--cta{
  background: linear-gradient(180deg, #f3c13a 0%, #d59d14 100%);
  border: 1px solid rgba(255,255,255,.24);
  box-shadow:
    0 20px 42px rgba(0,0,0,.26),
    0 2px 0 rgba(255,255,255,.34) inset,
    0 -12px 24px rgba(0,0,0,.12) inset;
}
body[data-page="index"] .btn--ctaOutline{
  background: linear-gradient(180deg, rgba(9,25,48,.82) 0%, rgba(11,31,58,.86) 100%);
  color: #f0b429;
  border: 1.5px solid rgba(240,180,41,.82);
  box-shadow:
    0 18px 38px rgba(0,0,0,.24),
    0 1px 0 rgba(255,255,255,.12) inset;
}
body[data-page="index"] .landingHero__actions .btn__icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  font-size: 20px;
}
body[data-page="index"] .landingHero__loc{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 66px;
  margin-top: 22px;
  padding: 10px 28px;
  border-top: 1px solid rgba(255,255,255,.18);
  width: min(940px, calc(100vw - 40px));
  max-width: 940px;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(16px, 1.65vw, 20px);
  font-weight: 800;
  color: rgba(255,255,255,.88);
  text-shadow: 0 8px 20px rgba(0,0,0,.32);
}
@media (max-width: 860px){
  body[data-page="index"] .landingHero__inner{
    max-width: 440px;
    padding: 18px 16px 26px;
  }
  body[data-page="index"] .landingHero__logo{
    width: min(108px, 26vw);
    max-width: 108px;
    margin-bottom: 14px;
  }
  body[data-page="index"] .landingHero__title{
    font-size: clamp(40px, 13vw, 64px);
    letter-spacing: .015em;
    margin-bottom: 12px;
  }
  body[data-page="index"] .landingHero__subtitle{
    max-width: 340px;
    margin-bottom: 20px;
    font-size: 16px;
  }
  body[data-page="index"] .landingHero__actions{
    gap: 12px;
  }
  body[data-page="index"] .landingHero__actions .btn{
    min-width: 100%;
    min-height: 68px;
    font-size: 16px;
    border-radius: 18px;
  }
  body[data-page="index"] .landingHero__loc{
    width: calc(100vw - 32px);
    max-width: 380px;
    min-height: 58px;
    margin-top: 16px;
    padding: 8px 14px;
    font-size: 15px;
  }
}


/* ===== Home principal refinada: ícones, logo menor e dourado mais premium ===== */
body[data-page="index"] .landingHero__overlay{
  background:
    radial-gradient(900px 420px at 50% 18%, rgba(226,178,58,.11), rgba(8,20,38,0) 55%),
    linear-gradient(180deg, rgba(6,18,34,.76) 0%, rgba(6,18,34,.66) 55%, rgba(6,18,34,.80) 100%);
}
body[data-page="index"] .landingHero__logo{
  width: min(122px, 19vw);
  max-width: 122px;
  margin: 0 auto 14px;
  filter: drop-shadow(0 18px 24px rgba(0,0,0,.38));
}
body[data-page="index"] .landingHero__title{
  color: #e4b54c;
  text-shadow: 0 14px 32px rgba(0,0,0,.42);
}
body[data-page="index"] .landingHero__subtitle{
  color: rgba(255,255,255,.94);
}
body[data-page="index"] .landingHero__actions{
  gap: 16px;
}
body[data-page="index"] .landingHero__actions .btn{
  min-height: 74px;
  min-width: 344px;
  padding: 14px 26px;
  border-radius: 20px;
  gap: 14px;
}
body[data-page="index"] .btn--cta{
  background: linear-gradient(180deg, #edc158 0%, #d6a33a 100%);
  border: 1px solid rgba(255,255,255,.28);
  box-shadow:
    0 16px 34px rgba(0,0,0,.24),
    0 2px 0 rgba(255,255,255,.28) inset,
    0 -10px 18px rgba(120,80,10,.16) inset;
}
body[data-page="index"] .btn--cta:hover{
  box-shadow:
    0 20px 42px rgba(0,0,0,.28),
    0 2px 0 rgba(255,255,255,.3) inset,
    0 -10px 18px rgba(120,80,10,.18) inset;
}
body[data-page="index"] .btn--ctaOutline{
  background: linear-gradient(180deg, rgba(10,25,48,.88) 0%, rgba(11,31,58,.92) 100%);
  color: #e4b54c;
  border: 1.5px solid rgba(228,181,76,.72);
  box-shadow:
    0 16px 34px rgba(0,0,0,.22),
    0 1px 0 rgba(255,255,255,.12) inset;
}
body[data-page="index"] .landingHero__actions .btn__icon{
  width: 46px;
  height: 46px;
  border-radius: 15px;
  flex: 0 0 46px;
  font-size: 0;
}
body[data-page="index"] .btn--cta .btn__icon{
  background: linear-gradient(180deg, rgba(15,23,42,.16) 0%, rgba(15,23,42,.26) 100%);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 10px 20px rgba(0,0,0,.16);
}
body[data-page="index"] .btn--ctaOutline .btn__icon{
  background: linear-gradient(180deg, rgba(228,181,76,.10) 0%, rgba(228,181,76,.16) 100%);
  border: 1px solid rgba(228,181,76,.28);
}
body[data-page="index"] .btn__icon--svg svg{
  width: 21px;
  height: 21px;
}
body[data-page="index"] .btn__label{
  display:inline-flex;
  align-items:center;
  line-height:1;
}
body[data-page="index"] .landingHero__loc{
  color: rgba(255,255,255,.9);
}
@media (max-width: 860px){
  body[data-page="index"] .landingHero__logo{
    width: min(92px, 23vw);
    max-width: 92px;
  }
  body[data-page="index"] .landingHero__actions .btn{
    min-width: 100%;
    min-height: 66px;
    padding: 14px 18px;
    gap: 12px;
    border-radius: 18px;
  }
  body[data-page="index"] .landingHero__actions .btn__icon{
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
  body[data-page="index"] .btn__icon--svg svg{
    width: 19px;
    height: 19px;
  }
}


/* ===== Home principal: brilho suave no título + animação elegante nos botões ===== */
body[data-page="index"] .landingHero__title{
  position: relative;
  isolation: isolate;
  animation: homeTitleGlow 4.8s ease-in-out infinite;
}
body[data-page="index"] .landingHero__title::after{
  content: attr(data-bind);
  content: "Trabalho Perto";
  position: absolute;
  inset: 0;
  z-index: -1;
  color: rgba(244, 197, 88, .34);
  filter: blur(16px);
  transform: scale(1.015);
  pointer-events: none;
  animation: homeTitleAura 4.8s ease-in-out infinite;
}
body[data-page="index"] .landingHero__actions .btn{
  position: relative;
  overflow: hidden;
  will-change: transform, box-shadow;
  animation: homeBtnFloat 5.4s ease-in-out infinite;
}
body[data-page="index"] .landingHero__actions .btn:nth-child(2){
  animation-delay: .9s;
}
body[data-page="index"] .landingHero__actions .btn:nth-child(3){
  animation-delay: 1.8s;
}
body[data-page="index"] .landingHero__actions .btn:hover{
  animation-play-state: paused;
  transform: translateY(-4px) scale(1.01);
}
body[data-page="index"] .landingHero__actions .btn::before{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 42%);
  opacity: .65;
  pointer-events: none;
}
body[data-page="index"] .btn--cta.btn--shine::after,
body[data-page="index"] .btn--ctaOutline.btn--shine::after{
  animation-duration: 4.2s;
  opacity: .78;
}
@keyframes homeTitleGlow{
  0%, 100%{
    text-shadow: 0 12px 28px rgba(0,0,0,.42), 0 0 0 rgba(228,181,76,0);
    filter: brightness(1);
  }
  50%{
    text-shadow: 0 14px 34px rgba(0,0,0,.46), 0 0 22px rgba(228,181,76,.18), 0 0 44px rgba(228,181,76,.08);
    filter: brightness(1.04);
  }
}
@keyframes homeTitleAura{
  0%, 100%{ opacity: .22; transform: scale(1.01); }
  50%{ opacity: .42; transform: scale(1.03); }
}
@keyframes homeBtnFloat{
  0%, 100%{ transform: translateY(0px); }
  50%{ transform: translateY(-4px); }
}
@media (prefers-reduced-motion: reduce){
  body[data-page="index"] .landingHero__title,
  body[data-page="index"] .landingHero__title::after,
  body[data-page="index"] .landingHero__actions .btn,
  body[data-page="index"] .btn--cta.btn--shine::after,
  body[data-page="index"] .btn--ctaOutline.btn--shine::after{
    animation: none !important;
  }
}
@media (max-width: 860px){
  body[data-page="index"] .landingHero__title::after{
    filter: blur(12px);
  }
  body[data-page="index"] .landingHero__actions .btn:hover{
    transform: translateY(-2px) scale(1.005);
  }
}


/* ===== Home principal — refinamento suave pedido pelo usuário ===== */
body[data-page="index"] .landingHero__inner{
  gap: 14px;
  padding-bottom: 18px;
}

body[data-page="index"] .landingHero__logo{
  width: min(96px, 18vw);
  margin: 0 auto 8px;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.22));
  opacity: .98;
}

body[data-page="index"] .landingHero__title{
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-weight: 700;
  text-transform: none;
  letter-spacing: .01em;
  font-size: clamp(64px, 8.6vw, 108px);
  line-height: .92;
  color: #e4c16a;
  text-shadow: 0 10px 24px rgba(0,0,0,.18);
}

body[data-page="index"] .landingHero__title::after{
  display:none;
}

body[data-page="index"] .landingHero__subtitle{
  max-width: 920px;
  margin: 0 auto 24px;
  font-size: clamp(17px, 2vw, 21px);
  font-weight: 700;
}

body[data-page="index"] .landingHero__actions--main{
  display:flex;
  justify-content:center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

body[data-page="index"] .landingHero__actions--bottom{
  display:flex;
  justify-content:center;
  margin-top: 0;
}

body[data-page="index"] .landingHero__actions--bottom .btn{
  min-width: min(360px, 82vw);
}

body[data-page="index"] .landingHero__actions .btn{
  min-width: clamp(260px, 27vw, 340px);
  min-height: 76px;
}

body[data-page="index"] .landingHero__loc{
  margin-top: 24px;
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: 800;
  color: rgba(255,255,255,.95);
  text-shadow: 0 2px 10px rgba(0,0,0,.22);
}

@media (max-width: 820px){
  body[data-page="index"] .landingHero__logo{
    width: min(80px, 24vw);
    margin-bottom: 6px;
  }

  body[data-page="index"] .landingHero__title{
    font-size: clamp(52px, 15vw, 78px);
  }

  body[data-page="index"] .landingHero__actions--main{
    gap: 12px;
  }

  body[data-page="index"] .landingHero__actions .btn{
    min-width: min(100%, 360px);
    min-height: 68px;
  }

  body[data-page="index"] .landingHero__actions--bottom .btn{
    min-width: min(100%, 360px);
  }

  body[data-page="index"] .landingHero__loc{
    margin-top: 18px;
    font-size: 15px;
  }
}

/* ===== Quero trabalhar v20 modern ===== */
body[data-page="trabalhar"] .pageWrapClean.pageWrapNoTop{
  max-width: 1240px;
  margin: 22px auto 72px !important;
  padding: 0 18px;
}
body[data-page="trabalhar"] .workerHero{
  position: relative;
  margin-bottom: 18px;
}
body[data-page="trabalhar"] .workerHero__main{
  padding: 24px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(7,13,27,.82), rgba(6,10,22,.72));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 60px rgba(0,0,0,.26);
  backdrop-filter: blur(14px);
}
body[data-page="trabalhar"] .workerHero__main::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 30px;
  background:
    radial-gradient(700px 220px at 20% 0%, rgba(245,158,11,.13), transparent 60%),
    radial-gradient(540px 220px at 100% 100%, rgba(59,130,246,.12), transparent 55%);
  pointer-events:none;
}
body[data-page="trabalhar"] .workerHero__topbar,
body[data-page="trabalhar"] .workerHero__grid,
body[data-page="trabalhar"] .statsStrip,
body[data-page="trabalhar"] .mapCard,
body[data-page="trabalhar"] .workerMetaGrid,
body[data-page="trabalhar"] .feeds,
body[data-page="trabalhar"] .workerBottomGrid{
  position: relative;
  z-index: 1;
}
body[data-page="trabalhar"] .workerHero__topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
  flex-wrap: wrap;
}
body[data-page="trabalhar"] .workerHero__grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: 18px;
  align-items: start;
}
body[data-page="trabalhar"] .workerHero__intro{
  display:flex;
  flex-direction:column;
  gap: 14px;
}
body[data-page="trabalhar"] .workerHero__title{
  margin: 0;
  font-size: clamp(34px, 4vw, 54px);
  line-height: .98;
  color: #fff;
  letter-spacing: -.04em;
  text-shadow: 0 14px 34px rgba(0,0,0,.22);
}
body[data-page="trabalhar"] .workerHero__subtitle{
  margin: 0;
  max-width: 700px;
  font-size: 17px;
  color: rgba(255,255,255,.84);
}
body[data-page="trabalhar"] .workerHero__highlights{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  max-width: 760px;
  margin-top: 6px;
}
body[data-page="trabalhar"] .workerHero__highlight{
  display:flex;
  align-items:flex-start;
  gap: 12px;
  padding: 16px 16px 15px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.14);
}
body[data-page="trabalhar"] .workerHero__highlightIcon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(245,158,11,.14);
  border: 1px solid rgba(245,158,11,.22);
  font-size: 20px;
  flex: 0 0 auto;
}
body[data-page="trabalhar"] .workerHero__highlight strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.2;
  margin-bottom:4px;
}
body[data-page="trabalhar"] .workerHero__highlight small{
  display:block;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.35;
}
body[data-page="trabalhar"] .workerSuccessNotice[hidden]{display:none !important;}
body[data-page="trabalhar"] .workerSuccessNotice{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  width:100%;
  max-width:560px;
  margin-top:10px;
  padding:14px 16px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.10));
  border:1px solid rgba(134,239,172,.34);
  color:#f8fff9;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
body[data-page="trabalhar"] .workerSuccessNotice strong{display:block;margin-bottom:2px;color:#ffffff}
body[data-page="trabalhar"] .workerSuccessNotice__close{
  border:0;
  background:rgba(255,255,255,.14);
  color:#fff;
  width:34px;
  height:34px;
  border-radius:999px;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  flex:0 0 auto;
}
body[data-page="trabalhar"] .workerSuccessNotice__close:hover{background:rgba(255,255,255,.22)}
body[data-page="trabalhar"] .miniProfile--modern{
  margin-top: 8px;
  width: 100%;
  max-width: 560px;
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 34px rgba(0,0,0,.18);
}
body[data-page="trabalhar"] .miniProfile--modern img{
  width: 104px;
  height: 104px;
  border-radius: 28px;
}
body[data-page="trabalhar"] .miniProfile__eyebrow{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(245,158,11,.82);
  font-weight: 800;
  margin-bottom: 4px;
}
body[data-page="trabalhar"] .miniProfile__name{
  font-size: 24px;
}
body[data-page="trabalhar"] .miniProfile__hint{
  font-size: 15px;
  line-height: 1.45;
}
body[data-page="trabalhar"] .workerHero__ctaCard{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 10px;
  min-height: 0;
  padding: 24px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(11,21,39,.92), rgba(10,16,31,.88)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
body[data-page="trabalhar"] .workerHero__ctaCard h2{
  margin: 0;
  font-size: 26px;
  line-height: 1.06;
}
body[data-page="trabalhar"] .workerHero__ctaBadge{
  align-self: flex-start;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(245,158,11,.12);
  border: 1px solid rgba(245,158,11,.26);
  color: #f6c25b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
body[data-page="trabalhar"] .workerHero__ctaActions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}
body[data-page="trabalhar"] .workerHero__ctaActions .btnSecondary,
body[data-page="trabalhar"] .workerQuickActions .btnSecondary{
  min-width: 180px;
  text-align:center;
}
body[data-page="trabalhar"] .statsStrip--modern{
  margin-top: 18px;
  gap: 14px;
}
body[data-page="trabalhar"] .statChip{
  align-items: flex-start;
  padding: 18px 18px 16px;
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
  min-height: 112px;
}
body[data-page="trabalhar"] .statChip__icon{
  width: 44px;
  height: 44px;
  display:grid;
  place-items:center;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  font-size: 22px;
  flex: 0 0 auto;
}
body[data-page="trabalhar"] .statChip__text{
  display:flex;
  flex-direction:column;
  gap: 4px;
  font-size: 15px;
}
body[data-page="trabalhar"] .statChip__text small{
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
}
body[data-page="trabalhar"] .statChip__text b{
  margin: 0;
  font-size: 30px;
  line-height: 1;
}
body[data-page="trabalhar"] .statChip--jobs{
  background: linear-gradient(135deg, rgba(255,142,53,.18), rgba(255,108,0,.12));
  border-color: rgba(255,142,53,.22);
}
body[data-page="trabalhar"] .statChip--online{
  background: linear-gradient(135deg, rgba(59,130,246,.18), rgba(37,99,235,.12));
  border-color: rgba(59,130,246,.22);
}
body[data-page="trabalhar"] .statChip--urgent{
  background: linear-gradient(135deg, rgba(34,197,94,.18), rgba(22,163,74,.12));
  border-color: rgba(34,197,94,.22);
}
body[data-page="trabalhar"] .mapCard--modern{
  margin-top: 18px;
  padding: 22px;
  border-radius: 28px;
}
body[data-page="trabalhar"] .sectionTitleRow--modern{
  align-items: flex-start;
  gap: 12px;
}
body[data-page="trabalhar"] .sectionTitleRow--modern h2{
  font-size: 28px;
}
body[data-page="trabalhar"] .mapCard__caption{
  margin: 6px 0 0;
}
body[data-page="trabalhar"] .mapCanvasWrap,
body[data-page="trabalhar"] .offlineMapReal{
  min-height: 360px;
  border-radius: 24px;
}
body[data-page="trabalhar"] .mapLegendColumn{
  min-height: 360px;
}
body[data-page="trabalhar"] .legendRow{
  padding: 16px 18px;
  border-radius: 20px;
}
body[data-page="trabalhar"] .legendTitle{
  font-size: 17px;
}
body[data-page="trabalhar"] .workerMetaGrid,
body[data-page="trabalhar"] .workerBottomGrid{
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
}
body[data-page="trabalhar"] .cardClean__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 14px;
}
body[data-page="trabalhar"] .cardClean__head h2{
  margin: 0;
}
body[data-page="trabalhar"] .workerMetaTag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.88);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body[data-page="trabalhar"] .workerMetaTag--gold{
  background: rgba(245,158,11,.14);
  border-color: rgba(245,158,11,.26);
  color: #f7c86a;
}
body[data-page="trabalhar"] .workerMetaTag--soft{
  background: rgba(59,130,246,.12);
  border-color: rgba(59,130,246,.22);
  color: #b8d2ff;
}
body[data-page="trabalhar"] .cardClean--modernLocation,
body[data-page="trabalhar"] .workerTipCard,
body[data-page="trabalhar"] .workerQuickActions,
body[data-page="trabalhar"] .newsCard,
body[data-page="trabalhar"] .feed{
  border-radius: 24px;
}
body[data-page="trabalhar"] .cardClean--modernLocation,
body[data-page="trabalhar"] .workerTipCard,
body[data-page="trabalhar"] .workerQuickActions{
  padding: 24px;
}
body[data-page="trabalhar"] .toggleRow--modern{
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.08);
}
body[data-page="trabalhar"] .feeds--modern{
  margin-top: 18px;
  gap: 18px;
  grid-template-columns: 1.12fr .88fr;
}
body[data-page="trabalhar"] .feed{
  padding: 22px;
}
body[data-page="trabalhar"] .feed__head--modern{
  margin-bottom: 18px;
}
body[data-page="trabalhar"] .feed__head--modern p{
  margin: 6px 0 0;
}
body[data-page="trabalhar"] .select,
body[data-page="trabalhar"] .chip,
body[data-page="trabalhar"] .pager__btn,
body[data-page="trabalhar"] .btnSmall,
body[data-page="trabalhar"] .newsLink{
  min-height: 46px;
  border-radius: 14px;
}
body[data-page="trabalhar"] .listCards{
  gap: 14px;
}
body[data-page="trabalhar"] .cardItem,
body[data-page="trabalhar"] .newsItem{
  border-radius: 18px;
  padding: 16px;
}
body[data-page="trabalhar"] .workerQuickActions__stack{
  display:grid;
  gap: 10px;
  margin-top: 8px;
}
body[data-page="trabalhar"] .workerQuickActions__divider{
  height: 1px;
  background: rgba(255,255,255,.08);
  margin: 4px 0 2px;
}
body[data-page="trabalhar"] .workerQuickActions__note{
  margin: 2px 2px 0;
  font-size: 12px;
  line-height: 1.5;
}
body[data-page="trabalhar"] .workerProInlineNotice{
  margin-top: 10px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(245,158,11,.18);
  background: linear-gradient(135deg, rgba(245,158,11,.08), rgba(255,255,255,.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
body[data-page="trabalhar"] .workerProInlineNotice__eyebrow{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(245,158,11,.14);
  border: 1px solid rgba(245,158,11,.24);
  color: #f7c86a;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body[data-page="trabalhar"] .workerProInlineNotice__content{
  margin-top: 10px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 14px;
  align-items: center;
}
body[data-page="trabalhar"] .workerProInlineNotice h3{
  margin: 0 0 6px;
  font-size: 1.06rem;
  line-height: 1.25;
}
body[data-page="trabalhar"] .workerProInlineNotice p{
  margin: 0;
  font-size: .95rem;
}
body[data-page="trabalhar"] .btnSecondary{
  text-align:center;
}
@media (max-width: 980px){
  body[data-page="trabalhar"] .workerHero__grid,
  body[data-page="trabalhar"] .workerMetaGrid,
  body[data-page="trabalhar"] .workerBottomGrid,
  body[data-page="trabalhar"] .feeds--modern{
    grid-template-columns: 1fr;
  }
  body[data-page="trabalhar"] .workerHero__main{
    padding: 18px;
    border-radius: 24px;
  }
  body[data-page="trabalhar"] .workerProInlineNotice__content{
    grid-template-columns: 1fr;
  }
  body[data-page="trabalhar"] .workerProInlineNotice .btnPrimary{
    width: 100%;
  }
  body[data-page="trabalhar"] .workerHero__title{
    font-size: 34px;
  }
  body[data-page="trabalhar"] .mapCanvasWrap,
  body[data-page="trabalhar"] .offlineMapReal,
  body[data-page="trabalhar"] .mapLegendColumn{
    min-height: 300px;
  }
}
@media (max-width: 640px){
  body[data-page="trabalhar"] .pageWrapClean.pageWrapNoTop{
    padding: 0 12px;
  }
  body[data-page="trabalhar"] .workerHero__topbar{
    align-items: stretch;
  }
  body[data-page="trabalhar"] .headerActions{
    width: 100%;
  }
  body[data-page="trabalhar"] .headerActions > *{
    flex: 1 1 0;
  }
  body[data-page="trabalhar"] .workerHero__title{
    font-size: 30px !important;
  }
  body[data-page="trabalhar"] .workerHero__subtitle{
    font-size: 15px;
  }
  body[data-page="trabalhar"] .workerSuccessNotice{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  width:100%;
  max-width:560px;
  margin-top:10px;
  padding:14px 16px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.10));
  border:1px solid rgba(134,239,172,.34);
  color:#f8fff9;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
body[data-page="trabalhar"] .workerSuccessNotice strong{display:block;margin-bottom:2px;color:#ffffff}
body[data-page="trabalhar"] .workerSuccessNotice__close{
  border:0;
  background:rgba(255,255,255,.14);
  color:#fff;
  width:34px;
  height:34px;
  border-radius:999px;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  flex:0 0 auto;
}
body[data-page="trabalhar"] .workerSuccessNotice__close:hover{background:rgba(255,255,255,.22)}
body[data-page="trabalhar"] .miniProfile--modern{
    min-width: 0;
    padding: 14px;
  }
  body[data-page="trabalhar"] .miniProfile--modern img{
    width: 84px;
    height: 84px;
    border-radius: 22px;
  }
  body[data-page="trabalhar"] .miniProfile__name{
    font-size: 20px;
  }
  body[data-page="trabalhar"] .workerHero__ctaCard,
  body[data-page="trabalhar"] .feed,
  body[data-page="trabalhar"] .cardClean--modernLocation,
  body[data-page="trabalhar"] .workerTipCard,
  body[data-page="trabalhar"] .workerQuickActions,
  body[data-page="trabalhar"] .newsCard,
  body[data-page="trabalhar"] .mapCard--modern{
    padding: 18px !important;
    border-radius: 20px;
  }
  body[data-page="trabalhar"] .statChip{
    min-height: auto;
  }
  body[data-page="trabalhar"] .statChip__text b{
    font-size: 26px;
  }
}


/* ===== Versão mais fiel aos mockups: contratar + publicar serviço ===== */
body[data-page="contratar"],
body[data-page="publicar-servico"]{
  background:
    radial-gradient(900px 460px at 50% 0%, rgba(245,192,56,.08), transparent 55%),
    linear-gradient(180deg, #071120 0%, #06101d 100%) !important;
  color:#f8fafc;
}
body[data-page="contratar"] .pageWrapClean,
body[data-page="publicar-servico"] .pageWrapClean{
  max-width:1180px;
  padding-top:26px;
}
body[data-page="contratar"] .headerRow--hero,
body[data-page="publicar-servico"] .headerRow--hero{
  align-items:flex-start;
  padding:18px 22px 0;
  margin-bottom:18px;
}
body[data-page="publicar-servico"] .headerRow--centered{
  justify-content:center;
  text-align:center;
}
body[data-page="contratar"] .badgeTop,
body[data-page="publicar-servico"] .breadcrumbTop{
  display:inline-flex;
  align-items:center;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
  font-weight:700;
  font-size:13px;
  letter-spacing:.01em;
  text-shadow:none;
}
body[data-page="contratar"] .titleClean,
body[data-page="publicar-servico"] .titleClean{
  color:#fff !important;
  font-size:56px;
  line-height:1.06;
  letter-spacing:-.03em;
  text-shadow:none !important;
  margin-top:18px !important;
}
body[data-page="publicar-servico"] .titleClean--big{max-width:820px;margin-left:auto !important;margin-right:auto !important;}
body[data-page="contratar"] .subClean,
body[data-page="publicar-servico"] .subClean{
  color:rgba(255,255,255,.8) !important;
  max-width:700px;
  font-size:23px;
  line-height:1.45;
  text-shadow:none !important;
  margin-top:12px;
}
body[data-page="publicar-servico"] .subClean--wide{max-width:760px;margin-left:auto;margin-right:auto;}
body[data-page="publicar-servico"] .headerActions--publishService{
  margin:24px auto 0;
  width:auto;
  max-width:240px;
  display:grid;
  grid-template-columns:1fr;
  justify-content:center;
}
body[data-page="publicar-servico"] .headerActions--publishService .btnHomeTop{
  min-height:58px;
  font-size:22px;
  padding:0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body[data-page="contratar"] .headerActions{max-width:286px;width:100%;grid-template-columns:1fr 1.1fr;gap:14px;}
body[data-page="contratar"] .btnHomeTop,
body[data-page="contratar"] .btnAccent,
body[data-page="publicar-servico"] .btnHomeTop,
body[data-page="publicar-servico"] .btnAccent{
  border-radius:18px !important;
  min-height:64px;
  font-size:28px;
  font-weight:800;
  box-shadow:0 12px 32px rgba(0,0,0,.22);
}
body[data-page="contratar"] .btnHomeTop,
body[data-page="publicar-servico"] .btnHomeTop{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
}
body[data-page="contratar"] .btnAccent,
body[data-page="publicar-servico"] .btnAccent,
body[data-page="publicar-servico"] #saveMission{
  background:linear-gradient(180deg, #ffd13d 0%, #f3b500 100%) !important;
  border:1px solid rgba(255,201,52,.95) !important;
  color:#111827 !important;
}
body[data-page="contratar"] .cardClean,
body[data-page="publicar-servico"] .cardClean{
  background:linear-gradient(180deg, rgba(12,25,51,.88), rgba(5,12,25,.92)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px !important;
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}
body[data-page="contratar"] .cardSearch{padding:26px;}
body[data-page="contratar"] .searchGrid,
body[data-page="publicar-servico"] .formGridBig{gap:16px;}
body[data-page="contratar"] .field,
body[data-page="publicar-servico"] .field{
  background:rgba(255,255,255,.02) !important;
  border-radius:22px;
}
body[data-page="contratar"] .field > span,
body[data-page="publicar-servico"] .field > span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:17px;
  margin-bottom:10px;
}
body[data-page="contratar"] .field input,
body[data-page="contratar"] .field textarea,
body[data-page="publicar-servico"] .field input,
body[data-page="publicar-servico"] .field textarea{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  min-height:66px;
  font-size:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-page="contratar"] .field input::placeholder,
body[data-page="contratar"] .field textarea::placeholder,
body[data-page="publicar-servico"] .field input::placeholder,
body[data-page="publicar-servico"] .field textarea::placeholder{
  color:rgba(255,255,255,.5) !important;
  -webkit-text-fill-color:rgba(255,255,255,.5) !important;
}
body[data-page="contratar"] .checkRow,
body[data-page="publicar-servico"] .checkRow{
  background:rgba(3,10,24,.38);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:14px 16px;
}
body[data-page="contratar"] .checkRow span,
body[data-page="publicar-servico"] .checkRow span{
  color:#fff !important;
  text-shadow:none !important;
}
body[data-page="contratar"] .btnSearch,
body[data-page="publicar-servico"] #saveMission{
  border-radius:18px !important;
  min-height:72px;
  font-size:20px;
  font-weight:900;
}
body[data-page="contratar"] .chipsRow--search{gap:12px;align-items:center;}
body[data-page="contratar"] .chip2{
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:#f8fafc;
}
body[data-page="contratar"] .chip2.active{
  background:rgba(255,201,52,.18) !important;
  border-color:rgba(255,201,52,.42) !important;
  color:#ffd24a !important;
}
body[data-page="contratar"] .statsStrip--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;}
body[data-page="contratar"] .statChip{
  min-height:72px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
}
body[data-page="contratar"] .statChip__text,
body[data-page="contratar"] .statChip__icon{color:#fff !important;}
body[data-page="contratar"] .statChip--button{justify-content:center;cursor:text;}
body[data-page="contratar"] .dashboardPair{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start;}
body[data-page="contratar"] .mapCard--dashboard,
body[data-page="contratar"] .workersPanelModern{padding:18px;min-height:100%;}
body[data-page="contratar"] .mapShell--single{display:block;}
body[data-page="contratar"] .mapCanvasWrap,
body[data-page="contratar"] .offlineMapReal{min-height:448px;border-radius:22px;overflow:hidden;}
body[data-page="contratar"] .workersList--single{grid-template-columns:1fr;gap:14px;}
body[data-page="contratar"] .workerCard{
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  padding:16px;
}
body[data-page="contratar"] .workerCard__photo{
  width:84px;height:84px;border-radius:50%;border:3px solid rgba(255,255,255,.10);
}
body[data-page="contratar"] .workerCard__name{font-size:19px;color:#fff !important;}
body[data-page="contratar"] .workerCard__meta,
body[data-page="contratar"] .workerCard__bio{color:rgba(255,255,255,.82) !important;text-shadow:none !important;}
body[data-page="contratar"] .workerCard__bio{font-size:14px;line-height:1.45;}
body[data-page="contratar"] .workerCard__price{
  border-radius:12px !important;
  min-width:92px;
  justify-content:center;
  font-size:14px;
}
body[data-page="contratar"] .workerCard__badge{border-radius:12px !important;padding:8px 12px;}
body[data-page="contratar"] .workerCard__actions .btnPrimary,
body[data-page="contratar"] .workerCard__actions .btnSecondary{
  min-height:48px;border-radius:14px !important;font-weight:800;
}
body[data-page="contratar"] .workerCard__actions .btnSecondary{
  background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.12) !important;color:#fff !important;
}
body[data-page="contratar"] .pager--modern{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:8px;
}
body[data-page="contratar"] .pager--modern .pager__btn{
  border-radius:12px;
  min-height:42px;
}
body[data-page="contratar"] .tipsBox--full{padding:22px;}
body[data-page="publicar-servico"] .gridPublishService{grid-template-columns:1fr;gap:20px;}
body[data-page="publicar-servico"] .publishCard--form{padding:24px;}
body[data-page="publicar-servico"] .publishCard--form .formGridBig{grid-template-columns:1fr 1fr;gap:16px;}
body[data-page="publicar-servico"] .publishCard--form .fieldFull{grid-column:1/-1;}
body[data-page="publicar-servico"] .formActions{margin-top:20px;display:flex;gap:12px;}
body[data-page="publicar-servico"] .formActions .btnSecondary{min-height:72px;border-radius:18px !important;display:inline-flex;align-items:center;justify-content:center;}
body[data-page="publicar-servico"] .publishCard--publications #publicationsList{grid-template-columns:1fr;}
body[data-page="publicar-servico"] .cardItem{
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
}
body[data-page="publicar-servico"] .cardItem__title{color:#fff !important;}
body[data-page="publicar-servico"] .cardItem__meta,
body[data-page="publicar-servico"] .cardItem__desc,
body[data-page="publicar-servico"] .muted{color:rgba(255,255,255,.8) !important;text-shadow:none !important;}
body[data-page="publicar-servico"] .pricePill{
  color:#111827 !important;
  background:linear-gradient(180deg, #ffd13d 0%, #f3b500 100%) !important;
  border:1px solid rgba(255,201,52,.92) !important;
}
@media (max-width: 980px){
  body[data-page="contratar"] .titleClean,
  body[data-page="publicar-servico"] .titleClean{font-size:42px;}
  body[data-page="contratar"] .subClean,
  body[data-page="publicar-servico"] .subClean{font-size:19px;}
  body[data-page="contratar"] .statsStrip--four,
  body[data-page="contratar"] .dashboardPair,
  body[data-page="publicar-servico"] .publishCard--form .formGridBig{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  body[data-page="contratar"] .pageWrapClean,
  body[data-page="publicar-servico"] .pageWrapClean{padding-top:14px;}
  body[data-page="contratar"] .headerRow--hero,
  body[data-page="publicar-servico"] .headerRow--hero{padding:8px 4px 0;}
  body[data-page="contratar"] .titleClean,
  body[data-page="publicar-servico"] .titleClean{font-size:28px;line-height:1.14;}
  body[data-page="contratar"] .subClean,
  body[data-page="publicar-servico"] .subClean{font-size:16px;}
  body[data-page="contratar"] .headerActions{max-width:none;}
  body[data-page="publicar-servico"] .headerActions--publishService{max-width:180px;margin-top:18px;}
  body[data-page="publicar-servico"] .headerActions--publishService .btnHomeTop{min-height:50px;font-size:16px;padding:0 20px;}
  body[data-page="contratar"] .btnHomeTop,
  body[data-page="contratar"] .btnAccent,
  body[data-page="publicar-servico"] .btnAccent,
  body[data-page="publicar-servico"] #saveMission,
  body[data-page="publicar-servico"] .formActions .btnSecondary{min-height:54px;font-size:16px;}
  body[data-page="contratar"] .cardSearch,
  body[data-page="contratar"] .mapCard--dashboard,
  body[data-page="contratar"] .workersPanelModern,
  body[data-page="publicar-servico"] .publishCard--form{padding:16px;}
  body[data-page="contratar"] .mapCanvasWrap,
  body[data-page="contratar"] .offlineMapReal{min-height:286px;}
  body[data-page="contratar"] .statChip{min-height:58px;}
}

/* ===== Worker register page aligned to mockup ===== */
body[data-page="publicar"]{
  background:
    radial-gradient(900px 460px at 50% 0%, rgba(245,192,56,.08), transparent 55%),
    linear-gradient(180deg, #071120 0%, #06101d 100%) !important;
  color:#f8fafc;
}
body[data-page="publicar"] .pageWrapClean{
  max-width:1180px;
  padding-top:26px;
}
body[data-page="publicar"] .workerRegisterTopbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 22px;
  margin-bottom:14px;
}
body[data-page="publicar"] .workerRegisterBrand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#fff;
  font-weight:900;
  font-size:20px;
}
body[data-page="publicar"] .workerRegisterBrand img{
  width:42px;
  height:42px;
  border-radius:14px;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}
body[data-page="publicar"] .workerRegisterTopbar__actions{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:14px;
  width:100%;
  max-width:430px;
}
body[data-page="publicar"] .headerRow--hero{
  align-items:flex-start;
  padding:18px 22px 0;
  margin-bottom:14px;
}
body[data-page="publicar"] .headerRow--centered{
  justify-content:center;
  text-align:center;
}
body[data-page="publicar"] .breadcrumbTop{
  display:inline-flex;
  align-items:center;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
  font-weight:700;
  font-size:13px;
  letter-spacing:.01em;
}
body[data-page="publicar"] .titleClean{
  color:#fff !important;
  font-size:56px;
  line-height:1.06;
  letter-spacing:-.03em;
  text-shadow:none !important;
}
body[data-page="publicar"] .titleClean--big{
  max-width:860px;
  margin-left:auto !important;
  margin-right:auto !important;
}
body[data-page="publicar"] .subClean{
  color:rgba(255,255,255,.8) !important;
  max-width:760px;
  font-size:23px;
  line-height:1.45;
  text-shadow:none !important;
  margin-top:12px;
  margin-left:auto;
  margin-right:auto;
}
body[data-page="publicar"] .workerRegisterStats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:16px 22px 0;
}
body[data-page="publicar"] .workerRegisterStat{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 38px rgba(0,0,0,.18);
}
body[data-page="publicar"] .workerRegisterStat__icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,201,52,.14);
  border:1px solid rgba(255,201,52,.28);
  font-size:20px;
}
body[data-page="publicar"] .workerRegisterStat__text{
  display:flex;
  flex-direction:column;
  gap:2px;
  color:#fff;
}
body[data-page="publicar"] .workerRegisterStat__text small{
  color:rgba(255,255,255,.62);
  font-size:12px;
  font-weight:700;
}
body[data-page="publicar"] .workerRegisterStat__text b{
  font-size:16px;
}
body[data-page="publicar"] .workerRegisterLayout{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:20px;
}
body[data-page="publicar"] .cardClean{
  background:linear-gradient(180deg, rgba(12,25,51,.88), rgba(5,12,25,.92)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px !important;
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}
body[data-page="publicar"] .workerRegisterSide,
body[data-page="publicar"] .workerRegisterForm{
  padding:24px;
}
body[data-page="publicar"] .workerRegisterSide__head,
body[data-page="publicar"] .workerRegisterForm__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
body[data-page="publicar"] .workerRegisterSide__head h2,
body[data-page="publicar"] .workerRegisterForm__head h2{
  margin:0;
  color:#fff;
}
body[data-page="publicar"] .workerRegisterSide__sub,
body[data-page="publicar"] .workerRegisterForm__head .muted,
body[data-page="publicar"] .muted,
body[data-page="publicar"] .workerRegisterFootnote{
  color:rgba(255,255,255,.8) !important;
  text-shadow:none !important;
}
body[data-page="publicar"] .workerMetaTag{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
}
body[data-page="publicar"] .workerMetaTag--gold{
  color:#111827;
  background:linear-gradient(180deg, #ffd13d 0%, #f3b500 100%);
  border-color:rgba(255,201,52,.9);
}
body[data-page="publicar"] .photoRow--modern{
  align-items:center;
  margin-top:18px;
}
body[data-page="publicar"] .photoBox--modern{
  width:168px;
  height:168px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  box-shadow:0 20px 34px rgba(0,0,0,.24);
}
body[data-page="publicar"] .photoOverlay{
  color:#fff;
  font-size:13px;
}
body[data-page="publicar"] .photoTips--modern .btnSecondary,
body[data-page="publicar"] .btnAccentGhost,
body[data-page="publicar"] .btnHomeTop{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
}
body[data-page="publicar"] .btnHomeTop,
body[data-page="publicar"] .btnAccent,
body[data-page="publicar"] .btnPrimaryModern,
body[data-page="publicar"] .btnAccentGhost{
  border-radius:18px !important;
  min-height:64px;
  font-size:18px;
  font-weight:800;
  box-shadow:0 12px 32px rgba(0,0,0,.22);
}
body[data-page="publicar"] .btnAccent,
body[data-page="publicar"] .btnPrimaryModern{
  background:linear-gradient(180deg, #ffd13d 0%, #f3b500 100%) !important;
  border:1px solid rgba(255,201,52,.95) !important;
  color:#111827 !important;
}
body[data-page="publicar"] .workerPreview--mockup{
  margin-top:18px;
  gap:16px;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
}
body[data-page="publicar"] .workerPreview__left img{
  width:92px;
  height:92px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.10);
}
body[data-page="publicar"] .workerPreview__name{
  color:#fff;
  font-size:30px;
  line-height:1.06;
}
body[data-page="publicar"] .workerPreview__meta,
body[data-page="publicar"] .workerPreview__bio,
body[data-page="publicar"] .workerPreview__rating{
  color:rgba(255,255,255,.82);
  text-shadow:none;
}
body[data-page="publicar"] .workerPreview__rating{
  margin-top:8px;
  font-weight:700;
}
body[data-page="publicar"] .workerPreview__pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
body[data-page="publicar"] .workerPreview__price{
  margin-top:0;
  min-width:104px;
  justify-content:center;
  color:#111827;
  background:linear-gradient(180deg, #ffd13d 0%, #f3b500 100%);
  border:1px solid rgba(255,201,52,.92);
}
body[data-page="publicar"] .workerPreview__badge{
  margin-top:0;
  background:linear-gradient(180deg, rgba(58,173,93,.96), rgba(40,140,70,.96));
  border:1px solid rgba(95,208,122,.35);
  color:#fff;
}
body[data-page="publicar"] .workerRegisterTips{
  margin-top:18px;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
body[data-page="publicar"] .workerRegisterTips h3{
  margin:0 0 12px;
  color:#fff;
  font-size:22px;
}
body[data-page="publicar"] .formGridBig{
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:18px;
}
body[data-page="publicar"] .field{
  background:rgba(255,255,255,.02) !important;
  border-radius:22px;
}
body[data-page="publicar"] .field > span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:17px;
  margin-bottom:10px;
  text-shadow:none !important;
}
body[data-page="publicar"] .field input,
body[data-page="publicar"] .field textarea{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  min-height:66px;
  font-size:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-page="publicar"] .field textarea{
  min-height:160px;
}
body[data-page="publicar"] .field input::placeholder,
body[data-page="publicar"] .field textarea::placeholder{
  color:rgba(255,255,255,.5) !important;
  -webkit-text-fill-color:rgba(255,255,255,.5) !important;
}
body[data-page="publicar"] .checkRow--mockup{
  background:rgba(3,10,24,.38);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:14px 16px;
}
body[data-page="publicar"] .checkRow--mockup input{
  accent-color:#f3b500;
}
body[data-page="publicar"] .checkRow--mockup span{
  color:#fff !important;
}
body[data-page="publicar"] .workerRegisterFirebase{
  margin:14px 0 0;
  font-size:12px;
}
body[data-page="publicar"] .workerRegisterActions{
  margin-top:20px;
  display:flex;
  gap:12px;
}
body[data-page="publicar"] .workerRegisterActions .btnSecondary{
  min-height:72px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body[data-page="publicar"] .workerRegisterFootnote{
  margin-top:12px;
  font-size:12px;
}
@media (max-width: 980px){
  body[data-page="publicar"] .titleClean{font-size:42px;}
  body[data-page="publicar"] .subClean{font-size:19px;}
  body[data-page="publicar"] .workerRegisterStats,
  body[data-page="publicar"] .workerRegisterLayout,
  body[data-page="publicar"] .formGridBig{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  body[data-page="publicar"] .pageWrapClean{padding-top:14px;}
  body[data-page="publicar"] .workerRegisterTopbar{
    padding:0 4px;
    flex-direction:column;
    align-items:stretch;
  }
  body[data-page="publicar"] .workerRegisterTopbar__actions{max-width:none;grid-template-columns:1fr 1fr;}
  body[data-page="publicar"] .headerRow--hero{padding:8px 4px 0;}
  body[data-page="publicar"] .titleClean{font-size:28px;line-height:1.14;}
  body[data-page="publicar"] .subClean{font-size:16px;}
  body[data-page="publicar"] .workerRegisterSide,
  body[data-page="publicar"] .workerRegisterForm{padding:16px;}
  body[data-page="publicar"] .btnHomeTop,
  body[data-page="publicar"] .btnAccent,
  body[data-page="publicar"] .btnPrimaryModern,
  body[data-page="publicar"] .btnAccentGhost,
  body[data-page="publicar"] .workerRegisterActions .btnSecondary{min-height:54px;font-size:16px;}
  body[data-page="publicar"] .workerPreview__name{font-size:24px;}
  body[data-page="publicar"] .workerRegisterActions{flex-direction:column;}
}


/* ===== Worker register v24 more identical ===== */
body[data-page="publicar"] .workerRegisterHeroGlass{
  position:relative;
  margin:0 22px 10px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(7,13,27,.84), rgba(6,10,22,.72));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 60px rgba(0,0,0,.28);
  overflow:hidden;
}
body[data-page="publicar"] .workerRegisterHeroGlass::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(680px 260px at 18% 0%, rgba(245,158,11,.16), transparent 58%),
    radial-gradient(540px 240px at 100% 100%, rgba(59,130,246,.14), transparent 52%);
  pointer-events:none;
}
body[data-page="publicar"] .workerRegisterHero{
  position:relative;
  z-index:1;
  min-height:250px;
  display:flex;
  align-items:center;
}
body[data-page="publicar"] .badgeTop--hero{
  display:inline-flex;
  margin-bottom:14px;
  background:rgba(255,209,61,.12);
  border:1px solid rgba(255,209,61,.26);
  color:#ffd562;
}
body[data-page="publicar"] .workerRegisterStats,
body[data-page="publicar"] .workerRegisterLayout{margin-left:22px;margin-right:22px;}
body[data-page="publicar"] .workerRegisterStat{
  min-height:90px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
}
body[data-page="publicar"] .workerRegisterSide,
body[data-page="publicar"] .workerRegisterForm{backdrop-filter:blur(10px);}
body[data-page="publicar"] .workerRegisterForm{
  padding:28px;
}
body[data-page="publicar"] .workerRegisterSide{
  padding:28px;
}
body[data-page="publicar"] .photoRow--modern{align-items:flex-start; gap:16px;}
body[data-page="publicar"] .photoBox--modern{
  width:176px;
  height:176px;
  border-radius:30px;
}
body[data-page="publicar"] .photoBox--modern img{border-radius:30px;}
body[data-page="publicar"] .workerPreview--mockup{
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-page="publicar"] .workerPreview__topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
body[data-page="publicar"] .workerPreview__miniTag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
body[data-page="publicar"] .workerPreview__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
body[data-page="publicar"] .btnSecondaryPreview,
body[data-page="publicar"] .btnPrimaryPreview{
  min-height:46px;
  border-radius:14px !important;
  font-size:14px !important;
  padding:0 16px;
  box-shadow:none !important;
}
body[data-page="publicar"] .btnSecondaryPreview{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
}
body[data-page="publicar"] .field{
  padding:0;
  background:transparent !important;
}
body[data-page="publicar"] .inputShell{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:68px;
  padding:0 18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-page="publicar"] .inputShell--textarea{
  align-items:flex-start;
  padding-top:16px;
  padding-bottom:16px;
}
body[data-page="publicar"] .inputIcon{
  width:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 24px;
  font-size:18px;
  opacity:.9;
}
body[data-page="publicar"] .field input,
body[data-page="publicar"] .field textarea{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
body[data-page="publicar"] .field textarea{min-height:132px;}
body[data-page="publicar"] .checkRow--mockup{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:64px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
body[data-page="publicar"] .workerRegisterFirebase,
body[data-page="publicar"] .workerRegisterFootnote{font-size:13px;}
@media (max-width:980px){
  body[data-page="publicar"] .workerRegisterHeroGlass,
  body[data-page="publicar"] .workerRegisterStats,
  body[data-page="publicar"] .workerRegisterLayout{margin-left:0;margin-right:0;}
}
@media (max-width:720px){
  body[data-page="publicar"] .workerRegisterHeroGlass{margin:0 0 10px;border-radius:24px;}
  body[data-page="publicar"] .workerRegisterHero{min-height:auto;}
  body[data-page="publicar"] .photoRow--modern{flex-direction:column;}
  body[data-page="publicar"] .photoBox--modern{width:148px;height:148px;border-radius:24px;}
  body[data-page="publicar"] .photoBox--modern img{border-radius:24px;}
  body[data-page="publicar"] .workerPreview__topline{flex-direction:column;}
  body[data-page="publicar"] .workerPreview__actions{flex-direction:column;}
  body[data-page="publicar"] .btnSecondaryPreview,
  body[data-page="publicar"] .btnPrimaryPreview{width:100%;}
}

/* worker page matched to publicar-servico */
body[data-page="publicar"] .workerHeaderMatch{margin:0 auto 0; max-width:980px;}
body[data-page="publicar"] .gridPublishWorker{grid-template-columns:1fr;gap:20px;}
body[data-page="publicar"] .publishCard--worker{padding:24px;}
body[data-page="publicar"] .publishCard--worker .formGridBig{grid-template-columns:1fr 1fr;gap:16px;}
body[data-page="publicar"] .publishCard--worker .fieldFull{grid-column:1/-1;}
body[data-page="publicar"] .workerPhotoPanel{display:flex;align-items:center;gap:16px;padding:10px 0 2px;}
body[data-page="publicar"] .workerPhotoPanel__text{display:flex;flex-direction:column;gap:8px;}
body[data-page="publicar"] .workerPhotoPanel__btn{width:auto;align-self:flex-start;}
body[data-page="publicar"] .workerPhotoField .photoBox{width:110px;height:110px;flex:0 0 110px;}
body[data-page="publicar"] .checkRow--workerMatch{margin-top:0;}
body[data-page="publicar"] .workerRegisterActions--match .btnSecondary{min-height:56px;display:inline-flex;align-items:center;justify-content:center;}
body[data-page="publicar"] .publishCard--workerPreview #workerPreview{margin-top:14px;}
body[data-page="publicar"] .publishCard--workerTips .tipLine{margin-top:10px;}
body[data-page="publicar"] .workerRegisterFirebase, body[data-page="publicar"] .workerRegisterFootnote{font-size:12px;}
@media (max-width: 900px){
  body[data-page="publicar"] .publishCard--worker .formGridBig{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  body[data-page="publicar"] .publishCard--worker{padding:16px;}
  body[data-page="publicar"] .workerPhotoPanel{flex-direction:column;align-items:flex-start;}
  body[data-page="publicar"] .workerPhotoField .photoBox{width:96px;height:96px;flex-basis:96px;}
  body[data-page="publicar"] .workerRegisterActions--match{flex-direction:column;}
  body[data-page="publicar"] .workerRegisterActions--match .btnSecondary{width:100%;}
}



/* v26: worker register closer to publicar-servico */
body[data-page="publicar"] .gridPublishWorker--serviceLike{grid-template-columns:1fr;gap:18px;}
body[data-page="publicar"] .publishCard--workerServiceLike{max-width:100%;}
body[data-page="publicar"] .publishCard--workerServiceLike .formGridBig--workerServiceLike{grid-template-columns:1fr;gap:16px;}
body[data-page="publicar"] .publishCard--workerServiceLike .field,
body[data-page="publicar"] .publishCard--workerServiceLike .checkRow{
  grid-column:1/-1;
}
body[data-page="publicar"] .publishCard--workerServiceLike .workerPhotoPanel{
  display:flex;
  align-items:center;
  gap:14px;
  padding:2px 0 0;
}
body[data-page="publicar"] .publishCard--workerServiceLike .photoBox{
  width:96px;
  height:96px;
  flex:0 0 96px;
}
body[data-page="publicar"] .publishCard--workerServiceLike .workerPhotoPanel__text{
  gap:6px;
}
body[data-page="publicar"] .publishCard--workerServiceLike .formActions{
  margin-top:18px;
}
body[data-page="publicar"] .publishCard--workerPreviewBelow,
body[data-page="publicar"] .publishCard--workerTips{
  max-width:100%;
}
@media (max-width:640px){
  body[data-page="publicar"] .publishCard--workerServiceLike .workerPhotoPanel{
    flex-direction:column;
    align-items:flex-start;
  }
  body[data-page="publicar"] .publishCard--workerServiceLike .photoBox{
    width:92px;
    height:92px;
    flex-basis:92px;
  }
}


/* v27: worker register mirrored to publicar-servico */
body[data-page="publicar"] .gridPublishWorker--serviceMirror{grid-template-columns:1fr;gap:18px;}
body[data-page="publicar"] .publishCard--workerMirror{max-width:100%;}
body[data-page="publicar"] .publishCard--workerMirror .formGridBig--workerMirror{grid-template-columns:1fr;gap:16px;}
body[data-page="publicar"] .publishCard--workerMirror .field,
body[data-page="publicar"] .publishCard--workerMirror .checkRow{grid-column:1/-1;}
body[data-page="publicar"] .publishCard--workerPhotoMirror,
body[data-page="publicar"] .publishCard--workerPreviewBelow,
body[data-page="publicar"] .publishCard--workerTips{max-width:100%;}
body[data-page="publicar"] .workerPhotoPanel--mirror{display:flex;align-items:center;gap:16px;margin-top:14px;}
body[data-page="publicar"] .workerPhotoPanel--mirror .photoBox{width:104px;height:104px;flex:0 0 104px;}
body[data-page="publicar"] .workerPhotoPanel--mirror .workerPhotoPanel__text{display:flex;flex-direction:column;gap:10px;}
@media (max-width:640px){
  body[data-page="publicar"] .workerPhotoPanel--mirror{flex-direction:column;align-items:flex-start;}
}


/* ===== Mirror publicar-servico on worker register ===== */
body[data-page="publicar"] .gridPublishWorker{grid-template-columns:1fr;gap:20px;}
body[data-page="publicar"] .publishCard--form{padding:24px;}
body[data-page="publicar"] .publishCard--form .formGridBig{grid-template-columns:1fr;gap:16px;}
body[data-page="publicar"] .publishCard--form .fieldFull{grid-column:1/-1;}
body[data-page="publicar"] .formActions{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;}
body[data-page="publicar"] .formActions .btnSecondary{min-height:72px;border-radius:18px !important;display:inline-flex;align-items:center;justify-content:center;}
body[data-page="publicar"] .field{background:rgba(255,255,255,.02) !important;border-radius:22px;}
body[data-page="publicar"] .field > span{color:#fff !important;-webkit-text-fill-color:#fff !important;font-size:17px;margin-bottom:10px;}
body[data-page="publicar"] .field input,
body[data-page="publicar"] .field textarea{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04)) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:18px !important;color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;min-height:66px;font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
body[data-page="publicar"] .field input::placeholder,
body[data-page="publicar"] .field textarea::placeholder{color:rgba(255,255,255,.5) !important;-webkit-text-fill-color:rgba(255,255,255,.5) !important;}
body[data-page="publicar"] .checkRow{background:rgba(3,10,24,.38);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px 16px;}
body[data-page="publicar"] .checkRow span{color:#fff !important;text-shadow:none !important;}
body[data-page="publicar"] [data-save-profile]{border-radius:18px !important;min-height:72px;font-size:20px;font-weight:900;}
body[data-page="publicar"] .publishCard--publications,
body[data-page="publicar"] .publishCard--tips{padding:24px;}
body[data-page="publicar"] .workerRegisterFirebase,
body[data-page="publicar"] .workerRegisterFootnote,
body[data-page="publicar"] .publishCard--publications .muted,
body[data-page="publicar"] .publishCard--tips .muted{color:rgba(255,255,255,.8) !important;text-shadow:none !important;}
body[data-page="publicar"] #removeProfileBtn{border:1px solid rgba(255,99,99,.35) !important;background:rgba(255,99,99,.10) !important;color:#fff !important;}
body[data-page="publicar"] #removeProfileBtn:hover{background:rgba(255,99,99,.16) !important;}
body[data-page="publicar"] .workerPhotoPanel--mirror{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
body[data-page="publicar"] .workerPreview--serviceLike{border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);}
body[data-page="publicar"] .workerPreview__name{color:#fff !important;}
body[data-page="publicar"] .workerPreview__meta,
body[data-page="publicar"] .workerPreview__bio,
body[data-page="publicar"] .workerPreview__rating{color:rgba(255,255,255,.82) !important;text-shadow:none !important;}
@media (max-width: 980px){
  body[data-page="publicar"] .formActions{flex-direction:column;}
  body[data-page="publicar"] .formActions .btnSecondary,
  body[data-page="publicar"] [data-save-profile]{width:100%;}
}

/* ===== Contratar visual aligned to reference ===== */
body[data-page="contratar"] .pageWrapClean{
  max-width:1280px;
  padding-top:28px;
}
body[data-page="contratar"] .hireHeroModern{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:24px;
  align-items:start;
  padding:10px 18px 0;
}
body[data-page="contratar"] .hireTopStatus{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
body[data-page="contratar"] .hireTopStatus__pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(17,80,50,.92), rgba(12,59,38,.92));
  border:1px solid rgba(67,225,126,.28);
  color:#ebfff3;
  font-weight:800;
  font-size:16px;
  box-shadow:0 14px 30px rgba(8,28,19,.28);
}
body[data-page="contratar"] .hireTopStatus__pulse{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#4cff81;
  box-shadow:0 0 0 4px rgba(76,255,129,.16), 0 0 18px rgba(76,255,129,.68);
}
body[data-page="contratar"] .hireTopStatus__text{
  color:rgba(255,255,255,.78);
  font-size:18px;
  font-weight:500;
}
body[data-page="contratar"] .titleClean--hire{
  font-size:62px !important;
  line-height:1.02;
  max-width:880px;
  letter-spacing:-.045em;
}
body[data-page="contratar"] .subClean--hire{
  font-size:20px !important;
  margin-top:14px;
  max-width:800px;
}
body[data-page="contratar"] .hireHeroCta{
  background:linear-gradient(180deg, rgba(22,24,36,.94), rgba(13,16,28,.96));
  border:2px solid rgba(255,193,7,.78);
  border-radius:30px;
  padding:26px;
  box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
body[data-page="contratar"] .hireHeroCta__title{
  color:#ffcb2c;
  font-size:24px;
  font-weight:900;
  line-height:1.15;
}
body[data-page="contratar"] .hireHeroCta__desc{
  color:rgba(255,255,255,.82);
  font-size:18px;
  line-height:1.4;
  margin-top:12px;
}
body[data-page="contratar"] .hireHeroCta__button{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  min-height:64px;
  border-radius:20px;
  background:linear-gradient(180deg, #ffd13d 0%, #f3b500 100%);
  color:#111827;
  font-size:18px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 12px 26px rgba(245,189,23,.26);
}
body[data-page="contratar"] .hireHeroCta__links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
body[data-page="contratar"] .hireHeroCta__link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  font-weight:800;
  text-decoration:none;
}
body[data-page="contratar"] .hireHeroCta__link--accent{
  background:rgba(255,196,26,.14);
  border-color:rgba(255,196,26,.34);
  color:#ffcf33;
}
body[data-page="contratar"] .statsStrip--hireModern{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:18px;
  padding:0 18px;
}
body[data-page="contratar"] .statChip--modern{
  position:relative;
  min-height:92px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 22px;
  background:linear-gradient(180deg, rgba(11,24,48,.9), rgba(6,16,34,.92));
  border:1px solid rgba(255,255,255,.08);
  border-right:none;
  border-radius:0;
}
body[data-page="contratar"] .statChip--modern:first-child{
  border-radius:24px 0 0 24px;
}
body[data-page="contratar"] .statChip--modern:last-child{
  border-right:1px solid rgba(255,255,255,.08);
  border-radius:0 24px 24px 0;
}
body[data-page="contratar"] .statChip--modern::after{
  content:"";
  position:absolute;
  top:18px;
  right:0;
  width:1px;
  height:calc(100% - 36px);
  background:rgba(255,255,255,.12);
}
body[data-page="contratar"] .statChip--modern:last-child::after{display:none;}
body[data-page="contratar"] .statChip--modern .statChip__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  color:#fff;
  font-size:30px;
}
body[data-page="contratar"] .statChip__line{
  color:#fff;
  font-size:17px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
body[data-page="contratar"] .statChip__line b{
  font-size:28px;
  line-height:1;
}
body[data-page="contratar"] .onlineDot{
  width:18px;
  height:18px;
  border-radius:50%;
  display:block;
  background:radial-gradient(circle at 30% 30%, #8aff95, #10b63e 65%);
  box-shadow:0 0 0 4px rgba(21,178,68,.12), 0 0 18px rgba(21,178,68,.5);
}
body[data-page="contratar"] .statChip__locationWrap{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
body[data-page="contratar"] .statChip__locationTitle{
  color:#f8fafc;
  font-weight:800;
  font-size:16px;
}
body[data-page="contratar"] .statChip__locationMeta{
  color:rgba(255,255,255,.7);
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:240px;
}
body[data-page="contratar"] .statChip__tag{
  margin-left:auto;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,196,26,.16);
  border:1px solid rgba(255,196,26,.28);
  color:#ffcf4b;
  font-size:13px;
  font-weight:800;
  text-transform:lowercase;
}
body[data-page="contratar"] .cardSearch--hireModern{
  margin:16px 18px 0;
  padding:18px 18px 18px;
  border-radius:30px !important;
  box-shadow:0 22px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-page="contratar"] .searchGrid--hireModern{
  display:grid;
  grid-template-columns:2fr 1.3fr .85fr .78fr .95fr;
  gap:14px;
  align-items:end;
}
body[data-page="contratar"] .field--modern{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}
body[data-page="contratar"] .field--modern > span{
  font-size:15px !important;
  font-weight:800;
  margin-bottom:10px !important;
}
body[data-page="contratar"] .field--modern input{
  min-height:60px !important;
  border-radius:18px !important;
  font-size:18px;
  font-weight:700;
  background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.045)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  padding:0 18px !important;
}
body[data-page="contratar"] .field--city input{padding-right:18px !important;}
body[data-page="contratar"] .fieldActionWrap{position:relative;}
body[data-page="contratar"] .fieldIconBtn{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:none;
  border-radius:14px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}
body[data-page="contratar"] .checkInline--modern{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 16px;
  background:rgba(3,10,24,.55);
}
body[data-page="contratar"] .checkInline--modern input{
  width:22px;height:22px;accent-color:#19cc61;
}
body[data-page="contratar"] .checkInline--modern span{
  font-size:16px;
  font-weight:800;
  line-height:1.15;
}
body[data-page="contratar"] .btnSearch--hire{
  min-height:60px !important;
  border-radius:18px !important;
  font-size:18px !important;
  box-shadow:0 14px 28px rgba(245,189,23,.2);
}
body[data-page="contratar"] .chipsRow--hireModern{
  margin-top:14px;
  gap:12px;
}
body[data-page="contratar"] .chip2{
  min-height:46px;
  border-radius:999px;
  font-weight:800;
  padding:0 18px;
}
body[data-page="contratar"] .chip2.active{
  background:rgba(255,193,7,.16) !important;
  color:#ffd257 !important;
  border-color:rgba(255,193,7,.34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body[data-page="contratar"] .chip2--white{
  background:#f8fafc !important;
  border-color:#f8fafc !important;
  color:#0f172a !important;
}
body[data-page="contratar"] .dashboardPair--hireModern{
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:18px;
  margin:18px 18px 0 !important;
}
body[data-page="contratar"] .mapCard--hireModern,
body[data-page="contratar"] .workersPanelModern--hireModern{
  padding:18px 18px 16px;
}
body[data-page="contratar"] .sectionTitleRow--hireModern{
  margin-bottom:14px;
}
body[data-page="contratar"] .sectionTitleRow--hireModern h2{
  color:#fff;
  font-size:24px;
  letter-spacing:-.03em;
}
body[data-page="contratar"] .workersPanelMeta{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  margin-left:auto;
}
body[data-page="contratar"] .workersPanelMeta__count{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#f8fafc;
  font-size:16px;
  font-weight:700;
}
body[data-page="contratar"] .workersPanelMeta__dot{
  width:12px;height:12px;border-radius:50%;background:#1ad65e;box-shadow:0 0 12px rgba(26,214,94,.42);
}
body[data-page="contratar"] .workersPanelMeta__sort{
  background:transparent;
  border:none;
  color:rgba(255,255,255,.88);
  font-size:15px;
  font-weight:700;
  cursor:default;
}
body[data-page="contratar"] .mapCanvasWrap--hireModern,
body[data-page="contratar"] .offlineMapReal{
  min-height:430px !important;
  border-radius:24px !important;
}
body[data-page="contratar"] .mapLegendColumn,
body[data-page="contratar"] .mapLegendPager,
body[data-page="contratar"] .mapLegendBackWrap{display:none !important;}
body[data-page="contratar"] .mapCanvasWrap--hireModern{
  position:relative;
  overflow:hidden;
}
body[data-page="contratar"] .mapModeBadge{
  top:16px !important;
  right:16px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(14,115,73,.95), rgba(10,83,54,.95)) !important;
  border:1px solid rgba(59,227,121,.28) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:0 10px 24px rgba(7,31,21,.28);
}
body[data-page="contratar"] .mapOverlayPill{
  position:absolute;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  border-radius:999px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
}
body[data-page="contratar"] .mapOverlayPill--price{
  left:18px;
  top:16px;
  background:linear-gradient(180deg, #2b68ff 0%, #1f4ed8 100%);
  color:#fff;
  font-size:18px;
  display:none;
}
body[data-page="contratar"] .mapOverlayPill--footer{
  left:18px;
  bottom:18px;
  background:rgba(255,255,255,.9);
  color:#0f172a;
  font-size:14px;
  font-weight:800;
}
body[data-page="contratar"] .workersList--hireModern{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
body[data-page="contratar"] .workerCard--hireModern{
  background:linear-gradient(180deg, rgba(10,22,46,.9), rgba(7,15,32,.92));
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  padding:16px 18px 14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-page="contratar"] .workerCardModern__topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
body[data-page="contratar"] .workerCard__badge--online{
  background:linear-gradient(180deg, rgba(19,132,77,.95), rgba(10,86,51,.95)) !important;
  border:1px solid rgba(54,226,119,.28) !important;
  color:#edfff3 !important;
}
body[data-page="contratar"] .workerCard__badge--soft{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
}
body[data-page="contratar"] .workerCardModern__distance{
  color:#fff;
  font-weight:900;
  font-size:16px;
}
body[data-page="contratar"] .workerCardModern__distance--approx{
  color:#d7e7ff;
  font-size:14px;
  font-weight:800;
}
body[data-page="contratar"] .workerCard__top--hireModern{
  align-items:flex-start;
  gap:14px;
}
body[data-page="contratar"] .workerCard__photo--hireModern{
  width:86px !important;
  height:86px !important;
  border-radius:22px !important;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.14) !important;
}
body[data-page="contratar"] .workerCard__name--hireModern{
  font-size:20px !important;
  line-height:1.1;
}
body[data-page="contratar"] .workerCard__meta--city,
body[data-page="contratar"] .workerCard__meta--rating{
  font-size:15px !important;
  color:rgba(255,255,255,.82) !important;
}
body[data-page="contratar"] .workerStars{
  color:#ffd257;
  letter-spacing:1px;
  font-size:18px;
  vertical-align:middle;
}
body[data-page="contratar"] .workerCard__service{
  color:rgba(255,255,255,.95);
  font-size:15px;
  font-weight:700;
  margin-top:14px;
}
body[data-page="contratar"] .workerCard__bio--hireModern{
  margin-top:10px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  min-height:56px;
}
body[data-page="contratar"] .workerCard__row--hireModern{
  margin-top:10px;
}
body[data-page="contratar"] .workerCard__price--hireModern{
  min-width:138px !important;
  min-height:42px;
  border-radius:999px !important;
  padding:0 18px !important;
  background:linear-gradient(180deg, #ffd13d 0%, #f3b500 100%) !important;
  color:#111827 !important;
  border:1px solid rgba(255,201,52,.96) !important;
  font-weight:900 !important;
  font-size:16px !important;
}
body[data-page="contratar"] .workerCard__actions--hireModern{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:12px;
  margin-top:14px;
}
body[data-page="contratar"] .workerCard__actions--hireModern .btnPrimary,
body[data-page="contratar"] .workerCard__actions--hireModern .btnSecondary{
  min-height:54px !important;
  border-radius:18px !important;
  font-size:16px !important;
}
body[data-page="contratar"] .workerCard__actions--hireModern .btnPrimary{
  box-shadow:0 12px 24px rgba(245,189,23,.2);
}
body[data-page="contratar"] .workerCard__footerNote{
  text-align:center;
  color:rgba(255,255,255,.68);
  font-size:14px;
  font-weight:700;
  margin-top:12px;
}
body[data-page="contratar"] .emptyState--hireModern{
  padding:26px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px dashed rgba(255,255,255,.14);
  color:#fff;
}
@media (max-width: 1200px){
  body[data-page="contratar"] .hireHeroModern{grid-template-columns:1fr;}
  body[data-page="contratar"] .titleClean--hire{font-size:54px !important;}
  body[data-page="contratar"] .statsStrip--hireModern{grid-template-columns:1fr 1fr;gap:12px;}
  body[data-page="contratar"] .statChip--modern{border-radius:22px !important;border-right:1px solid rgba(255,255,255,.08);} 
  body[data-page="contratar"] .statChip--modern::after{display:none;}
  body[data-page="contratar"] .searchGrid--hireModern{grid-template-columns:1fr 1fr;}
  body[data-page="contratar"] .dashboardPair--hireModern{grid-template-columns:1fr;}
}
@media (max-width: 780px){
  body[data-page="contratar"] .pageWrapClean{padding-top:14px;}
  body[data-page="contratar"] .hireHeroModern,
  body[data-page="contratar"] .statsStrip--hireModern{padding-left:8px;padding-right:8px;}
  body[data-page="contratar"] .cardSearch--hireModern,
  body[data-page="contratar"] .dashboardPair--hireModern{margin-left:8px !important;margin-right:8px !important;}
  body[data-page="contratar"] .titleClean--hire{font-size:34px !important;line-height:1.08;}
  body[data-page="contratar"] .subClean--hire{font-size:16px !important;}
  body[data-page="contratar"] .hireTopStatus__text{font-size:14px;}
  body[data-page="contratar"] .hireHeroCta{padding:18px;}
  body[data-page="contratar"] .hireHeroCta__title{font-size:20px;}
  body[data-page="contratar"] .hireHeroCta__desc{font-size:15px;}
  body[data-page="contratar"] .statsStrip--hireModern{grid-template-columns:1fr;}
  body[data-page="contratar"] .searchGrid--hireModern{grid-template-columns:1fr;}
  body[data-page="contratar"] .chipsRow--hireModern{flex-wrap:wrap;}
  body[data-page="contratar"] .sectionTitleRow--workersModern{align-items:flex-start;}
  body[data-page="contratar"] .workersPanelMeta{margin-left:0;}
  body[data-page="contratar"] .mapCanvasWrap--hireModern,
  body[data-page="contratar"] .offlineMapReal{min-height:300px !important;}
  body[data-page="contratar"] .workerCard__actions--hireModern{grid-template-columns:1fr;}
  body[data-page="contratar"] .mapOverlayPill--price{top:14px;left:14px;font-size:15px;padding:10px 14px;}
  body[data-page="contratar"] .mapOverlayPill--footer{left:14px;bottom:14px;font-size:12px;padding:9px 12px;max-width:calc(100% - 28px);} 
}


/* ===== Expandir mapa ===== */
.mapExpandActions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.mapExpandButtons{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.mapExpandHint{
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:700;
}
.mapExpandBtn,
.mapOnlyBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(0,0,0,.16);
  transition:background .18s ease, transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.mapExpandBtn{
  background:rgba(255,255,255,.07);
}
.mapExpandBtn:hover{
  background:rgba(255,255,255,.11);
  transform:translateY(-1px);
}
.mapOnlyBtn{
  background:rgba(35,197,94,.14);
  border-color:rgba(35,197,94,.28);
}
.mapOnlyBtn:hover{
  background:rgba(35,197,94,.2);
  transform:translateY(-1px);
}
.map-expanded-open{
  overflow:hidden;
}
.mapCard.is-expanded,
.mapCard:fullscreen{
  position:fixed;
  inset:0;
  z-index:9999;
  width:100vw;
  height:100vh;
  max-width:none !important;
  margin:0 !important;
  padding:20px !important;
  border-radius:0 !important;
  overflow:auto;
  background:linear-gradient(180deg, rgba(7,17,32,.985), rgba(5,13,25,.985));
}
.mapCard:fullscreen{overflow:auto;}
.mapCard.is-expanded .mapShell,
.mapCard:fullscreen .mapShell{
  min-height:calc(100vh - 120px);
  align-items:stretch;
}
.mapCard.is-expanded .mapCanvasWrap,
.mapCard.is-expanded .offlineMapReal,
.mapCard:fullscreen .mapCanvasWrap,
.mapCard:fullscreen .offlineMapReal{
  min-height:calc(100vh - 210px) !important;
  height:100% !important;
}
.mapCard.is-expanded .mapLegendColumn,
.mapCard:fullscreen .mapLegendColumn{
  display:flex !important;
  min-height:calc(100vh - 210px) !important;
}
.mapCard.is-expanded .mapLegend,
.mapCard:fullscreen .mapLegend{
  max-height:calc(100vh - 280px);
  overflow:auto;
  padding-right:4px;
}
.mapCard.is-expanded .mapLegendPager,
.mapCard.is-expanded .mapLegendBackWrap,
.mapCard:fullscreen .mapLegendPager,
.mapCard:fullscreen .mapLegendBackWrap{
  display:flex !important;
}
body[data-page="contratar"] .mapCard.is-expanded .mapShell--single,
body[data-page="contratar"] .mapCard:fullscreen .mapShell--single{
  display:grid !important;
  grid-template-columns:1.15fr .85fr !important;
  gap:16px;
}
body[data-page="contratar"] .mapCard.is-expanded .mapLegendColumn,
body[data-page="contratar"] .mapCard.is-expanded .mapLegendPager,
body[data-page="contratar"] .mapCard.is-expanded .mapLegendBackWrap,
body[data-page="contratar"] .mapCard:fullscreen .mapLegendColumn,
body[data-page="contratar"] .mapCard:fullscreen .mapLegendPager,
body[data-page="contratar"] .mapCard:fullscreen .mapLegendBackWrap{
  display:flex !important;
}
.mapCard.is-map-only .mapShell,
.mapCard.is-map-only .mapShell--single,
.mapCard.is-map-only .mapVisualColumn{
  display:block !important;
}
.mapCard.is-map-only .mapLegendColumn,
.mapCard.is-map-only .mapLegendPager,
.mapCard.is-map-only .mapLegendBackWrap{
  display:none !important;
}
.mapCard.is-map-only .mapCanvasWrap,
.mapCard.is-map-only .offlineMapReal{
  min-height:calc(100vh - 180px) !important;
  height:100% !important;
}
body[data-page="contratar"] .dashboardPair.map-only-active{
  display:block !important;
}
body[data-page="contratar"] .dashboardPair.map-only-active .workersPanelModern{
  display:none !important;
}
body[data-page="contratar"] .dashboardPair.map-only-active .mapCard{
  width:100% !important;
  max-width:none !important;
}
body[data-page="trabalhar"] .headerActions .btnPrimaryModern{
  min-width:174px;
}
body[data-page="trabalhar"] .headerActions .btnPrimaryModern::before{
  content:"✎";
  margin-right:8px;
  font-size:14px;
}
body[data-page="trabalhar"] .workerHero__ctaActions .btnPrimaryModern{
  min-width:220px;
}
@media (max-width: 900px){
  .mapExpandActions{
    width:100%;
    margin-left:0;
    justify-content:space-between;
  }
  .mapExpandButtons{
    width:100%;
    justify-content:flex-start;
  }
  .mapExpandHint{
    width:100%;
  }
  .mapCard.is-expanded,
  .mapCard:fullscreen{
    padding:16px !important;
  }
  .mapCard.is-expanded .mapShell,
  .mapCard:fullscreen .mapShell,
  body[data-page="contratar"] .mapCard.is-expanded .mapShell--single,
  body[data-page="contratar"] .mapCard:fullscreen .mapShell--single{
    grid-template-columns:1fr !important;
  }
  .mapCard.is-expanded .mapCanvasWrap,
  .mapCard.is-expanded .offlineMapReal,
  .mapCard:fullscreen .mapCanvasWrap,
  .mapCard:fullscreen .offlineMapReal{
    min-height:52vh !important;
  }
  .mapCard.is-expanded .mapLegendColumn,
  .mapCard:fullscreen .mapLegendColumn{
    min-height:auto !important;
  }
  .mapCard.is-expanded .mapLegend,
  .mapCard:fullscreen .mapLegend{
    max-height:none;
  }
}

body[data-page="trabalhar"] .workerHero__topbar .btnPrimaryModern{
  box-shadow:0 8px 22px rgba(0,0,0,.18), 0 0 0 4px rgba(246,180,0,.08);
}
body[data-page="trabalhar"] .workerHero__ctaCard .btnPrimaryModern{
  box-shadow:0 14px 30px rgba(0,0,0,.28), 0 0 0 7px rgba(246,180,0,.12);
}

/* ===== Ajuste: Só mapa ocupa a tela inteira ===== */
.mapCard.is-expanded.is-map-only,
.mapCard.is-map-only:fullscreen{
  padding:14px !important;
}
.mapCard.is-expanded.is-map-only .sectionTitleRow,
.mapCard.is-map-only:fullscreen .sectionTitleRow{
  margin-bottom:12px;
}
.mapCard.is-expanded.is-map-only .mapShell,
.mapCard.is-map-only:fullscreen .mapShell,
.mapCard.is-expanded.is-map-only .mapShell--single,
.mapCard.is-map-only:fullscreen .mapShell--single{
  display:flex !important;
  flex-direction:column !important;
  height:calc(100vh - 88px) !important;
  min-height:calc(100vh - 88px) !important;
  gap:0 !important;
}
.mapCard.is-expanded.is-map-only .mapVisualColumn,
.mapCard.is-map-only:fullscreen .mapVisualColumn{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
}
.mapCard.is-expanded.is-map-only .mapCanvasWrap,
.mapCard.is-expanded.is-map-only .offlineMapReal,
.mapCard.is-map-only:fullscreen .mapCanvasWrap,
.mapCard.is-map-only:fullscreen .offlineMapReal{
  flex:1 1 auto !important;
  height:100% !important;
  min-height:calc(100vh - 126px) !important;
  max-height:none !important;
}
.mapCard.is-expanded.is-map-only .mapLegendPager,
.mapCard.is-expanded.is-map-only .mapLegendBackWrap,
.mapCard.is-map-only:fullscreen .mapLegendPager,
.mapCard.is-map-only:fullscreen .mapLegendBackWrap{
  display:none !important;
}
@media (max-width: 900px){
  .mapCard.is-expanded.is-map-only,
  .mapCard.is-map-only:fullscreen{
    padding:10px !important;
  }
  .mapCard.is-expanded.is-map-only .mapShell,
  .mapCard.is-map-only:fullscreen .mapShell,
  .mapCard.is-expanded.is-map-only .mapShell--single,
  .mapCard.is-map-only:fullscreen .mapShell--single{
    height:calc(100vh - 78px) !important;
    min-height:calc(100vh - 78px) !important;
  }
  .mapCard.is-expanded.is-map-only .mapCanvasWrap,
  .mapCard.is-expanded.is-map-only .offlineMapReal,
  .mapCard.is-map-only:fullscreen .mapCanvasWrap,
  .mapCard.is-map-only:fullscreen .offlineMapReal{
    min-height:calc(100vh - 110px) !important;
  }
}


/* ===== Correção extra: Só mapa realmente ocupa a viewport ===== */
.mapCard.is-map-only{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  width:100vw !important;
  height:100vh !important;
  max-width:none !important;
  margin:0 !important;
  padding:12px !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(7,17,32,.992), rgba(5,13,25,.992)) !important;
}
.mapCard.is-map-only .sectionTitleRow{
  margin-bottom:10px !important;
}
.mapCard.is-map-only .mapShell,
.mapCard.is-map-only .mapShell--single{
  display:flex !important;
  flex-direction:column !important;
  height:calc(100vh - 74px) !important;
  min-height:calc(100vh - 74px) !important;
  gap:0 !important;
  margin-top:0 !important;
}
.mapCard.is-map-only .mapVisualColumn,
.mapCard.is-map-only .mapCanvasWrap{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
}
.mapCard.is-map-only .offlineMapReal,
.mapCard.is-map-only .leafletMapReal{
  flex:1 1 auto !important;
  width:100% !important;
  height:calc(100vh - 110px) !important;
  min-height:calc(100vh - 110px) !important;
  max-height:none !important;
  border-radius:22px !important;
}
.mapCard.is-map-only .leaflet-container{
  width:100% !important;
  height:100% !important;
}
.mapCard.is-map-only .mapLegendColumn,
.mapCard.is-map-only .mapLegend,
.mapCard.is-map-only .mapLegendPager,
.mapCard.is-map-only .mapLegendBackWrap{
  display:none !important;
}
@media (max-width: 900px){
  .mapCard.is-map-only{
    padding:8px !important;
  }
  .mapCard.is-map-only .mapShell,
  .mapCard.is-map-only .mapShell--single{
    height:calc(100vh - 66px) !important;
    min-height:calc(100vh - 66px) !important;
  }
  .mapCard.is-map-only .offlineMapReal,
  .mapCard.is-map-only .leafletMapReal{
    height:calc(100vh - 94px) !important;
    min-height:calc(100vh - 94px) !important;
    border-radius:18px !important;
  }
}


/* ===== Overlay total do mapa (trabalhar + contratar) ===== */
body.map-only-open{
  overflow:hidden !important;
}
body.map-only-open .mapCard.is-map-only,
body.map-only-open .mapCard.is-expanded.is-map-only,
body.map-only-open .mapCard.is-map-only:fullscreen{
  position:fixed !important;
  inset:0 !important;
  z-index:10000 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100dvh !important;
  max-width:none !important;
  margin:0 !important;
  padding:12px !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(7,17,32,.995), rgba(5,13,25,.995)) !important;
}
body.map-only-open .mapCard.is-map-only .sectionTitleRow,
body.map-only-open .mapCard.is-expanded.is-map-only .sectionTitleRow,
body.map-only-open .mapCard.is-map-only:fullscreen .sectionTitleRow{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  margin:0 0 10px 0 !important;
  padding:0 0 8px 0 !important;
  background:linear-gradient(180deg, rgba(7,17,32,.995), rgba(7,17,32,.92)) !important;
}
body.map-only-open .mapCard.is-map-only .mapShell,
body.map-only-open .mapCard.is-expanded.is-map-only .mapShell,
body.map-only-open .mapCard.is-map-only:fullscreen .mapShell,
body.map-only-open .mapCard.is-map-only .mapShell--single,
body.map-only-open .mapCard.is-expanded.is-map-only .mapShell--single,
body.map-only-open .mapCard.is-map-only:fullscreen .mapShell--single{
  display:flex !important;
  flex-direction:column !important;
  height:calc(100dvh - 78px) !important;
  min-height:calc(100dvh - 78px) !important;
  gap:0 !important;
  margin:0 !important;
}
body.map-only-open .mapCard.is-map-only .mapVisualColumn,
body.map-only-open .mapCard.is-map-only .mapCanvasWrap,
body.map-only-open .mapCard.is-expanded.is-map-only .mapVisualColumn,
body.map-only-open .mapCard.is-expanded.is-map-only .mapCanvasWrap,
body.map-only-open .mapCard.is-map-only:fullscreen .mapVisualColumn,
body.map-only-open .mapCard.is-map-only:fullscreen .mapCanvasWrap{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
}
body.map-only-open .mapCard.is-map-only .offlineMapReal,
body.map-only-open .mapCard.is-map-only .leafletMapReal,
body.map-only-open .mapCard.is-expanded.is-map-only .offlineMapReal,
body.map-only-open .mapCard.is-expanded.is-map-only .leafletMapReal,
body.map-only-open .mapCard.is-map-only:fullscreen .offlineMapReal,
body.map-only-open .mapCard.is-map-only:fullscreen .leafletMapReal{
  flex:1 1 auto !important;
  width:100% !important;
  height:calc(100dvh - 118px) !important;
  min-height:calc(100dvh - 118px) !important;
  max-height:none !important;
  border-radius:22px !important;
}
body.map-only-open .mapCard.is-map-only .leaflet-container,
body.map-only-open .mapCard.is-expanded.is-map-only .leaflet-container,
body.map-only-open .mapCard.is-map-only:fullscreen .leaflet-container{
  width:100% !important;
  height:100% !important;
}
body.map-only-open .mapCard.is-map-only .mapLegendColumn,
body.map-only-open .mapCard.is-map-only .mapLegend,
body.map-only-open .mapCard.is-map-only .mapLegendPager,
body.map-only-open .mapCard.is-map-only .mapLegendBackWrap,
body.map-only-open .dashboardPair.map-only-active .workersPanelModern{
  display:none !important;
}
@media (max-width: 900px){
  body.map-only-open .mapCard.is-map-only,
  body.map-only-open .mapCard.is-expanded.is-map-only,
  body.map-only-open .mapCard.is-map-only:fullscreen{
    padding:8px !important;
  }
  body.map-only-open .mapCard.is-map-only .mapShell,
  body.map-only-open .mapCard.is-expanded.is-map-only .mapShell,
  body.map-only-open .mapCard.is-map-only:fullscreen .mapShell,
  body.map-only-open .mapCard.is-map-only .mapShell--single,
  body.map-only-open .mapCard.is-expanded.is-map-only .mapShell--single,
  body.map-only-open .mapCard.is-map-only:fullscreen .mapShell--single{
    height:calc(100dvh - 70px) !important;
    min-height:calc(100dvh - 70px) !important;
  }
  body.map-only-open .mapCard.is-map-only .offlineMapReal,
  body.map-only-open .mapCard.is-map-only .leafletMapReal,
  body.map-only-open .mapCard.is-expanded.is-map-only .offlineMapReal,
  body.map-only-open .mapCard.is-expanded.is-map-only .leafletMapReal,
  body.map-only-open .mapCard.is-map-only:fullscreen .offlineMapReal,
  body.map-only-open .mapCard.is-map-only:fullscreen .leafletMapReal{
    height:calc(100dvh - 104px) !important;
    min-height:calc(100dvh - 104px) !important;
    border-radius:18px !important;
  }
}


/* ===== Notícias em carrossel com imagem ===== */
body[data-page="trabalhar"] .newsCard--carousel{
  overflow: hidden;
}
body[data-page="trabalhar"] .newsCard__subtitle{
  margin-top: -6px;
}
body[data-page="trabalhar"] .newsCarouselShell{
  position: relative;
  margin-top: 14px;
  padding: 0 46px;
}
body[data-page="trabalhar"] .newsViewport{
  overflow: hidden;
}
body[data-page="trabalhar"] .newsTrack{
  display: flex;
  transition: transform .38s ease;
  will-change: transform;
}
body[data-page="trabalhar"] .newsSlide{
  flex: 0 0 100%;
  min-width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--news-cols, 3), minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
body[data-page="trabalhar"] .newsCardItem{
  min-width: 0;
  min-height: 100%;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(20,28,48,.96), rgba(11,18,34,.98));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body[data-page="trabalhar"] .newsCardItem__mediaWrap{
  aspect-ratio: 16 / 9;
  background: rgba(255,255,255,.04);
  overflow: hidden;
}
body[data-page="trabalhar"] .newsCardItem__media{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
body[data-page="trabalhar"] .newsCardItem__body{
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1 1 auto;
}
body[data-page="trabalhar"] .newsCardItem__title{
  font-size: clamp(18px, 1.65vw, 28px);
  line-height: 1.22;
  font-weight: 950;
  margin: 0;
  min-height: 2.7em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body[data-page="trabalhar"] .newsCardItem__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}
body[data-page="trabalhar"] .newsNavBtn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 82px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(28,36,61,.95), rgba(16,22,40,.98));
  color: #fff;
  font-size: 44px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.20);
  z-index: 2;
}
body[data-page="trabalhar"] .newsNavBtn--prev{ left: 0; }
body[data-page="trabalhar"] .newsNavBtn--next{ right: 0; }
body[data-page="trabalhar"] .newsNavBtn:disabled{
  opacity: .42;
  cursor: not-allowed;
}
body[data-page="trabalhar"] .newsDots{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}
body[data-page="trabalhar"] .newsDot{
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
}
body[data-page="trabalhar"] .newsDot.is-active{
  background: rgba(255,255,255,.96);
  box-shadow: 0 0 0 6px rgba(255,255,255,.08);
}
body[data-page="trabalhar"] .newsFootnote{
  margin-top: 16px;
  font-size: 12px;
  opacity: .82;
}
body[data-page="trabalhar"] .newsCard--carousel .newsLink{
  min-width: 132px;
  min-height: 50px;
  padding: 12px 18px;
  border-radius: 16px;
  font-size: 15px;
  white-space: nowrap;
}
body[data-page="trabalhar"] .newsCard--carousel .newsSource{
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 700;
}
body[data-page="trabalhar"] .newsCard--carousel .newsSource__text{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body[data-page="trabalhar"] .newsCard--carousel .dot{
  width: 14px;
  height: 14px;
  background: rgba(255,255,255,.92);
  box-shadow: none;
}
@media (max-width: 1100px){
  body[data-page="trabalhar"] .newsCarouselShell{
    padding: 0 40px;
  }
  body[data-page="trabalhar"] .newsNavBtn{
    width: 48px;
    height: 74px;
    font-size: 38px;
  }
}
@media (max-width: 760px){
  body[data-page="trabalhar"] .newsCarouselShell{
    padding: 0 12px;
  }
  body[data-page="trabalhar"] .newsNavBtn{
    top: 96px;
    width: 42px;
    height: 58px;
    font-size: 30px;
    border-radius: 14px;
  }
  body[data-page="trabalhar"] .newsNavBtn--prev{ left: -2px; }
  body[data-page="trabalhar"] .newsNavBtn--next{ right: -2px; }
  body[data-page="trabalhar"] .newsCardItem__title{
    font-size: 17px;
    min-height: auto;
  }
  body[data-page="trabalhar"] .newsCardItem__body{
    gap: 12px;
  }
  body[data-page="trabalhar"] .newsCardItem__meta{
    flex-direction: column;
    align-items: stretch;
  }
  body[data-page="trabalhar"] .newsCard--carousel .newsLink{
    width: 100%;
  }
}


body[data-page="trabalhar"] .newsCardItem__mediaWrap{
  position: relative;
}
body[data-page="trabalhar"] .newsCardItem__mediaWrap::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:42%;
  background: linear-gradient(180deg, rgba(6,12,24,0) 0%, rgba(6,12,24,.68) 100%);
  pointer-events:none;
}
body[data-page="trabalhar"] .newsCardItem__media.is-fallback{
  filter: saturate(1.02) contrast(1.02);
}
body[data-page="trabalhar"] .newsCardItem__mediaWrap{
  min-height: 180px;
}
@media (max-width: 760px){
  body[data-page="trabalhar"] .newsCardItem__mediaWrap{
    min-height: 160px;
  }
}

@media (min-width: 761px) and (max-width: 1100px){
  body[data-page="trabalhar"] .newsCardItem__title{
    font-size: 20px;
  }
  body[data-page="trabalhar"] .newsCard--carousel .newsLink{
    min-width: 126px;
    min-height: 48px;
    font-size: 14px;
  }
}


/* ===== Ajuste fino: notícias menores + imagens reais quando disponíveis ===== */
body[data-page="trabalhar"] .newsCard--carousel{
  padding: 20px;
}
body[data-page="trabalhar"] .newsCarouselShell{
  margin-top: 10px;
  padding: 0 38px;
}
body[data-page="trabalhar"] .newsSlide{
  gap: 16px;
}
body[data-page="trabalhar"] .newsCardItem{
  border-radius: 20px;
  max-width: 100%;
}
body[data-page="trabalhar"] .newsCardItem__mediaWrap{
  aspect-ratio: 16 / 8.5;
  min-height: 132px;
}
body[data-page="trabalhar"] .newsCardItem__body{
  padding: 14px 16px 16px;
  gap: 10px;
}
body[data-page="trabalhar"] .newsCardItem__title{
  font-size: clamp(16px, 1.25vw, 23px);
  min-height: 2.45em;
  -webkit-line-clamp: 2;
}
body[data-page="trabalhar"] .newsCard--carousel .newsLink{
  min-width: 110px;
  min-height: 44px;
  padding: 10px 14px;
  font-size: 14px;
}
body[data-page="trabalhar"] .newsNavBtn{
  width: 48px;
  height: 72px;
  font-size: 36px;
}
body[data-page="trabalhar"] .newsDots{
  margin-top: 14px;
}
body[data-page="trabalhar"] .newsFootnote{
  margin-top: 12px;
}
@media (max-width: 980px){
  body[data-page="trabalhar"] .newsCarouselShell{
    padding: 0 28px;
  }
}
@media (max-width: 760px){
  body[data-page="trabalhar"] .newsCard--carousel{
    padding: 16px;
  }
  body[data-page="trabalhar"] .newsCarouselShell{
    padding: 0 8px;
  }
  body[data-page="trabalhar"] .newsCardItem__mediaWrap{
    min-height: 118px;
  }
  body[data-page="trabalhar"] .newsCardItem__title{
    font-size: 15px;
  }
  body[data-page="trabalhar"] .newsNavBtn{
    top: 86px;
    width: 40px;
    height: 52px;
    font-size: 28px;
  }
}


/* ===== Fix: botões do mapa visíveis no celular ===== */
@media (max-width: 900px){
  .mapCanvasWrap{overflow:visible;}
  .mapModeBadge{
    top:10px !important;
    right:10px !important;
    max-width:calc(100% - 20px);
    z-index:610 !important;
  }
  .mapFloatingActions{
    display:flex !important;
    position:absolute !important;
    top:58px !important;
    right:10px !important;
    left:auto !important;
    bottom:auto !important;
    z-index:620 !important;
    gap:6px !important;
    align-items:flex-end !important;
    pointer-events:auto !important;
  }
  .mapExpandBtn--floating,
  .mapOnlyBtn--floating{
    min-height:38px !important;
    padding:0 11px !important;
    border-radius:12px !important;
    font-size:12px !important;
    background:rgba(7,17,32,.94) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    color:#fff !important;
    box-shadow:0 12px 24px rgba(0,0,0,.34) !important;
    backdrop-filter:blur(12px);
    white-space:nowrap;
  }
  body.map-only-open .mapFloatingActions{
    top:10px !important;
    right:10px !important;
  }
}


body[data-page="contratar"] .workerStars--empty{color:rgba(255,255,255,.32);}
body[data-page="contratar"] .workerCard__rateBlock{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);}
body[data-page="contratar"] .workerCard__rateLabel,
body[data-page="contratar"] .workerCard__rateHint,
body[data-page="contratar"] .workerCard__myRating{font-size:14px;font-weight:700;color:rgba(255,255,255,.78);}
body[data-page="contratar"] .workerCard__rateButtons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
body[data-page="contratar"] .workerRateBtn{appearance:none;border:none;cursor:pointer;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#ffd257;font-weight:900;font-size:14px;transition:transform .18s ease, background .18s ease, border-color .18s ease;}
body[data-page="contratar"] .workerRateBtn:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:rgba(255,210,87,.45);}
body[data-page="contratar"] .workerRateBtn.is-active{background:rgba(255,209,61,.16);border-color:rgba(255,209,61,.5);color:#ffe28a;box-shadow:0 8px 18px rgba(255,209,61,.12);}
body[data-page="contratar"] .workerCard__myRating{margin-top:10px;}


/* Plano Pro */
.workerPlanField{display:flex;flex-direction:column;gap:12px}
.workerPlanField__label{font-weight:700;color:#111827}
.workerPlanGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.workerPlanOption{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid rgba(15,23,42,.12);border-radius:20px;background:#fff;cursor:pointer;transition:.2s ease;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.workerPlanOption input{position:absolute;inset:0;opacity:0;cursor:pointer}
.workerPlanOption__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.workerPlanOption__title{font-size:1rem;font-weight:800;color:#111827}
.workerPlanOption__price{font-size:.85rem;font-weight:700;color:#2563eb}
.workerPlanOption__desc{font-size:.92rem;line-height:1.45;color:#475569}
.workerPlanOption--pro{background:linear-gradient(180deg,#fff7ed 0%,#ffffff 100%)}
.workerPlanOption.is-active{border-color:#2563eb;box-shadow:0 14px 34px rgba(37,99,235,.14);transform:translateY(-1px)}
.workerPlanOption--pro.is-active{border-color:#f59e0b;box-shadow:0 16px 34px rgba(245,158,11,.18)}
.workerPlanHint{font-size:.92rem;color:#475569;background:rgba(15,23,42,.04);padding:12px 14px;border-radius:14px}
.workerPreview__miniTag--pro{background:linear-gradient(135deg,#f59e0b,#fb923c)!important;color:#111827!important}
.workerPreview__rating--pro{color:#9a3412}

.workerCardModern__badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.workerCard--pro{border-color:rgba(245,158,11,.45)!important;box-shadow:0 18px 38px rgba(245,158,11,.14)!important}
.workerCard__badge--pro{background:linear-gradient(135deg,#f59e0b,#fb923c);color:#111827}
.workerCard__proLine{margin-top:6px;font-size:.82rem;font-weight:700;color:#b45309}

.pill--pro{background:linear-gradient(135deg,#f59e0b,#fb923c);color:#111827;border:none}

.legendRow--pro{border-color:rgba(245,158,11,.35);background:linear-gradient(180deg,rgba(255,247,237,.9),rgba(255,255,255,.98))}
.legendBadgePro{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#fb923c);color:#111827;font-size:.68rem;font-weight:900;letter-spacing:.04em;vertical-align:middle}

.proPromoBox{margin-top:18px;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(255,247,237,.96),rgba(255,255,255,.98));border:1px solid rgba(245,158,11,.22)}
.proPromoBox__eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#111827;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.proPromoBox__chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 16px}
.proPromoBox__chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);font-weight:700;color:#334155}

@media (max-width: 780px){
  .workerPlanGrid{grid-template-columns:1fr}
}


/* Pagamento Plano Pro */

.workerPlanPayBox{margin-top:14px;padding:16px;border-radius:22px;border:1px solid rgba(245,158,11,.24);background:linear-gradient(180deg,rgba(255,247,237,.96),rgba(255,255,255,.98));}
.workerPlanPayBox__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.workerPlanPayBox__top h3{margin:6px 0 0;font-size:1.08rem}
.workerPlanPayBox__eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#111827;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.workerPlanPayBox__badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);font-weight:800;color:#92400e}
.workerPlanPayBox__badge.is-active{background:linear-gradient(135deg,#f59e0b,#fb923c);border-color:transparent;color:#111827}
.workerPlanPayBox__badge.is-pending{background:#fff7ed;border-color:rgba(245,158,11,.35);color:#b45309}
.workerPlanPayBox__steps{margin-top:12px;font-weight:700;color:#7c2d12;line-height:1.45}
.workerPlanPayBox__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.workerPlanPayBox__note{margin-top:10px}
.workerProCard .btnPrimary{margin:0}
@media (max-width: 700px){.workerPlanPayBox__actions{flex-direction:column}.workerPlanPayBox__actions>*{width:100%}}


/* Assinatura Pro visível */
.proVisibilityBanner{margin-top:18px;padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(255,255,255,.96));border:1px solid rgba(245,158,11,.22);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.proVisibilityBanner--light{background:linear-gradient(135deg,rgba(255,247,237,.98),rgba(255,255,255,.98));color:#111827}
.proVisibilityBanner--compact{margin-bottom:18px}
.proVisibilityBanner h2{margin:8px 0 6px;font-size:1.36rem}
.proVisibilityBanner__eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#111827;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.proVisibilityBanner__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.workerHeaderMatch__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:14px}
.proPromoBox__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.proPromoBox__content{display:flex;flex-direction:column;gap:6px}
.proPromoBox h2{margin:6px 0 0;color:#111827}
.proPromoBox p,.proPromoBox .muted{color:#475569;opacity:1}
body[data-page="contratar"] .proPromoBox--compact{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#fff7ed 0%,#ffffff 100%);border:1px solid rgba(245,158,11,.24)}
body[data-page="contratar"] .proPromoBox--compact h2{font-size:1.02rem;line-height:1.22;margin:2px 0 0;color:#111827}
body[data-page="contratar"] .proPromoBox--compact .muted{font-size:.94rem;color:#475569;opacity:1;margin:0}
body[data-page="contratar"] .proPromoBox--compact .proPromoBox__actions{margin-top:0;margin-left:auto}
body[data-page="contratar"] .proPromoBox--compact .btnAccent{min-height:52px;padding:0 20px;border-radius:16px;font-size:1rem;white-space:nowrap}


body[data-page="assinatura"] .pageWrapClean.pageWrapNoTop{max-width:1120px;margin:22px auto 72px !important;padding:0 18px}
body[data-page="assinatura"] .proSubscriptionHero .workerHero__main{padding:22px;border-radius:30px;background:linear-gradient(180deg,rgba(7,13,27,.82),rgba(6,10,22,.72));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.26)}
body[data-page="assinatura"] .proSubscriptionCard{margin-top:18px;padding:22px;border-radius:28px}
body[data-page="assinatura"] .proSubscriptionCard__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:start}
body[data-page="assinatura"] .proSubscriptionCard__main{padding:4px 0}
body[data-page="assinatura"] .proSubscriptionCard__main h2{margin:10px 0 8px;font-size:clamp(28px,3.5vw,40px);line-height:1.02}
body[data-page="assinatura"] .proSubscriptionPriceRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
body[data-page="assinatura"] .proSubscriptionPrice{font-size:1.5rem;font-weight:900;color:#f59e0b}
body[data-page="assinatura"] .proSubscriptionMeta{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 6px}
body[data-page="assinatura"] .proSubscriptionMeta__item{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(15,23,42,.05);border:1px solid rgba(15,23,42,.08);font-weight:800;color:#334155}
body[data-page="assinatura"] .proSubscriptionBenefitCard{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,247,237,.96),rgba(255,255,255,.98));border:1px solid rgba(245,158,11,.2);box-shadow:0 12px 28px rgba(15,23,42,.05)}
body[data-page="assinatura"] .proSubscriptionBenefitCard + .proSubscriptionBenefitCard{margin-top:14px}
body[data-page="assinatura"] .proSubscriptionBenefitCard h3{margin:0 0 12px;font-size:1.02rem}
body[data-page="assinatura"] .proSubscriptionList{margin:0;padding-left:18px;display:grid;gap:10px;color:#475569}

@media (max-width: 980px){
  .proVisibilityBanner{grid-template-columns:1fr}
  .proVisibilityBanner__actions{justify-content:flex-start}
  body[data-page="assinatura"] .proSubscriptionCard__grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .workerHeaderMatch__actions,.proPromoBox__actions,.proVisibilityBanner__actions{flex-direction:column}
  .workerHeaderMatch__actions > *, .proPromoBox__actions > *, .proVisibilityBanner__actions > *{width:100%}
  body[data-page="contratar"] .proPromoBox--compact{padding:14px}
  body[data-page="contratar"] .proPromoBox--compact .proPromoBox__actions{width:100%;margin-left:0}
  body[data-page="contratar"] .proPromoBox--compact .btnAccent{width:100%}
  body[data-page="assinatura"] .pageWrapClean.pageWrapNoTop{padding:0 12px}
}


.workerPlanGrid--hidden{display:none!important}
.workerPlanSimpleBox{padding:16px 18px;border-radius:20px;border:1px solid rgba(245,158,11,.22);background:linear-gradient(180deg,rgba(255,247,237,.98),rgba(255,255,255,.98));box-shadow:0 12px 28px rgba(15,23,42,.05)}
.workerPlanSimpleBox__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px;color:#111827}
.workerPlanPayBox--simple{margin-top:12px}
body[data-page="publicar"] .workerHeaderMatch__actions{justify-content:flex-start}
body[data-page="publicar"] .workerHeaderMatch__actions .btnPrimary{min-width:180px}

body[data-page="assinatura"] .proSubscriptionPage--simple{max-width:920px}
body[data-page="assinatura"] .proSubscriptionSimpleCard{margin-top:18px;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(7,13,27,.88),rgba(6,10,22,.82));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.26)}
body[data-page="assinatura"] .proSubscriptionSimpleCard h2{margin:12px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1.02}
body[data-page="assinatura"] .proSubscriptionSimpleCard .muted{color:rgba(255,255,255,.82)}
body[data-page="assinatura"] .proSubscriptionSimpleCard__priceRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
body[data-page="assinatura"] .proSubscriptionSimpleCard__benefits{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0}
body[data-page="assinatura"] .proSubscriptionSimpleCard__benefit{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-weight:800;color:#fff}
body[data-page="assinatura"] .proSubscriptionSimpleCard__actions{margin-top:16px}
body[data-page="assinatura"] .proSubscriptionSimpleHelp{margin-top:16px;padding:18px 20px;border-radius:24px;background:rgba(7,13,27,.72);border:1px solid rgba(255,255,255,.1)}
body[data-page="assinatura"] .proSubscriptionSimpleHelp h3{margin:0 0 8px}
body[data-page="assinatura"] .proSubscriptionSimpleHelp .muted{color:rgba(255,255,255,.8)}
body[data-page="assinatura"] .proSubscriptionCard__grid,
body[data-page="assinatura"] .proSubscriptionBenefitCard,
body[data-page="assinatura"] .proSubscriptionCard__side{display:none!important}
@media (max-width: 640px){
  body[data-page="assinatura"] .proSubscriptionSimpleCard{padding:18px}
  .workerPlanSimpleBox__top{align-items:flex-start}
}


.workerPlanField--compact{margin-top:4px}
.workerPlanSimpleBox--compact{padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,rgba(13,25,61,.72),rgba(9,18,42,.82));border:1px solid rgba(255,255,255,.12)}
.workerPlanSimpleBox--compact .workerPlanSimpleBox__top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.workerPlanSimpleBox--compact p{margin:8px 0 0}
.workerPlanHiddenRadios{display:none!important}

.workerProDirectHint{max-width:320px;margin:10px 0 0;font-size:.95rem;line-height:1.45;text-align:left}
.workerPlanHint--inline{margin:14px 0 4px;padding:12px 14px;border-radius:16px;background:rgba(15,23,42,.32);border:1px solid rgba(255,255,255,.1);color:#e5e7eb}
@media (max-width: 820px){.workerHeaderMatch__actions .workerProDirectHint{max-width:none;text-align:center}}


/* ===== Anuncie Aqui ===== */

body[data-page="anuncie"] .pageWrapClean.pageWrapNoTop{max-width:1120px;margin:22px auto 72px !important;padding:0 18px}
.adPageWrap{padding-bottom:88px}
.adHeroCard{margin-top:18px;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(7,13,27,.9),rgba(6,10,22,.82));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.adHeroCard__eyebrow{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.28);font-weight:800;font-size:.8rem;color:#fbbf24}
.adHeroCard h2{margin:12px 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.02;color:#fff}
.adHeroCard .muted{color:rgba(255,255,255,.82)}
.adHeroCard__actions{margin-top:18px}
.adHeroCard__note{margin-top:12px;color:rgba(255,255,255,.72)}
.adBenefitsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}
.adBenefitPill{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-weight:800;color:#fff}
.adOptionsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:18px}
.adOptionCard{padding:22px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px rgba(15,23,42,.05)}
.adOptionCard__tag{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(30,99,233,.1);color:#1e40af;font-weight:800;font-size:.78rem}
.adOptionCard h3{margin:14px 0 8px;font-size:1.12rem}
.adOptionCard .btnSecondary{margin-top:10px}
.adLeadCard{margin-top:18px;padding:24px;border-radius:28px}
.adLeadGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.adLeadGrid__full{grid-column:1 / -1}
.adLeadGrid textarea{resize:vertical;min-height:120px}
.adLeadCard__note{margin-top:12px}
.announceInlineBox{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,247,237,.96),rgba(255,255,255,.98));border:1px solid rgba(245,158,11,.18)}
.announceInlineBox__eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(245,158,11,.12);color:#b45309;font-weight:800;font-size:.78rem;margin-bottom:8px}
.announceInlineBox h2{margin:0 0 6px;font-size:1.1rem}
body[data-page="contratar"] .announceInlineBox h2,
body[data-page="contratar"] .announceInlineBox p,
body[data-page="contratar"] .announceInlineBox .muted,
body[data-page="contratar"] .announceInlineBox a,
body[data-page="contratar"] .proPromoBox--compact h2,
body[data-page="contratar"] .proPromoBox--compact p,
body[data-page="contratar"] .proPromoBox--compact .muted,
body[data-page="contratar"] .proPromoBox--compact button{color:#111827 !important;}
body[data-page="contratar"] .announceInlineBox .btnSecondary{background:#ffffff !important;border:1px solid rgba(15,23,42,.12) !important;color:#111827 !important;}
body[data-page="contratar"] .announceInlineBox .btnSecondary:hover{filter:brightness(.98);}

@media (max-width: 860px){
  body[data-page="anuncie"] .pageWrapClean.pageWrapNoTop{padding:0 12px}
  .adLeadGrid{grid-template-columns:1fr}
  .announceInlineBox{flex-direction:column;align-items:flex-start}
}


.adMonthlyCard{margin-top:18px;padding:24px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(30,99,233,.12);box-shadow:0 16px 34px rgba(15,23,42,.06)}
.adMonthlyCard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.adMonthlyCard__eyebrow{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(34,197,94,.12);color:#166534;font-weight:800;font-size:.78rem}
.adMonthlyCard h2{margin:12px 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.05;color:#0f172a}
.adBenefitsGrid--monthly{margin-top:16px}
.adMonthlyPriceBox{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;border-radius:20px;background:rgba(30,99,233,.06);border:1px solid rgba(30,99,233,.12);min-width:220px}
.adMonthlyPriceBox strong{font-size:1.5rem;line-height:1;color:#0f172a}
.adMonthlyPriceBox span{font-size:.92rem;color:#475569}
.adMonthlyCard__actions{margin-top:18px}
.adMonthlyCard__note{margin-top:12px;color:#475569}
@media (max-width: 720px){
  .adMonthlyPriceBox{width:100%}
}

/* v58 anuncio mensal visivel */
.adMonthlyCard{
  background:linear-gradient(180deg, rgba(8,18,40,.96), rgba(4,10,24,.96)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.28) !important;
}
.adMonthlyCard h2,
.adMonthlyCard #adMonthlyPrice,
.adMonthlyCard #adMonthlyBilling,
.adMonthlyCard #adMonthlySubtitle,
.adMonthlyCard #adMonthlyNote{
  color:#fff !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.adMonthlyCard__eyebrow{
  background:rgba(245,158,11,.16) !important;
  border:1px solid rgba(245,158,11,.32) !important;
  color:#fbbf24 !important;
}
.adMonthlyPriceBox{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.adMonthlyPriceBox strong,
.adMonthlyPriceBox span{
  color:#fff !important;
}
.adMonthlyCard .adBenefitPill{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

/* ===== Avaliações reais ===== */
body[data-page="contratar"] .workerCard__ratingSummary{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-top:10px;
}
body[data-page="contratar"] .workerCard__ratingMain{
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:18px;
}
body[data-page="contratar"] .workerCard__ratingMeta{
  color:rgba(255,255,255,.76);
  font-size:14px;
  font-weight:700;
}
body[data-page="contratar"] .workerCard__rateHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
body[data-page="contratar"] .workerCard__rateLabel{
  color:#fff;
  font-weight:900;
  font-size:15px;
}
body[data-page="contratar"] .workerCard__rateSub{
  color:rgba(255,255,255,.68);
  font-size:13px;
  margin-top:3px;
}
body[data-page="contratar"] .workerCard__reviewLink{
  appearance:none;
  border:none;
  cursor:pointer;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  background:rgba(247,201,72,.18);
  border:1px solid rgba(247,201,72,.40);
  color:#fff;
  font-weight:800;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}
body[data-page="contratar"] .workerCard__reviewLink:hover{background:rgba(255,255,255,.12)}
body[data-page="contratar"] .btnReviewVisible{
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
  color:#fff;
}
body[data-page="contratar"] .btnReviewVisible:hover{background:rgba(255,255,255,.16)}
body[data-page="contratar"] .workerCard__myRating{
  margin-top:10px;
  color:rgba(255,255,255,.84);
  font-size:14px;
}
body[data-page="contratar"] .workerCard__myComment{opacity:.9}
body[data-page="contratar"] .workerCard__rateHint{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.74);
  font-size:14px;
  font-weight:700;
}
body[data-page="contratar"] .workerCard__rateBlock{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.reviewsModal-open{overflow:hidden}
.reviewsModal[hidden]{display:none !important}
.reviewsModal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:18px;
}
.reviewsModal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,9,20,.72);
  backdrop-filter:blur(4px);
}
.reviewsModal__dialog{
  position:relative;
  width:min(720px, 100%);
  max-height:min(90vh, 820px);
  overflow:auto;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(6,18,36,.98), rgba(8,24,48,.98));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
.reviewsModal__close{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:26px;
  cursor:pointer;
}
.reviewsModal__body{padding:28px}
.reviewsModal__loading,.reviewsEmpty,.reviewsOwnerHint{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.82);
}
.reviewsModal__eyebrow{color:#f7c948;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.reviewsModal__title{margin:6px 0 0;color:#fff;font-size:34px;line-height:1.05}
.reviewsModal__meta{margin-top:6px;color:rgba(255,255,255,.72)}
.reviewsHero{
  margin-top:18px;
  padding:18px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  gap:18px;
}
.reviewsHero__score{font-size:46px;font-weight:950;color:#fff;line-height:1}
.reviewsHero__stars{color:#ffd257;font-size:22px;font-weight:900;letter-spacing:1px}
.reviewsHero__count{color:rgba(255,255,255,.74);margin-top:4px;font-weight:700}
.reviewsBars{display:grid;gap:10px;margin-top:16px}
.reviewsBar{display:grid;grid-template-columns:46px 1fr 30px;gap:10px;align-items:center}
.reviewsBar__label,.reviewsBar__count{color:rgba(255,255,255,.78);font-weight:800;font-size:13px}
.reviewsBar__track{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.reviewsBar__fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd257,#f6b800)}
.reviewsModal__sectionTitle{margin-top:18px;color:#fff;font-weight:900;font-size:16px}
.reviewsList{display:grid;gap:10px;margin-top:10px}
.reviewItem{padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.reviewItem__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.reviewItem__stars{color:#ffd257;font-weight:900;letter-spacing:1px}
.reviewItem__date{color:rgba(255,255,255,.58);font-size:12px;font-weight:700}
.reviewItem__text{margin-top:8px;color:rgba(255,255,255,.88);line-height:1.45}
.reviewsQuickAction{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.reviewsCommentBtn{
  appearance:none;
  border:none;
  cursor:pointer;
  min-height:48px;
  padding:0 18px;
  margin-top:12px;
  border-radius:16px;
  background:linear-gradient(180deg,#ffd13d,#f3b500);
  color:#111827;
  font-weight:900;
}
@media (max-width:780px){
  body[data-page="contratar"] .workerCard__rateHeader{flex-direction:column}
  .reviewsModal__body{padding:20px}
  .reviewsModal__title{font-size:28px}
  .reviewsHero{align-items:flex-start;flex-direction:column}
}


.anchorOffset{display:block; position:relative; top:-88px; visibility:hidden; height:0;}
.cardClean--pulse{box-shadow:0 0 0 3px rgba(30,99,233,.16), 0 22px 56px rgba(15,23,42,.12) !important; transform:translateY(-1px); transition:box-shadow .25s ease, transform .25s ease;}


/* Legal / policy pages */
.policyPage{
  background: linear-gradient(180deg,#f8fbff 0%,#f7f9fc 100%);
}
.policyWrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 16px 120px;
}
.policyHero{
  background: linear-gradient(135deg,rgba(30,99,233,.08),rgba(34,197,94,.10));
  border:1px solid rgba(148,163,184,.24);
  border-radius: 28px;
  padding: 22px;
  box-shadow: 0 22px 60px rgba(15,23,42,.08);
}
.policyHero__eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  background:#fff;color:#1e293b;font-weight:900;font-size:12px;
  border:1px solid rgba(148,163,184,.22);
}
.policyHero h1{
  margin:14px 0 8px;
  font-size: clamp(30px,5vw,46px);
  line-height:1.05;
}
.policyHero p{max-width:760px;color:#475569;font-weight:700}
.policySections{display:grid;gap:16px;margin-top:18px}
.policyCard{
  background:#fff;border:1px solid rgba(226,232,240,.92);
  border-radius:24px;padding:22px;box-shadow:0 16px 40px rgba(15,23,42,.05);
}
.policyCard h2{margin:0 0 12px;font-size:22px}
.policyCard p{margin:0 0 10px;color:#475569;font-weight:700}
.policyCard ul{margin:0;padding-left:18px;color:#334155}
.policyCard li{margin:8px 0;font-weight:700;line-height:1.5}
.legalNotice{
  margin-top:12px;padding:12px 14px;border-radius:16px;
  background:rgba(30,99,233,.08);border:1px solid rgba(30,99,233,.14);
  color:#334155;font-size:12px;font-weight:800;line-height:1.5;
}
.legalNotice a{color:#1E63E9;text-decoration:underline}
.footer--global{margin-top:24px}
@media (max-width: 720px){
  .policyWrap{padding:18px 14px 120px}
  .policyHero,.policyCard{border-radius:22px;padding:18px}
}


/* Worker auth modal */
.workerAuthModal[hidden]{display:none !important}
.workerAuthModal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:18px;
}
.workerAuthModal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,9,20,.78);
  backdrop-filter:blur(6px);
}
.workerAuthModal__dialog{
  position:relative;
  width:min(520px, 100%);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(7,17,35,.98), rgba(10,24,46,.98));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 34px 90px rgba(0,0,0,.50);
  overflow:hidden;
}
.workerAuthModal__body{
  padding:28px;
}
.workerAuthModal__close{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:26px;
  cursor:pointer;
}
.workerAuthModal__eyebrow{
  color:#f7c948;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.workerAuthModal__title{
  margin:8px 0 0;
  color:#fff;
  font-size:34px;
  line-height:1.05;
}
.workerAuthModal__subtitle{
  margin:12px 0 0;
  color:rgba(255,255,255,.78);
  line-height:1.5;
}
.workerAuthForm{
  display:grid;
  gap:14px;
  margin-top:20px;
}
.workerAuthField{
  margin:0;
}
.workerAuthField span{
  color:#fff;
  font-weight:800;
}
.workerAuthField input{
  min-height:54px;
}
.workerAuthModal__helpRow{
  display:flex;
  justify-content:flex-start;
  margin-top:-2px;
}
.workerAuthModal__forgot{
  appearance:none;
  border:none;
  background:transparent;
  color:#8cc8ff;
  cursor:pointer;
  font-weight:800;
  padding:0;
  text-align:left;
}
.workerAuthModal__forgot:hover{
  color:#b8ddff;
  text-decoration:underline;
}
.workerAuthModal__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:6px;
}
.workerAuthModal__submit,
.workerAuthModal__create{
  width:100%;
  justify-content:center;
}
.workerAuthModal__status{
  margin-top:2px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.5;
}
.workerAuthModal__status.is-error{
  border-color:rgba(255,113,113,.35);
  color:#ffd5d5;
  background:rgba(255,87,87,.10);
}
.workerAuthModal__status.is-success{
  border-color:rgba(90,200,120,.28);
  color:#d8ffe2;
  background:rgba(56,161,105,.12);
}
.workerAuthModal-open{overflow:hidden}
@media (max-width:640px){
  .workerAuthModal__body{padding:22px}
  .workerAuthModal__title{font-size:28px}
  .workerAuthModal__actions{grid-template-columns:1fr}
}

/* v88 - entrar melhor + perfil salvo no painel */
body[data-page="trabalhar"] .workerEnterBtn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:188px;
  padding:0 22px;
  border-radius:20px;
  background:linear-gradient(135deg,#ffd34d 0%,#ffbe0b 48%,#f59e0b 100%) !important;
  color:#111827 !important;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:0 16px 32px rgba(245,158,11,.24), 0 0 0 1px rgba(255,255,255,.16) inset;
}
body[data-page="trabalhar"] .workerEnterBtn::before{content:none !important;}
body[data-page="trabalhar"] .workerEnterBtn:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 38px rgba(245,158,11,.28), 0 0 0 1px rgba(255,255,255,.18) inset;
}
body[data-page="trabalhar"] .workerEnterBtn__icon{
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(17,24,39,.10);
  font-size:15px;
  flex:0 0 auto;
}
body[data-page="trabalhar"] .workerEnterBtn__text{display:inline-flex;align-items:center;line-height:1;}
body[data-page="trabalhar"] .workerEnterBtn.is-logged{
  background:linear-gradient(135deg,#ffffff 0%,#dbeafe 100%) !important;
  color:#0f172a !important;
  box-shadow:0 14px 30px rgba(59,130,246,.18), 0 0 0 1px rgba(255,255,255,.6) inset;
}
body[data-page="trabalhar"] .workerEnterBtn.is-logged .workerEnterBtn__icon{
  background:rgba(37,99,235,.12);
}
body[data-page="trabalhar"] .miniProfile__status{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:800;
}
body[data-page="trabalhar"] .miniProfile__status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#94a3b8;
  box-shadow:0 0 0 4px rgba(148,163,184,.18);
}
body[data-page="trabalhar"] .miniProfile__status.is-connected::before{
  background:#34d399;
  box-shadow:0 0 0 4px rgba(52,211,153,.18);
}
body[data-page="trabalhar"] .miniProfile__status.is-saved::before{
  background:#60a5fa;
  box-shadow:0 0 0 4px rgba(96,165,250,.18);
}
body[data-page="trabalhar"] #workerHeroCtaText b{color:#fff;}
@media (max-width:640px){
  body[data-page="trabalhar"] .workerEnterBtn{min-width:100%;}
  body[data-page="trabalhar"] .workerEnterBtn__icon{width:26px;height:26px;font-size:14px;}
}


/* v89 - botao entrar premium + painel de perfil salvo */
body[data-page="trabalhar"] .workerEnterBtn{
  min-width:196px;
  min-height:74px;
  padding:0 24px;
  border-radius:24px;
  background:linear-gradient(135deg,#ffe27a 0%,#ffc933 42%,#f59e0b 100%) !important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 44px rgba(245,158,11,.32), 0 1px 0 rgba(255,255,255,.48) inset;
}
body[data-page="trabalhar"] .workerEnterBtn:hover{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 24px 54px rgba(245,158,11,.36), 0 1px 0 rgba(255,255,255,.56) inset;
}
body[data-page="trabalhar"] .workerEnterBtn__icon{
  width:32px;
  height:32px;
  background:rgba(15,23,42,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
}
body[data-page="trabalhar"] .workerEnterBtn__text{
  font-size:16px;
  letter-spacing:.01em;
}
body[data-page="trabalhar"] .workerEnterBtn.is-logged{
  background:linear-gradient(135deg,#ffffff 0%,#eff6ff 52%,#dbeafe 100%) !important;
  box-shadow:0 18px 42px rgba(59,130,246,.18), 0 1px 0 rgba(255,255,255,.72) inset;
}
body[data-page="trabalhar"] .workerProfilePanel{
  margin-top:18px;
  padding:26px;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg,rgba(6,12,24,.95) 0%,rgba(13,22,42,.94) 58%,rgba(12,25,52,.92) 100%);
  box-shadow:0 28px 60px rgba(0,0,0,.22);
}
body[data-page="trabalhar"] .workerProfilePanel__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
body[data-page="trabalhar"] .workerProfilePanel__eyebrow{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#f8c74f;
  background:rgba(248,199,79,.14);
  border:1px solid rgba(248,199,79,.18);
  margin-bottom:10px;
}
body[data-page="trabalhar"] .workerProfilePanel h2{
  margin:0;
  font-size:34px;
  line-height:1.05;
}
body[data-page="trabalhar"] .workerProfilePanel__badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#edf2ff;
  font-size:12px;
  font-weight:800;
}
body[data-page="trabalhar"] .workerProfilePanel.is-connected .workerProfilePanel__badge{
  background:rgba(52,211,153,.16);
  border-color:rgba(52,211,153,.28);
  color:#d8ffe9;
}
body[data-page="trabalhar"] .workerProfilePanel__body{
  display:grid;
  grid-template-columns:120px minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
}
body[data-page="trabalhar"] .workerProfilePanel__photoWrap{
  width:120px;
  height:120px;
  border-radius:28px;
  padding:6px;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
}
body[data-page="trabalhar"] .workerProfilePanel__photoWrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px;
  display:block;
  background:rgba(255,255,255,.06);
}
body[data-page="trabalhar"] .workerProfilePanel__nameRow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
body[data-page="trabalhar"] .workerProfilePanel__nameRow h3{
  margin:0;
  font-size:30px;
  line-height:1.05;
}
body[data-page="trabalhar"] .workerProfilePanel__verified{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(96,165,250,.14);
  border:1px solid rgba(96,165,250,.24);
  color:#dbeafe;
  font-size:12px;
  font-weight:800;
}
body[data-page="trabalhar"] .workerProfilePanel__role{
  margin:12px 0 0;
  color:#f8fafc;
  font-size:18px;
  font-weight:800;
}
body[data-page="trabalhar"] .workerProfilePanel__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
body[data-page="trabalhar"] .workerProfilePanel__chip{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#edf2ff;
  font-size:13px;
  font-weight:700;
}
body[data-page="trabalhar"] .workerProfilePanel__bio{
  margin:16px 0 0;
  color:rgba(255,255,255,.80);
  line-height:1.6;
  max-width:860px;
}
body[data-page="trabalhar"] .workerProfilePanel__actions{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:220px;
}
body[data-page="trabalhar"] .workerProfilePanel__actions .btnPrimary,
body[data-page="trabalhar"] .workerProfilePanel__actions .btnSecondary{
  width:100%;
  justify-content:center;
  margin:0;
}
body[data-page="trabalhar"] .workerProfilePanel__actions .is-disabled{
  pointer-events:none;
  opacity:.92;
}
body[data-page="trabalhar"] .workerProfilePanel.is-empty .workerProfilePanel__photoWrap{
  background:linear-gradient(135deg,rgba(148,163,184,.14),rgba(51,65,85,.16));
}
@media (max-width:980px){
  body[data-page="trabalhar"] .workerProfilePanel__body{
    grid-template-columns:100px 1fr;
  }
  body[data-page="trabalhar"] .workerProfilePanel__actions{
    grid-column:1 / -1;
    flex-direction:row;
    min-width:0;
  }
}
@media (max-width:640px){
  body[data-page="trabalhar"] .workerProfilePanel{padding:20px;border-radius:26px;}
  body[data-page="trabalhar"] .workerProfilePanel__top{flex-direction:column;align-items:flex-start;}
  body[data-page="trabalhar"] .workerProfilePanel h2{font-size:28px;}
  body[data-page="trabalhar"] .workerProfilePanel__body{grid-template-columns:1fr;}
  body[data-page="trabalhar"] .workerProfilePanel__photoWrap{width:96px;height:96px;border-radius:24px;}
  body[data-page="trabalhar"] .workerProfilePanel__photoWrap img{border-radius:18px;}
  body[data-page="trabalhar"] .workerProfilePanel__nameRow h3{font-size:24px;}
  body[data-page="trabalhar"] .workerProfilePanel__actions{flex-direction:column;}
  body[data-page="trabalhar"] .workerEnterBtn{min-width:100%;min-height:64px;}
}

@media (max-width: 980px){
  body[data-page="trabalhar"] .workerHero__highlights{
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}

/* ===== Quero trabalhar v95 — visual mais próximo do mockup ===== */
body[data-page="trabalhar"] .workerHero__grid--mockup{
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.75fr);
  gap:22px;
  align-items:stretch;
}
body[data-page="trabalhar"] .workerHero__intro--split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);
  gap:20px;
  align-items:stretch;
}
body[data-page="trabalhar"] .workerHero__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}
body[data-page="trabalhar"] .workerHero__title span{
  color:#f7be19;
}
body[data-page="trabalhar"] .workerHero__actionRow{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:2px 0 6px;
}
body[data-page="trabalhar"] .workerHero__mainAction,
body[data-page="trabalhar"] .workerHero__ghostAction{
  min-width:210px;
  justify-content:center;
}
body[data-page="trabalhar"] .workerHero__visual{
  display:flex;
  align-items:stretch;
}
body[data-page="trabalhar"] .workerHero__photoCard{
  position:relative;
  width:100%;
  min-height:420px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 40px rgba(0,0,0,.24);
  background:linear-gradient(180deg, rgba(10,16,31,.86), rgba(10,16,31,.4));
}
body[data-page="trabalhar"] .workerHero__photoCard::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(4,10,22,.78) 0%, rgba(4,10,22,.28) 44%, rgba(4,10,22,.16) 100%);
}
body[data-page="trabalhar"] .workerHero__photoCard img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body[data-page="trabalhar"] .workerHero__photoBadge{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(11,21,39,.88);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:14px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}
body[data-page="trabalhar"] .workerHero__ctaCard--auth{
  min-height:420px;
  justify-content:flex-start;
}
body[data-page="trabalhar"] .workerHero__authPreview{
  display:grid;
  gap:10px;
  margin-top:4px;
}
body[data-page="trabalhar"] .workerHero__ghostField{
  width:100%;
  min-height:54px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  color:rgba(255,255,255,.74);
  font-size:15px;
  text-align:left;
  cursor:pointer;
}
body[data-page="trabalhar"] .workerHero__ghostField:hover{
  border-color:rgba(247,190,25,.32);
  color:#fff;
}
body[data-page="trabalhar"] .workerHero__ctaActions--stack{
  flex-direction:column;
  align-items:stretch;
}
body[data-page="trabalhar"] .workerHero__ctaActions--stack .btnPrimary,
body[data-page="trabalhar"] .workerHero__ctaActions--stack .btnSecondary{
  width:100%;
}
body[data-page="trabalhar"] .workerHero__accountLinks{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:14px;
  padding:4px 2px 2px;
}
body[data-page="trabalhar"] .workerHero__accountLinks a{
  color:#f6c25b;
  text-decoration:none;
  font-weight:700;
}
body[data-page="trabalhar"] .workerHero__accountLinks a:last-child{
  color:#fff;
  opacity:.9;
}
body[data-page="trabalhar"] .statsStrip--modern{
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(7,13,27,.82), rgba(6,10,22,.72));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 40px rgba(0,0,0,.2);
}
body[data-page="trabalhar"] .statChip{
  background:transparent;
  border-radius:0;
  box-shadow:none;
  min-height:unset;
  border:0;
  border-right:1px solid rgba(255,255,255,.08);
}
body[data-page="trabalhar"] .statChip:last-child{border-right:0}
body[data-page="trabalhar"] .workerHowItWorks{
  margin-top:18px;
  padding:22px;
  border-radius:28px;
}
body[data-page="trabalhar"] .workerHowItWorks__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
body[data-page="trabalhar"] .workerHowItWorks__eyebrow{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.24);
  color:#f6c25b;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:8px;
}
body[data-page="trabalhar"] .workerHowItWorks__head h2{
  margin:0;
  font-size:30px;
}
body[data-page="trabalhar"] .workerHowItWorks__link{
  color:#f6c25b;
  text-decoration:none;
  font-weight:800;
}
body[data-page="trabalhar"] .workerHowItWorks__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body[data-page="trabalhar"] .workerHowItWorks__item{
  position:relative;
  padding:22px 18px 18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
body[data-page="trabalhar"] .workerHowItWorks__number{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:#f7be19;
  color:#111827;
  font-weight:900;
  margin-bottom:12px;
}
body[data-page="trabalhar"] .workerHowItWorks__item strong{
  display:block;
  font-size:20px;
  color:#fff;
  margin-bottom:8px;
}
body[data-page="trabalhar"] .workerHowItWorks__item p{
  margin:0;
  color:rgba(255,255,255,.74);
  line-height:1.5;
}
body[data-page="trabalhar"] .workerProfilePanel,
body[data-page="trabalhar"] .mapCard--modern,
body[data-page="trabalhar"] .workerHowItWorks{
  background:linear-gradient(180deg, rgba(7,13,27,.82), rgba(6,10,22,.72));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 42px rgba(0,0,0,.2);
}
@media (max-width: 1120px){
  body[data-page="trabalhar"] .workerHero__grid--mockup,
  body[data-page="trabalhar"] .workerHero__intro--split{
    grid-template-columns:1fr;
  }
  body[data-page="trabalhar"] .workerHero__photoCard{
    min-height:320px;
  }
}
@media (max-width: 980px){
  body[data-page="trabalhar"] .statsStrip--modern,
  body[data-page="trabalhar"] .workerHowItWorks__grid{
    grid-template-columns:1fr;
  }
  body[data-page="trabalhar"] .statChip{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:14px 6px 16px;
  }
  body[data-page="trabalhar"] .statChip:last-child{border-bottom:0}
}
@media (max-width: 640px){
  body[data-page="trabalhar"] .workerHero__actionRow,
  body[data-page="trabalhar"] .workerHero__accountLinks,
  body[data-page="trabalhar"] .workerHowItWorks__head{
    flex-direction:column;
    align-items:stretch;
  }
  body[data-page="trabalhar"] .workerHero__mainAction,
  body[data-page="trabalhar"] .workerHero__ghostAction{
    width:100%;
    min-width:0;
  }
  body[data-page="trabalhar"] .workerHero__photoCard{
    min-height:240px;
  }
  body[data-page="trabalhar"] .workerHowItWorks__head h2{
    font-size:26px;
  }
}


/* ===== Quero trabalhar v96 — ajuste do hero para evitar cards estreitos e foto dominante ===== */
body[data-page="trabalhar"] .workerHero__grid--mockup{
  grid-template-columns:minmax(0,1.5fr) minmax(360px,.78fr);
  gap:24px;
}
body[data-page="trabalhar"] .workerHero__intro--split{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:18px 18px;
  align-items:start;
}
body[data-page="trabalhar"] .workerHero__copy{
  gap:16px;
  min-width:0;
}
body[data-page="trabalhar"] .workerHero__subtitle{
  max-width:640px;
}
body[data-page="trabalhar"] .workerHero__visual{
  min-width:0;
}
body[data-page="trabalhar"] .workerHero__photoCard{
  min-height:370px;
}
body[data-page="trabalhar"] .workerHero__photoCard img{
  object-position:center top;
}
body[data-page="trabalhar"] .workerHero__highlights{
  grid-column:1 / -1;
  max-width:none;
  margin-top:2px;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}
body[data-page="trabalhar"] .workerHero__highlight{
  min-height:112px;
  padding:18px;
}
body[data-page="trabalhar"] .workerHero__highlight strong{
  font-size:16px;
  margin-bottom:6px;
}
body[data-page="trabalhar"] .workerHero__highlight small{
  font-size:13px;
}
body[data-page="trabalhar"] .workerHero__ctaCard--auth{
  min-height:502px;
}
@media (max-width: 1120px){
  body[data-page="trabalhar"] .workerHero__grid--mockup,
  body[data-page="trabalhar"] .workerHero__intro--split{
    grid-template-columns:1fr;
  }
  body[data-page="trabalhar"] .workerHero__photoCard{
    min-height:300px;
  }
}
@media (max-width: 820px){
  body[data-page="trabalhar"] .workerHero__highlights{
    grid-template-columns:1fr;
  }
}


/* ===== Quero trabalhar v97 — esconder card de login depois de entrar ===== */
body[data-page="trabalhar"] .workerHero__ctaCard--auth.is-hidden-after-login{
  display:none !important;
}
body[data-page="trabalhar"] .workerHero__grid--mockup.is-logged-in{
  grid-template-columns:minmax(0,1fr);
}
@media (max-width: 1120px){
  body[data-page="trabalhar"] .workerHero__grid--mockup.is-logged-in{
    grid-template-columns:1fr;
  }
}


/* ===== Quero trabalhar v100 — hero mais fiel ao mockup enviado ===== */
body[data-page="trabalhar"] .workerHero__main{
  padding:24px 24px 26px;
  border-radius:34px;
  background:
    radial-gradient(circle at 12% 0%, rgba(245,158,11,.16), transparent 28%),
    radial-gradient(circle at 88% 100%, rgba(59,130,246,.10), transparent 30%),
    linear-gradient(180deg, rgba(7,13,27,.94), rgba(5,10,22,.9));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 60px rgba(0,0,0,.28);
}
body[data-page="trabalhar"] .workerHero__main::before{
  opacity:.42;
  filter:blur(0px);
}
body[data-page="trabalhar"] .workerHero__topbar{
  gap:16px;
  margin-bottom:20px;
}
body[data-page="trabalhar"] .badgeTop{
  padding:15px 24px;
  min-height:58px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  font-size:15px;
  font-weight:800;
}
body[data-page="trabalhar"] .headerActions{
  gap:14px;
}
body[data-page="trabalhar"] .btnHomeTop,
body[data-page="trabalhar"] .headerActions .btnSecondary,
body[data-page="trabalhar"] .headerActions .workerEnterBtn{
  min-height:78px;
  padding:0 28px;
  border-radius:24px;
  font-size:18px;
  font-weight:800;
}
body[data-page="trabalhar"] .btnHomeTop,
body[data-page="trabalhar"] .headerActions .btnSecondary{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-page="trabalhar"] .workerHero__grid--mockup{
  grid-template-columns:minmax(0,1.52fr) minmax(380px,.82fr);
  gap:24px;
  align-items:start;
}
body[data-page="trabalhar"] .workerHero__intro--split{
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.95fr);
  gap:22px;
}
body[data-page="trabalhar"] .workerHero__copy{
  gap:18px;
  padding:6px 0 0;
}
body[data-page="trabalhar"] .workerHero__title{
  margin:0;
  font-size:74px;
  line-height:.96;
  letter-spacing:-.045em;
  max-width:600px;
}
body[data-page="trabalhar"] .workerHero__subtitle{
  max-width:610px;
  font-size:18px;
  line-height:1.56;
  color:rgba(255,255,255,.84);
  margin:0;
}
body[data-page="trabalhar"] .workerHero__actionRow{
  gap:14px;
  margin:6px 0 4px;
}
body[data-page="trabalhar"] .workerHero__mainAction,
body[data-page="trabalhar"] .workerHero__ghostAction{
  min-width:252px;
  min-height:74px;
  border-radius:24px;
  font-size:17px;
  font-weight:900;
  box-shadow:0 18px 36px rgba(0,0,0,.16);
}
body[data-page="trabalhar"] .workerHero__ghostAction{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
}
body[data-page="trabalhar"] .workerHero__visual{
  min-width:0;
}
body[data-page="trabalhar"] .workerHero__photoCard{
  min-height:504px;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 48px rgba(0,0,0,.24);
  background:#0c1322;
}
body[data-page="trabalhar"] .workerHero__photoCard::after{
  background:linear-gradient(90deg, rgba(6,10,20,.26) 0%, rgba(6,10,20,.10) 42%, rgba(6,10,20,.06) 100%);
}
body[data-page="trabalhar"] .workerHero__photoCard img{
  object-position:center center;
}
body[data-page="trabalhar"] .workerHero__photoBadge{
  left:22px;
  bottom:22px;
  padding:14px 18px;
  border-radius:999px;
  font-size:15px;
  backdrop-filter:blur(10px);
}
body[data-page="trabalhar"] .workerHero__highlights{
  gap:16px;
  margin-top:2px;
}
body[data-page="trabalhar"] .workerHero__highlight{
  min-height:136px;
  padding:20px 20px 20px 18px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 14px 32px rgba(0,0,0,.16);
  gap:16px;
}
body[data-page="trabalhar"] .workerHero__highlightIcon{
  width:56px;
  height:56px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(247,190,25,.18), rgba(247,190,25,.08));
  border:1px solid rgba(247,190,25,.18);
  font-size:24px;
  box-shadow:none;
}
body[data-page="trabalhar"] .workerHero__highlight strong{
  display:block;
  font-size:17px;
  margin-bottom:6px;
}
body[data-page="trabalhar"] .workerHero__highlight small{
  font-size:15px;
  line-height:1.45;
  color:rgba(255,255,255,.74);
}
body[data-page="trabalhar"] .workerHero__ctaCard--auth{
  min-height:504px;
  padding:24px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(8,15,30,.96), rgba(6,12,26,.92));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 48px rgba(0,0,0,.22);
}
body[data-page="trabalhar"] .workerHero__ctaBadge{
  padding:8px 14px;
  margin-bottom:12px;
  font-size:13px;
}
body[data-page="trabalhar"] .workerHero__ctaCard h2{
  font-size:28px;
  margin:0 0 10px;
}
body[data-page="trabalhar"] .workerHero__ctaCard p{
  font-size:16px;
  line-height:1.62;
  margin:0 0 12px;
}
body[data-page="trabalhar"] .workerHero__authPreview{
  gap:12px;
  margin-top:8px;
}
body[data-page="trabalhar"] .workerHero__ghostField{
  min-height:58px;
  padding:0 18px;
  border-radius:18px;
  font-size:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.10);
}
body[data-page="trabalhar"] .workerHero__ctaActions--stack{
  gap:14px;
  margin-top:14px;
}
body[data-page="trabalhar"] .workerHero__ctaActions--stack .btnPrimary,
body[data-page="trabalhar"] .workerHero__ctaActions--stack .btnSecondary{
  min-height:72px;
  border-radius:22px;
  font-size:17px;
  font-weight:900;
}
body[data-page="trabalhar"] .workerHero__accountLinks{
  padding:0 2px;
  font-size:15px;
}
body[data-page="trabalhar"] .workerHero__accountLinks a{
  color:#f7be19;
}
body[data-page="trabalhar"] .workerHero__accountLinks a:last-child{
  color:rgba(255,255,255,.92);
}
@media (max-width: 1280px){
  body[data-page="trabalhar"] .workerHero__title{font-size:64px;}
  body[data-page="trabalhar"] .workerHero__grid--mockup{grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr);}
  body[data-page="trabalhar"] .workerHero__intro--split{grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);}
}
@media (max-width: 1120px){
  body[data-page="trabalhar"] .workerHero__grid--mockup,
  body[data-page="trabalhar"] .workerHero__intro--split{grid-template-columns:1fr;}
  body[data-page="trabalhar"] .workerHero__photoCard,
  body[data-page="trabalhar"] .workerHero__ctaCard--auth{min-height:360px;}
}
@media (max-width: 720px){
  body[data-page="trabalhar"] .workerHero__main{padding:18px; border-radius:28px;}
  body[data-page="trabalhar"] .workerHero__topbar{margin-bottom:16px;}
  body[data-page="trabalhar"] .badgeTop{min-height:52px; padding:12px 16px; font-size:13px;}
  body[data-page="trabalhar"] .btnHomeTop,
  body[data-page="trabalhar"] .headerActions .btnSecondary,
  body[data-page="trabalhar"] .headerActions .workerEnterBtn{min-height:58px; padding:0 18px; border-radius:20px; font-size:16px;}
  body[data-page="trabalhar"] .workerHero__title{font-size:48px; max-width:none;}
  body[data-page="trabalhar"] .workerHero__subtitle{font-size:16px;}
  body[data-page="trabalhar"] .workerHero__mainAction,
  body[data-page="trabalhar"] .workerHero__ghostAction,
  body[data-page="trabalhar"] .workerHero__ctaActions--stack .btnPrimary,
  body[data-page="trabalhar"] .workerHero__ctaActions--stack .btnSecondary{min-height:60px; border-radius:20px; font-size:16px; width:100%; min-width:0;}
  body[data-page="trabalhar"] .workerHero__photoCard{min-height:260px; border-radius:24px;}
  body[data-page="trabalhar"] .workerHero__ctaCard--auth{min-height:auto; padding:18px; border-radius:24px;}
  body[data-page="trabalhar"] .workerHero__highlight{min-height:auto; padding:16px; border-radius:20px;}
  body[data-page="trabalhar"] .workerHero__highlightIcon{width:48px;height:48px;border-radius:15px;font-size:21px;}
}

/* ===== Quero trabalhar v102 — alinhar e modernizar botões do topo ===== */
body[data-page="trabalhar"] .workerHero__topbar{
  align-items:flex-start;
}
body[data-page="trabalhar"] .badgeTop{
  flex:0 0 auto;
}
body[data-page="trabalhar"] .headerActions{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  align-items:stretch;
  width:min(100%, 640px);
  margin-left:auto;
  padding:8px;
  gap:10px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 22px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(16px);
}
body[data-page="trabalhar"] .btnHomeTop,
body[data-page="trabalhar"] .headerActions .btnSecondary,
body[data-page="trabalhar"] .headerActions .workerEnterBtn{
  width:100%;
  min-width:0;
  min-height:76px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
  line-height:1.08;
  letter-spacing:-.015em;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
body[data-page="trabalhar"] .btnHomeTop,
body[data-page="trabalhar"] .headerActions .btnSecondary{
  background:linear-gradient(180deg, rgba(12,20,36,.96), rgba(8,14,27,.92)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#f8fafc !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-page="trabalhar"] .btnHomeTop:hover,
body[data-page="trabalhar"] .headerActions .btnSecondary:hover,
body[data-page="trabalhar"] .headerActions .workerEnterBtn:hover{
  transform:translateY(-2px);
}
body[data-page="trabalhar"] .btnHomeTop:hover,
body[data-page="trabalhar"] .headerActions .btnSecondary:hover{
  border-color:rgba(247,190,25,.34) !important;
  background:linear-gradient(180deg, rgba(17,28,48,.98), rgba(10,16,31,.94)) !important;
  box-shadow:0 16px 30px rgba(0,0,0,.2), 0 0 0 1px rgba(247,190,25,.08) inset;
}
body[data-page="trabalhar"] .workerEnterBtn{
  background:linear-gradient(135deg, #fff6cf 0%, #ffd75f 45%, #f7be19 100%) !important;
  color:#111827 !important;
  border:1px solid rgba(255,255,255,.26) !important;
  box-shadow:0 16px 34px rgba(247,190,25,.28), 0 1px 0 rgba(255,255,255,.56) inset;
}
body[data-page="trabalhar"] .workerEnterBtn.is-logged{
  background:linear-gradient(135deg, #ffffff 0%, #edf4ff 55%, #dbeafe 100%) !important;
  color:#0f172a !important;
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:0 16px 34px rgba(59,130,246,.2), 0 1px 0 rgba(255,255,255,.8) inset;
}
body[data-page="trabalhar"] .workerEnterBtn__icon{
  width:30px;
  height:30px;
  font-size:15px;
}
@media (max-width: 1180px){
  body[data-page="trabalhar"] .workerHero__topbar{
    align-items:stretch;
  }
  body[data-page="trabalhar"] .headerActions{
    width:100%;
    max-width:none;
  }
}
@media (max-width: 720px){
  body[data-page="trabalhar"] .workerHero__topbar{
    gap:14px;
  }
  body[data-page="trabalhar"] .badgeTop{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  body[data-page="trabalhar"] .headerActions{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    padding:7px;
    border-radius:24px;
  }
  body[data-page="trabalhar"] .btnHomeTop,
  body[data-page="trabalhar"] .headerActions .btnSecondary,
  body[data-page="trabalhar"] .headerActions .workerEnterBtn{
    min-height:62px;
    padding:0 14px;
    border-radius:20px;
    font-size:15px;
    white-space:normal;
  }
  body[data-page="trabalhar"] .headerActions .workerEnterBtn{
    grid-column:1 / -1;
  }
}


/* ===== Quero trabalhar v103 — topo premium aplicado ===== */
body[data-page="trabalhar"] .workerHero__topbar{
  align-items:center;
  gap:22px;
}
body[data-page="trabalhar"] .headerActions{
  width:min(100%, 690px);
  grid-template-columns:1fr 1.15fr 1fr;
  gap:12px;
  padding:10px;
  border-radius:34px;
  background:linear-gradient(135deg, rgba(17,24,39,.92) 0%, rgba(13,20,34,.88) 48%, rgba(74,47,18,.28) 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07);
}
body[data-page="trabalhar"] .btnHomeTop,
body[data-page="trabalhar"] .headerActions .btnSecondary,
body[data-page="trabalhar"] .headerActions .workerEnterBtn{
  min-height:84px;
  border-radius:24px;
  padding:0 22px;
  font-size:16px;
  font-weight:900;
  gap:12px;
}
body[data-page="trabalhar"] .btnHomeTop,
body[data-page="trabalhar"] .headerActions .btnSecondary{
  justify-content:center;
  background:linear-gradient(180deg, rgba(15,23,42,.96), rgba(10,15,27,.95)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-page="trabalhar"] .btnHomeTop:hover,
body[data-page="trabalhar"] .headerActions .btnSecondary:hover{
  border-color:rgba(247,190,25,.4) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.24), 0 0 0 1px rgba(247,190,25,.14) inset;
}
body[data-page="trabalhar"] .workerEnterBtn{
  justify-content:center;
  background:linear-gradient(135deg, #fffaf0 0%, #ffe8a8 58%, #ffd55b 100%) !important;
  color:#101828 !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 18px 38px rgba(247,190,25,.22), inset 0 1px 0 rgba(255,255,255,.8);
}
body[data-page="trabalhar"] .workerEnterBtn.is-logged{
  background:linear-gradient(135deg, #fffaf0 0%, #eef5ff 60%, #dbeafe 100%) !important;
}
body[data-page="trabalhar"] .topNavIcon,
body[data-page="trabalhar"] .workerEnterBtn__icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:18px;
  line-height:1;
}
body[data-page="trabalhar"] .topNavIcon{
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body[data-page="trabalhar"] .topPublishBtn{
  border-color:rgba(247,190,25,.28) !important;
}
body[data-page="trabalhar"] .workerEnterBtn__icon{
  background:rgba(17,24,39,.08);
}
@media (max-width: 720px){
  body[data-page="trabalhar"] .workerHero__topbar{gap:14px;}
  body[data-page="trabalhar"] .headerActions{grid-template-columns:1fr 1fr; padding:8px; border-radius:26px;}
  body[data-page="trabalhar"] .btnHomeTop,
  body[data-page="trabalhar"] .headerActions .btnSecondary,
  body[data-page="trabalhar"] .headerActions .workerEnterBtn{min-height:68px; border-radius:20px; padding:0 16px; font-size:15px; gap:10px;}
  body[data-page="trabalhar"] .topNavIcon,
  body[data-page="trabalhar"] .workerEnterBtn__icon{width:30px; height:30px; flex-basis:30px; font-size:15px;}
}


/* v104 - topo com 3 botões do mesmo tamanho */

body[data-page="trabalhar"] .headerActions{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  align-items:stretch;
  gap:14px;
  width:min(100%, 760px);
  margin-left:auto;
  padding:10px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(9,16,31,.72), rgba(7,12,24,.58));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(14px);
}
body[data-page="trabalhar"] .headerActions > *{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
body[data-page="trabalhar"] .btnHomeTop,
body[data-page="trabalhar"] .headerActions .btnSecondary,
body[data-page="trabalhar"] .headerActions .workerEnterBtn{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100% !important;
  min-width:0 !important;
  min-height:84px;
  padding:0 22px;
  border-radius:24px;
  text-align:center;
}
body[data-page="trabalhar"] .btnHomeTop span:last-child,
body[data-page="trabalhar"] .headerActions .btnSecondary span:last-child,
body[data-page="trabalhar"] .headerActions .workerEnterBtn__text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
body[data-page="trabalhar"] .topPublishBtn{
  line-height:1.15;
}
@media (max-width: 980px){
  body[data-page="trabalhar"] .headerActions{
    width:100%;
  }
}
@media (max-width: 720px){
  body[data-page="trabalhar"] .headerActions{
    grid-template-columns:1fr 1fr;
  }
  body[data-page="trabalhar"] .headerActions .workerEnterBtn{
    grid-column:1 / -1;
  }
  body[data-page="trabalhar"] .btnHomeTop,
  body[data-page="trabalhar"] .headerActions .btnSecondary,
  body[data-page="trabalhar"] .headerActions .workerEnterBtn{
    min-height:72px;
    padding:0 16px;
    border-radius:20px;
  }
}


.footer__contact{
  margin-top:10px;
  font-weight:700;
}


.workerAuthModal__helpRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.workerAuthRemember{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.86);
  font-weight:800;
  font-size:14px;
}
.workerAuthRemember input{
  width:18px;
  height:18px;
  accent-color:#f7c948;
  margin:0;
}
@media (max-width:640px){
  .workerAuthModal__helpRow{
    align-items:flex-start;
  }
  .workerAuthRemember{
    width:100%;
  }
}


#workerLogoutBtn{
  border:1px solid rgba(220,38,38,.22);
}
#workerLogoutBtn:hover{
  background:rgba(220,38,38,.08);
}