/* =============================================================================
   ENCONTRE PEÃO — Design System 2.0  (CSS puro, sem build)
   Estilo: agritech premium, profundidade suave, vidro, movimento, app-like.
   100% responsivo (mobile-first hardening), sem estouro horizontal.
   ========================================================================== */

/* --------------------------------------------------------------- Tokens --- */
:root{
  /* Marca (sobrescrita pelo head conforme configurações do admin) */
  --green:#2f7d32;
  --gold:#c79a3a;

  /* Tons derivados da marca (cascateiam se o admin trocar a cor) */
  --green-d:color-mix(in srgb, var(--green) 78%, #06130a);
  --green-dd:color-mix(in srgb, var(--green) 58%, #06130a);
  --green-l:color-mix(in srgb, var(--green) 14%, #fff);
  --green-ll:color-mix(in srgb, var(--green) 7%, #fff);
  --green-glow:color-mix(in srgb, var(--green) 40%, transparent);
  --gold-d:color-mix(in srgb, var(--gold) 70%, #1a1203);
  --gold-l:color-mix(in srgb, var(--gold) 18%, #fff);

  /* Neutros quentes */
  --ink:#16201a;
  --ink-2:#33403a;
  --muted:#667064;
  --muted-l:#98a294;
  --bg:#f4f7f1;
  --bg-2:#eef3ea;
  --card:#ffffff;
  --line:#e7ece0;
  --line-d:#d6ddca;
  --line-glass:rgba(255,255,255,.6);

  /* Semânticos */
  --success:#1f9d57; --success-l:#e6f6ec;
  --danger:#e23b3b;  --danger-l:#fdeced;
  --warning:#e7a72b; --warning-l:#fdf3df;
  --info:#2f7fd0;    --info-l:#e8f1fb;

  /* Raio */
  --r-xs:8px; --r-sm:12px; --r:16px; --r-lg:22px; --r-xl:28px; --r-pill:999px;

  /* Sombras (multicamada, suaves) */
  --sh-xs:0 1px 2px rgba(20,34,22,.06);
  --sh-sm:0 2px 6px rgba(20,34,22,.06), 0 1px 2px rgba(20,34,22,.05);
  --sh:0 6px 18px -6px rgba(20,34,22,.14), 0 2px 6px -2px rgba(20,34,22,.08);
  --sh-md:0 16px 40px -16px rgba(20,34,22,.22), 0 4px 12px -6px rgba(20,34,22,.10);
  --sh-lg:0 32px 70px -28px rgba(16,32,18,.34), 0 8px 22px -14px rgba(16,32,18,.18);
  --sh-glow:0 10px 28px -8px var(--green-glow);

  /* Tipografia */
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Plus Jakarta Sans',var(--font);

  /* Movimento */
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.16s; --t:.28s; --t-slow:.5s;

  --sidebar-w:264px; --topbar-h:66px; --bottomnav-h:64px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}
body{
  margin:0;font-family:var(--font);color:var(--ink);font-size:15px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background:var(--bg);
  background-image:
    radial-gradient(1200px 520px at 88% -10%, color-mix(in srgb,var(--green) 12%, transparent), transparent 60%),
    radial-gradient(1000px 480px at -8% 8%, color-mix(in srgb,var(--gold) 11%, transparent), transparent 55%);
  background-attachment:fixed;
}
img,svg,video,canvas{max-width:100%}
img{display:block}
a{color:inherit;text-decoration:none}
svg{flex-shrink:0}
::selection{background:color-mix(in srgb,var(--green) 26%, transparent)}
:focus-visible{outline:2.5px solid color-mix(in srgb,var(--green) 60%, transparent);outline-offset:2px;border-radius:6px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 32%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 50%,transparent);background-clip:padding-box}

h1,h2,h3,h4{margin:0 0 .42em;line-height:1.12;font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;color:var(--ink)}
h1{font-size:clamp(28px,4.2vw,46px)}
h2{font-size:clamp(23px,3.2vw,34px)}
h3{font-size:19px;letter-spacing:-.02em}
h4{font-size:15px}
p{margin:0 0 1em}
small{font-size:12.5px}
b,strong{font-weight:700}

.muted{color:var(--muted)} .center{text-align:center}
.grn{color:var(--green)} .gold{color:var(--gold-d)}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 22px}
.container-sm{max-width:580px}
.section{padding:clamp(48px,7vw,86px) 0}
.section-tight{padding:clamp(28px,4vw,46px) 0}
hr,.divider{border:none;border-top:1px solid var(--line);margin:22px 0;height:0}
.divider{height:1px;background:var(--line);border:0}

/* ------------------------------------------------------------- Buttons --- */
.btn{
  --btn-bg:#fff;--btn-fg:var(--ink);--btn-bd:transparent;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:12px 20px;border-radius:var(--r-sm);font-weight:700;font-size:14.5px;line-height:1;
  font-family:var(--font);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;text-align:center;
  border:1.5px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);
  transition:transform var(--t-fast) var(--ease), box-shadow var(--t) var(--ease), background var(--t), border-color var(--t), filter var(--t);
  overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;
}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s var(--ease)}
.btn:hover::after{transform:translateX(120%)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn svg{width:18px;height:18px}
.btn-primary{--btn-bg:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 70%, #57c45e));--btn-fg:#fff;box-shadow:var(--sh-glow)}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 16px 34px -10px var(--green-glow)}
.btn-gold{--btn-bg:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 72%, #f0c869));--btn-fg:#3a2c08;box-shadow:0 10px 26px -10px color-mix(in srgb,var(--gold) 60%,transparent)}
.btn-gold:hover{filter:brightness(1.04);transform:translateY(-2px)}
.btn-outline{--btn-bg:#fff;--btn-bd:color-mix(in srgb,var(--green) 45%,#fff);--btn-fg:var(--green-d)}
.btn-outline:hover{--btn-bg:var(--green-ll);--btn-bd:var(--green);transform:translateY(-1px);box-shadow:var(--sh-sm)}
.btn-ghost{--btn-bg:var(--green-ll);--btn-fg:var(--green-d)}
.btn-ghost:hover{--btn-bg:var(--green-l);transform:translateY(-1px)}
.btn-light{--btn-bg:#fff;--btn-bd:var(--line-d);--btn-fg:var(--ink)}
.btn-light:hover{--btn-bd:var(--green);--btn-fg:var(--green-d);transform:translateY(-1px);box-shadow:var(--sh-sm)}
.btn-danger{--btn-bg:#fff;--btn-bd:color-mix(in srgb,var(--danger) 32%,#fff);--btn-fg:var(--danger)}
.btn-danger:hover{--btn-bg:var(--danger-l);transform:translateY(-1px)}
.btn-white{--btn-bg:#fff;--btn-fg:var(--green-d);box-shadow:var(--sh)}
.btn-white:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn-block{width:100%}
.btn-sm{padding:9px 15px;font-size:13px;border-radius:10px;gap:7px}
.btn-sm svg{width:15px;height:15px}
.btn-lg{padding:16px 30px;font-size:16px;border-radius:14px}
.btn:disabled,.btn.disabled{opacity:.5;pointer-events:none;box-shadow:none}
/* Estados "ligado/ativo" para botões de alternância (admin, favoritos) */
.btn-on-green{background:var(--green-l);border-color:color-mix(in srgb,var(--green) 40%,#fff);color:var(--green-d);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 18%,transparent)}
.btn-on-green:hover{background:var(--green-l);border-color:var(--green);transform:translateY(-1px)}
.btn-on-gold{background:var(--gold-l);border-color:color-mix(in srgb,var(--gold) 46%,#fff);color:var(--gold-d);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 22%,transparent)}
.btn-on-gold:hover{background:var(--gold-l);border-color:var(--gold);transform:translateY(-1px)}
.btn-on-red{background:var(--danger-l);border-color:color-mix(in srgb,var(--danger) 40%,#fff);color:var(--danger)}
.btn.active{background:var(--green-l);border-color:var(--green);color:var(--green-d)}
.tb-icon.active{background:var(--danger-l);border-color:color-mix(in srgb,var(--danger) 34%,#fff);color:var(--danger)}

/* --------------------------------------------------------------- Cards --- */
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm)}
.card-pad{padding:24px}
.card-hover{transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t)}
.card-hover:hover{box-shadow:var(--sh-md);transform:translateY(-4px);border-color:var(--line-d)}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line)}
.card-head h3{margin:0;font-size:16.5px}
.card-body{padding:24px}

/* -------------------------------------------------------------- Badges --- */
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.01em;border:1px solid transparent}
.badge svg{width:13px;height:13px}
.badge-green{background:var(--green-l);color:var(--green-d);border-color:color-mix(in srgb,var(--green) 18%,transparent)}
.badge-gold{background:var(--gold-l);color:var(--gold-d);border-color:color-mix(in srgb,var(--gold) 24%,transparent)}
.badge-gray{background:#eef1ea;color:var(--muted)}
.badge-red{background:var(--danger-l);color:var(--danger)}
.badge-blue{background:var(--info-l);color:var(--info)}
.badge-amber{background:var(--warning-l);color:#9a6b15}
.badge-success{background:var(--success-l);color:var(--success);border-color:color-mix(in srgb,var(--success) 20%,transparent)}
.dot{width:8px;height:8px;border-radius:999px;display:inline-block;position:relative}
.dot-green{background:var(--success)} .dot-amber{background:var(--warning)} .dot-red{background:var(--danger)} .dot-gray{background:var(--muted-l)}
.dot-green::after{content:"";position:absolute;inset:-3px;border-radius:999px;background:var(--success);opacity:.4;animation:pulse 2s var(--ease) infinite}
@keyframes pulse{0%{transform:scale(1);opacity:.45}70%{transform:scale(2.4);opacity:0}100%{opacity:0}}

/* --------------------------------------------------------------- Forms --- */
.field{margin-bottom:17px}
.field label,.label{display:block;font-weight:600;font-size:13px;margin-bottom:7px;color:var(--ink-2);letter-spacing:.01em}
.label .opt{color:var(--muted-l);font-weight:500}
.input,.select,.textarea,
input:not([type]),input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],select,textarea{
  width:100%;padding:12px 15px;border:1.5px solid var(--line-d);border-radius:var(--r-sm);
  font-size:15px;background:#fbfcfa;font-family:inherit;color:var(--ink);
  transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);
}
select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23667064' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:40px}
textarea{min-height:104px;resize:vertical;line-height:1.6}
.input:focus,.select:focus,.textarea:focus,input:focus,select:focus,textarea:focus{
  outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 15%,transparent)
}
.input.error,input.error,select.error,textarea.error{border-color:var(--danger);background:var(--danger-l)}
.help{font-size:12.5px;color:var(--muted);margin-top:6px}
.error-text{color:var(--danger);font-size:12.5px;margin-top:6px;font-weight:600}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}

.recruiter-create-form{display:grid;gap:12px}
.access-box{border:1px dashed var(--line-d);background:#fbfcfa;border-radius:var(--r-sm);padding:14px;margin:4px 0 16px}
.access-box .grid-2{margin-top:12px}
.recruiter-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media (max-width:720px){.access-box{padding:12px}.recruiter-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.recruiter-actions .btn,.recruiter-actions form{width:100%}.recruiter-actions form .btn{width:100%}}

.input-icon{position:relative}
.input-icon svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted-l);width:18px;height:18px;pointer-events:none;transition:color var(--t-fast)}
.input-icon input{padding-left:44px}
.input-icon input:focus + svg,.input-icon:focus-within svg{color:var(--green)}
.check{display:flex;align-items:center;gap:11px;cursor:pointer;font-size:14px;padding:12px 14px;border:1.5px solid var(--line-d);border-radius:var(--r-sm);background:#fbfcfa;transition:border-color var(--t-fast),background var(--t-fast)}
.check:hover{border-color:var(--green)}
.check input{width:18px;height:18px;accent-color:var(--green);margin:0;flex-shrink:0}
.check.checked{border-color:var(--green);background:var(--green-l)}
.switch{position:relative;display:inline-flex;align-items:center;gap:11px;cursor:pointer}
.switch input{display:none}
.switch .track{width:46px;height:26px;background:var(--line-d);border-radius:999px;transition:background var(--t) var(--ease);position:relative;flex-shrink:0}
.switch .track::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:999px;transition:transform var(--t) var(--ease);box-shadow:0 2px 5px rgba(0,0,0,.25)}
.switch input:checked + .track{background:var(--green)}
.switch input:checked + .track::after{transform:translateX(20px)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border:1.5px solid var(--line-d);border-radius:var(--r-pill);background:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--t-fast) var(--ease);color:var(--muted)}
.chip:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px)}
.chip.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:var(--sh-sm)}
.chip-gold.active{background:var(--gold);border-color:var(--gold);color:#3a2c08}

/* -------------------------------------------------------------- Alerts --- */
.alert{display:flex;gap:13px;align-items:flex-start;padding:15px 17px;border-radius:var(--r-sm);margin-bottom:18px;font-size:14px;border:1px solid transparent;line-height:1.5}
.alert svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}
.alert b{font-weight:700}
.alert-success{background:var(--success-l);border-color:color-mix(in srgb,var(--success) 26%,#fff);color:#1c6b3d}
.alert-error{background:var(--danger-l);border-color:color-mix(in srgb,var(--danger) 26%,#fff);color:#a52828}
.alert-warning{background:var(--warning-l);border-color:color-mix(in srgb,var(--warning) 30%,#fff);color:#8a6512}
.alert-info{background:var(--info-l);border-color:color-mix(in srgb,var(--info) 26%,#fff);color:#235d8c}

/* ------------------------------------------------------------- Avatars --- */
.avatar{border-radius:50%;object-fit:cover;background:var(--green-l);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:var(--font-display);flex-shrink:0;overflow:hidden;position:relative}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-sm{width:40px;height:40px;font-size:14px}
.avatar-md{width:54px;height:54px;font-size:18px}
.avatar-lg{width:88px;height:88px;font-size:30px}
.avatar-xl{width:124px;height:124px;font-size:42px}

/* ===================================================== PUBLIC — TOP NAV === */
.nav{position:sticky;top:0;z-index:60;background:color-mix(in srgb,#fff 78%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent;transition:border-color var(--t),box-shadow var(--t),background var(--t)}
.nav.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px -16px rgba(20,34,22,.4);background:color-mix(in srgb,#fff 88%,transparent)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:18px;min-width:0}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.03em;flex-shrink:0}
.brand .mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,var(--green),color-mix(in srgb,var(--green) 62%,#5cc763));display:grid;place-items:center;color:#fff;box-shadow:var(--sh-glow);transition:transform var(--t) var(--ease)}
.brand:hover .mark{transform:rotate(-8deg) scale(1.06)}
.brand .mark svg{width:23px;height:23px}
.brand b span{color:var(--gold)}
.brand.has-brand-logo{gap:0}
.brand-logo-img{display:block;width:auto;max-width:min(190px,42vw);height:auto;max-height:50px;object-fit:contain}
.nav .brand-logo-img{max-height:52px}
.auth-card .brand-logo-img{max-height:62px;max-width:220px}
.auth-side .brand-logo-img{max-height:66px;max-width:240px}
.footer-brand .brand-logo-img,.footer .brand-logo-img{max-height:58px;max-width:220px}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{padding:9px 14px;border-radius:10px;font-weight:600;font-size:14.5px;color:var(--ink-2);transition:color var(--t-fast),background var(--t-fast);position:relative}
.nav-links a:hover{background:var(--green-ll);color:var(--green-d)}
.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-toggle{display:none;background:var(--green-ll);border:none;cursor:pointer;color:var(--green-d);width:44px;height:44px;border-radius:12px;place-items:center;transition:background var(--t-fast)}
.nav-toggle:hover{background:var(--green-l)}
.nav-toggle svg{width:24px;height:24px}
.mobile-menu{display:grid;grid-template-rows:0fr;overflow:hidden;border-top:1px solid transparent;background:color-mix(in srgb,#fff 92%,transparent);backdrop-filter:blur(16px);transition:grid-template-rows var(--t) var(--ease),border-color var(--t)}
.mobile-menu>.container{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:3px;padding-top:0;padding-bottom:0;transition:padding var(--t)}
.mobile-menu.open{grid-template-rows:1fr;border-top-color:var(--line)}
.mobile-menu.open>.container{padding-top:12px;padding-bottom:14px}
.mobile-menu a{display:flex;align-items:center;padding:13px 16px;font-weight:600;border-radius:12px;color:var(--ink-2);transition:background var(--t-fast)}
.mobile-menu a:hover,.mobile-menu a:active{background:var(--green-ll);color:var(--green-d)}

/* ---------------------------------------------------------------- HERO --- */
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(900px 460px at 82% -12%, color-mix(in srgb,var(--green) 22%,transparent), transparent 60%),
  radial-gradient(760px 420px at 6% 118%, color-mix(in srgb,var(--gold) 20%,transparent), transparent 55%)}
.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center;padding:clamp(48px,6vw,84px) 0}
.hero h1{margin-bottom:.32em}
.hero h1 span{color:var(--green);background:linear-gradient(120deg,var(--green),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .lead{font-size:clamp(16px,1.4vw,19px);color:var(--muted);max-width:560px;margin-bottom:30px}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.hero-stats{display:flex;gap:34px;margin-top:38px;flex-wrap:wrap}
.hero-stats .n{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--green-d);line-height:1}
.hero-stats .l{font-size:13px;color:var(--muted);margin-top:4px}
.hero-art{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:4/3;
  background:linear-gradient(150deg,color-mix(in srgb,var(--green) 94%,#000),var(--green-dd));color:#fff}
.hero-art::after{content:"";position:absolute;width:60%;height:60%;right:-10%;bottom:-15%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 50%,transparent),transparent 65%);filter:blur(6px)}
.hero-art .scene{position:absolute;inset:0;opacity:.3;background-image:radial-gradient(circle at 22% 30%,rgba(255,255,255,.8) 0 2px,transparent 2px),radial-gradient(circle at 72% 62%,rgba(255,255,255,.6) 0 2px,transparent 2px);background-size:48px 48px;animation:drift 24s linear infinite}
@keyframes drift{to{background-position:48px 48px,48px 48px}}
.hero-badge{position:absolute;top:20px;right:20px;z-index:3;background:color-mix(in srgb,#fff 94%,transparent);backdrop-filter:blur(8px);color:var(--green-d);padding:9px 15px;border-radius:var(--r-pill);font-weight:700;font-size:13px;display:inline-flex;gap:7px;align-items:center;box-shadow:var(--sh-md)}
/* Cartões de vidro flutuantes (dão "vida" ao hero) */
.hero-float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,#fff 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:15px;padding:10px 14px;box-shadow:var(--sh-md);color:var(--ink);animation:floaty 5.5s var(--ease) infinite}
.hf-card{top:24px;left:24px;max-width:72%}
.hf-card .hf-name{font-family:var(--font-display);font-weight:800;font-size:13.5px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hf-card .hf-name svg{color:var(--green);flex-shrink:0}
.hf-card .hf-sub{font-size:11.5px;color:var(--muted)}
.hf-chip{top:104px;right:22px;animation-delay:.7s;font-weight:700;font-size:12.5px;color:var(--gold-d)}
.hf-chip svg{color:var(--gold)}
.hf-chip2{bottom:118px;left:30px;animation-delay:1.3s;font-weight:700;font-size:12.5px;color:var(--green-d)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-art-foot{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px}
.hero-art-kicker{font-size:13px;opacity:.88;margin-bottom:5px;color:#fff;font-weight:600}
.hero-art-title{font-family:var(--font-display);font-size:clamp(21px,2.3vw,27px);font-weight:800;line-height:1.18;color:#fff;letter-spacing:-.02em}

/* ---------------------------------------------------------- Searchbar --- */
.searchbar{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:16px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:11px}
.searchbar .btn{height:100%}

/* --------------------------------------------------------- Category --- */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cat-card{display:flex;flex-direction:column;gap:13px;padding:22px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm);transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t);cursor:pointer;position:relative;overflow:hidden}
.cat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--green-ll),transparent 60%);opacity:0;transition:opacity var(--t)}
.cat-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:color-mix(in srgb,var(--green) 30%,#fff)}
.cat-card:hover::before{opacity:1}
.cat-card .ico{width:52px;height:52px;border-radius:14px;background:var(--green-l);color:var(--green-d);display:grid;place-items:center;transition:transform var(--t) var(--ease);position:relative;z-index:1}
.cat-card:hover .ico{transform:scale(1.08) rotate(-4deg)}
.cat-card .ico svg{width:27px;height:27px}
.cat-card .t{font-weight:700;font-family:var(--font-display);position:relative;z-index:1}
.cat-card .c{font-size:12.5px;color:var(--muted);position:relative;z-index:1}

/* --------------------------------------------------- Section header --- */
.sec-head{text-align:center;max-width:660px;margin:0 auto clamp(28px,4vw,44px)}
.sec-head .kicker{display:inline-flex;align-items:center;gap:7px;background:var(--green-l);color:var(--green-d);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.07em;padding:7px 14px;border-radius:var(--r-pill);margin-bottom:14px;border:1px solid color-mix(in srgb,var(--green) 16%,transparent)}
.sec-head p{color:var(--muted);font-size:16px}
.sec-head.left{text-align:left;margin-left:0}

/* ------------------------------------------------------- Worker cards --- */
.workers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.worker-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t);position:relative;display:flex;flex-direction:column;box-shadow:var(--sh-sm)}
.worker-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:var(--line-d)}
.worker-card .cover{height:104px;background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 66%,#46a64c));position:relative;overflow:hidden}
.worker-card .cover::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%,rgba(255,255,255,.25) 0 1.5px,transparent 2px);background-size:26px 26px;opacity:.5}
.worker-card.feat .cover{background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 70%,#e6bd5c))}
.worker-card .ph{position:absolute;left:50%;bottom:-32px;transform:translateX(-50%);z-index:2}
.worker-card .ph .avatar{border:4px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.worker-card .flag{position:absolute;top:12px;right:12px;z-index:2}
.worker-card .body{padding:42px 18px 20px;text-align:center;flex:1;display:flex;flex-direction:column}
.worker-card .nm{font-weight:800;font-size:16.5px;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;gap:5px}
.worker-card .pr{color:var(--green-d);font-weight:600;font-size:13.5px;margin-top:2px}
.worker-card .loc{color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:4px;justify-content:center;margin-top:5px}
.worker-card .loc svg{width:13px;height:13px}
.worker-card .tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:13px 0}
.worker-card .foot{margin-top:auto;padding-top:14px;display:flex;gap:8px}

/* ----------------------------------------------------------- Stat row --- */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;gap:15px;align-items:center;box-shadow:var(--sh-sm);transition:transform var(--t) var(--ease),box-shadow var(--t)}
.stat:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.stat .ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}
.stat .ico svg{width:24px;height:24px}
.stat .n{font-family:var(--font-display);font-size:25px;font-weight:800;line-height:1}
.stat .l{font-size:13px;color:var(--muted);margin-top:4px}
.ico-green{background:var(--green-l);color:var(--green-d)} .ico-gold{background:var(--gold-l);color:var(--gold-d)}
.ico-blue{background:var(--info-l);color:var(--info)} .ico-red{background:var(--danger-l);color:var(--danger)}
.ico-amber{background:var(--warning-l);color:#9a6b15} .ico-gray{background:#eef1ea;color:var(--muted)}

/* -------------------------------------------------------------- Steps --- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sh-sm);transition:transform var(--t) var(--ease),box-shadow var(--t);position:relative}
.step:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.step .n{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 66%,#48a850));color:#fff;font-weight:800;font-family:var(--font-display);display:grid;place-items:center;margin-bottom:16px;box-shadow:var(--sh-glow);font-size:18px}

/* ------------------------------------------------------------- Pills --- */
.pill-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pill-list .pill{background:#fff;border:1px solid var(--line);padding:9px 16px;border-radius:var(--r-pill);font-weight:600;font-size:13.5px;color:var(--muted);box-shadow:var(--sh-xs);transition:transform var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.pill-list .pill:hover{transform:translateY(-2px);color:var(--green-d);border-color:color-mix(in srgb,var(--green) 30%,#fff)}

/* ----------------------------------------------------------- CTA band --- */
.cta-band{background:linear-gradient(135deg,var(--green-d),var(--green));border-radius:var(--r-xl);padding:clamp(34px,5vw,58px);color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:var(--sh-lg)}
.cta-band::before{content:"";position:absolute;inset:0;background:
  radial-gradient(500px 240px at 18% 0%,rgba(255,255,255,.16),transparent),
  radial-gradient(circle at 80% 120%,color-mix(in srgb,var(--gold) 40%,transparent),transparent 50%)}
.cta-band>*{position:relative}
.cta-band h2{color:#fff}
.cta-band p{color:rgba(255,255,255,.88);max-width:540px;margin:0 auto 26px}

/* ------------------------------------------------------------ Footer --- */
.footer{background:#13201a;color:#c6d0c2;padding:clamp(44px,6vw,64px) 0 28px;margin-top:48px;position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 90% 0%,color-mix(in srgb,var(--green) 30%,transparent),transparent 60%);opacity:.5}
.footer>.container{position:relative}
.footer a{color:#c6d0c2;transition:color var(--t-fast)}
.footer a:hover{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}
.footer .brand{color:#fff;margin-bottom:16px}
.footer h4{color:#fff;font-size:13px;margin-bottom:15px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}
.footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;font-size:14px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#90a08c}

/* ====================================================== AUTH PAGES ======= */
.auth-wrap{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}
.auth-side{background:linear-gradient(155deg,var(--green-d),var(--green));color:#fff;padding:clamp(40px,5vw,60px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.auth-side::after{content:"";position:absolute;bottom:-30%;right:-20%;width:70%;height:70%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 40%,transparent),transparent 65%)}
.auth-side .scene{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle at 30% 20%,#fff 0 2px,transparent 2px);background-size:42px 42px}
.auth-side h2{color:#fff;font-size:clamp(26px,3vw,34px);position:relative;max-width:440px}
.auth-side p{color:rgba(255,255,255,.85);position:relative;max-width:420px}
.auth-side .feat{display:flex;gap:13px;align-items:center;margin-top:18px;position:relative;font-size:14.5px}
.auth-side .feat .c{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);display:grid;place-items:center;flex-shrink:0}
.auth-main{display:flex;align-items:center;justify-content:center;padding:40px 22px;overflow-y:auto}
.auth-card{width:100%;max-width:440px;animation:rise .6s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.auth-card .brand{margin-bottom:26px}
.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--green-ll);padding:5px;border-radius:var(--r-sm);margin-bottom:24px}
.role-switch a{text-align:center;padding:12px;border-radius:10px;font-weight:700;font-size:14px;color:var(--muted);transition:all var(--t-fast) var(--ease)}
.role-switch a.active{background:#fff;color:var(--green-d);box-shadow:var(--sh-sm)}

/* ========================================================= PANEL (app) === */
.layout{min-height:100vh;min-height:100dvh;display:flex}
.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,#1a261c,#141e16);color:#c4cfba;flex-shrink:0;position:fixed;top:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;transition:transform var(--t) var(--ease);border-right:1px solid rgba(255,255,255,.06)}
.sidebar .s-brand{display:flex;align-items:center;gap:11px;padding:20px;font-family:var(--font-display);font-weight:800;color:#fff;font-size:18px;letter-spacing:-.02em;border-bottom:1px solid rgba(255,255,255,.07)}
.sidebar .s-brand .mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(140deg,var(--green),color-mix(in srgb,var(--green) 64%,#54c25b));display:grid;place-items:center;box-shadow:var(--sh-glow)}
.sidebar .s-brand .mark svg{width:21px;height:21px}
.sidebar .s-brand.has-brand-logo{justify-content:flex-start;min-height:77px}
.sidebar .s-brand .brand-logo-img{max-height:42px;max-width:190px;width:auto;object-fit:contain}
.s-nav{padding:16px 14px;overflow-y:auto;flex:1;scrollbar-width:thin}
.s-nav .grp{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:#7a8770;padding:16px 12px 7px;font-weight:700}
.s-nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:11px;color:#c4cfba;font-weight:600;font-size:14px;margin-bottom:3px;transition:background var(--t-fast),color var(--t-fast);position:relative}
.s-nav a svg{width:19px;height:19px;opacity:.8;transition:opacity var(--t-fast)}
.s-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.s-nav a:hover svg{opacity:1}
.s-nav a.active{background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 70%,#3f9e45));color:#fff;box-shadow:var(--sh-glow)}
.s-nav a.active svg{opacity:1}
.s-nav a.active::before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:22px;background:var(--gold);border-radius:0 4px 4px 0}
.s-nav a .count{margin-left:auto;background:var(--gold);color:#3a2c08;font-size:11px;font-weight:800;padding:1px 8px;border-radius:999px;min-width:20px;text-align:center}
.s-foot{padding:14px;border-top:1px solid rgba(255,255,255,.07)}
.s-foot button:hover{background:rgba(255,255,255,.07)!important;border-radius:11px}

.main{flex:1;margin-left:var(--sidebar-w);min-width:0;display:flex;flex-direction:column}
.topbar{height:var(--topbar-h);background:color-mix(in srgb,#fff 82%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 clamp(16px,3vw,28px);position:sticky;top:0;z-index:50}
.topbar .menu-btn{display:none;background:var(--green-ll);border:none;cursor:pointer;color:var(--green-d);width:42px;height:42px;border-radius:11px;place-items:center}
.topbar .pg-title{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .sp{flex:1}
.topbar .tb-icon{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);transition:border-color var(--t-fast),color var(--t-fast),transform var(--t-fast)}
.topbar .tb-icon:hover{border-color:var(--green);color:var(--green-d);transform:translateY(-1px)}
.topbar .tb-icon .badge-dot{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
.user-chip{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px 5px 5px;border-radius:12px;transition:background var(--t-fast);min-width:0}
.user-chip:hover{background:var(--green-ll)}
.user-chip .nm{font-weight:700;font-size:13.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-chip .rl{font-size:11.5px;color:var(--muted)}
.content{padding:clamp(20px,3vw,30px) clamp(16px,3vw,28px) 64px;flex:1;max-width:1280px;width:100%}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.page-head h1{font-size:clamp(23px,3vw,28px);margin:0}
.page-head .sub{color:var(--muted);margin-top:4px}

/* Mobile bottom navigation (app-like) — preenchida via panel.blade */
.bottom-nav{display:none}

/* ----------------------------------------------------------- Dropdown --- */
.dropdown{position:relative}
.dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-lg);min-width:248px;padding:8px;z-index:90;
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),visibility var(--t-fast)}
.dropdown-menu.open{opacity:1;visibility:visible;transform:none}
.dropdown-menu a,.dropdown-menu button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink-2);background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;transition:background var(--t-fast)}
.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--green-ll);color:var(--green-d)}
.dropdown-menu svg{width:17px;height:17px;color:var(--muted)}
.notif-item{display:block;padding:12px;border-radius:10px;transition:background var(--t-fast)}
.notif-item:hover{background:var(--green-ll)}
.notif-item.unread{background:var(--green-ll)}
.notif-item .t{font-weight:700;font-size:13.5px}
.notif-item .b{font-size:12.5px;color:var(--muted)}
.notif-head{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 11px;border-bottom:1px solid var(--line);margin-bottom:6px}

/* --------------------------------------------------------- Dashboard --- */
.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}
.widget-2{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}
.progress-ring{--p:0;width:128px;height:128px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;transition:--p 1s var(--ease)}
.progress-ring .inner{width:98px;height:98px;border-radius:50%;background:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--green-d)}
.bars{display:flex;align-items:flex-end;gap:10px;height:128px;padding-top:10px}
.bars .bar{flex:1;background:linear-gradient(180deg,color-mix(in srgb,var(--green) 30%,#fff),var(--green-l));border-radius:8px 8px 0 0;position:relative;min-height:4px;transition:height .6s var(--ease)}
.bars .bar span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted)}
.bars .bar b{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:var(--green-d)}

/* ------------------------------------------------------------ Tables --- */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh-sm)}
table.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
table.tbl th{text-align:left;padding:14px 18px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--green-ll);border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}
table.tbl td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:middle}
table.tbl tr:last-child td{border-bottom:none}
table.tbl tbody tr{transition:background var(--t-fast)}
table.tbl tbody tr:hover td{background:var(--green-ll)}
.tbl .u-cell{display:flex;align-items:center;gap:11px;min-width:0}
.tbl .u-cell .nm{font-weight:700;font-size:13.5px}
.tbl .u-cell .em{font-size:12px;color:var(--muted)}

.list-row{display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;margin-bottom:11px;box-shadow:var(--sh-xs);transition:box-shadow var(--t-fast),transform var(--t-fast),border-color var(--t-fast)}
.list-row:hover{box-shadow:var(--sh-sm);transform:translateX(2px);border-color:var(--line-d)}
.list-row .grow{flex:1;min-width:0}
.list-row .t{font-weight:700}
.list-row .s{font-size:13px;color:var(--muted)}

/* ------------------------------------------------------------- Empty --- */
.empty{text-align:center;padding:clamp(40px,6vw,60px) 24px;color:var(--muted)}
.empty .ic{width:76px;height:76px;border-radius:22px;background:var(--green-l);color:var(--green-d);display:grid;place-items:center;margin:0 auto 18px;box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--green) 7%,#fff)}
.empty .ic svg{width:34px;height:34px}
.empty h3{color:var(--ink)}

/* ----------------------------------------------------------- Filters --- */
.filters{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:22px;box-shadow:var(--sh-sm)}
.filters .row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.filters .row.toggles{grid-template-columns:repeat(3,1fr);margin-top:13px}

/* ----------------------------------------------------- Public profile --- */
.profile-head{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:22px;box-shadow:var(--sh-sm)}
.profile-cover{height:150px;background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 66%,#46a64c));position:relative;overflow:hidden}
.profile-cover::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 40%,rgba(255,255,255,.22) 0 2px,transparent 2px);background-size:34px 34px;opacity:.6}
.profile-cover.gold{background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 70%,#e6bd5c))}
.profile-id{padding:0 28px 26px;display:flex;gap:22px;align-items:flex-end;margin-top:-54px;flex-wrap:wrap;position:relative}
.profile-id .avatar{border:5px solid #fff;box-shadow:var(--sh-md)}
.profile-id .meta{flex:1;padding-bottom:4px;min-width:200px}
.profile-id .meta h1{font-size:clamp(22px,3vw,28px);margin:0}
.profile-id .acts{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:6px}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line)}
.info-grid .it{background:#fff;padding:15px 17px;transition:background var(--t-fast)}
.info-grid .it:hover{background:var(--green-ll)}
.info-grid .it .k{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:6px}
.info-grid .it .k svg{width:14px;height:14px}
.info-grid .it .v{font-weight:700;margin-top:4px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.gallery img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line);transition:transform var(--t) var(--ease),box-shadow var(--t);cursor:pointer}
.gallery img:hover{transform:scale(1.04);box-shadow:var(--sh)}
.layout-2{display:grid;grid-template-columns:1fr 336px;gap:22px;align-items:start}
.locked{position:relative}
.locked .blurred{filter:blur(6px);user-select:none;pointer-events:none}
.lock-cta{background:linear-gradient(160deg,var(--gold-l),#fff);border:1.5px solid color-mix(in srgb,var(--gold) 40%,#fff);border-radius:var(--r-lg);padding:26px;text-align:center;box-shadow:var(--sh-sm)}
.lock-cta .ic{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px -8px color-mix(in srgb,var(--gold) 55%,transparent)}

/* -------------------------------------------------------------- Chat --- */
.chat-layout{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - var(--topbar-h));height:calc(100dvh - var(--topbar-h));border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--sh-sm)}
.chat-list{border-right:1px solid var(--line);overflow-y:auto}
.chat-list .ci{display:flex;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line);cursor:pointer;transition:background var(--t-fast)}
.chat-list .ci:hover,.chat-list .ci.active{background:var(--green-ll)}
.chat-list .ci .grow{flex:1;min-width:0}
.chat-list .ci .nm{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-list .ci .lm{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-main{display:flex;flex-direction:column;min-width:0}
.chat-head{padding:15px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}
.chat-body{flex:1;overflow-y:auto;padding:22px;background:var(--bg-2);display:flex;flex-direction:column;gap:11px;background-image:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--green) 5%,transparent),transparent 70%)}
.msg{max-width:72%;padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.45;box-shadow:var(--sh-xs);animation:msgIn .3s var(--ease) both;word-break:break-word}
@keyframes msgIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.msg .tm{font-size:10.5px;opacity:.6;margin-top:4px}
.msg.them{background:#fff;border-bottom-left-radius:5px;align-self:flex-start}
.msg.me{background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
.chat-input{padding:15px;border-top:1px solid var(--line);display:flex;gap:11px;background:#fff}
.chat-input input{flex:1}

/* ---------------------------------------------------------- Payments --- */
.pix-box{text-align:center;max-width:430px;margin:0 auto}
.pix-qr{width:240px;height:240px;margin:0 auto 16px;border:1px solid var(--line);border-radius:var(--r);padding:12px;background:#fff;box-shadow:var(--sh-sm)}
.pix-code{display:flex;gap:8px;margin-top:10px}
.pix-code input{font-size:12px;font-family:ui-monospace,monospace}
.price-card{background:#fff;border:2px solid var(--green);border-radius:var(--r-xl);padding:30px;text-align:center;position:relative;box-shadow:var(--sh-md);overflow:hidden}
.price-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--green),var(--gold))}
.price-card .amount{font-family:var(--font-display);font-size:46px;font-weight:800;color:var(--green-d);line-height:1}
.price-card .amount small{font-size:18px;color:var(--muted);font-weight:600}
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}
.pay-method{border:1.5px solid var(--line-d);border-radius:var(--r-sm);padding:18px;cursor:pointer;text-align:center;transition:all var(--t-fast) var(--ease);background:#fff;font-family:inherit}
.pay-method:hover{border-color:var(--green);background:var(--green-ll);transform:translateY(-2px);box-shadow:var(--sh-sm)}
.pay-method svg{width:28px;height:28px;color:var(--green-d);margin-bottom:7px}
.pay-method .t{font-weight:700;font-size:14px}
.pay-method .d{font-size:12px;color:var(--muted)}

/* -------------------------------------------------------------- Toast --- */
.toast-wrap{position:fixed;top:18px;right:18px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 36px))}
.toast{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:13px;padding:14px 16px;box-shadow:var(--sh-lg);animation:toastIn .4s var(--ease)}
.toast.error{border-left-color:var(--danger)}
.toast.warning{border-left-color:var(--warning)}
.toast svg{width:20px;height:20px}
.toast .t{font-weight:700;font-size:14px}
.toast .m{font-size:13px;color:var(--muted)}
.toast .x{margin-left:auto;cursor:pointer;color:var(--muted-l);background:none;border:none;font-size:18px;line-height:1}
@keyframes toastIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}

/* -------------------------------------------------------------- Modal --- */
.modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,#0c160c 55%,transparent);backdrop-filter:blur(4px);z-index:150;display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.open{display:flex;animation:fade .25s var(--ease)}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal{background:#fff;border-radius:var(--r-xl);max-width:500px;width:100%;box-shadow:var(--sh-lg);max-height:90vh;overflow-y:auto;animation:modalIn .32s var(--ease)}
@keyframes modalIn{from{opacity:0;transform:scale(.94) translateY(14px)}to{opacity:1;transform:none}}
.modal-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.modal-head h3{margin:0}
.modal-body{padding:24px}
.modal-foot{padding:17px 24px;border-top:1px solid var(--line);display:flex;gap:11px;justify-content:flex-end}
.modal .x{cursor:pointer;color:var(--muted);background:none;border:none}

/* --------------------------------------------------------- Pagination --- */
.pagination{display:flex;gap:7px;justify-content:center;list-style:none;padding:0;margin:28px 0 0;flex-wrap:wrap}
.pagination li a,.pagination li span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:600;font-size:14px;color:var(--ink-2);transition:all var(--t-fast)}
.pagination li.active span{background:var(--green);color:#fff;border-color:var(--green);box-shadow:var(--sh-glow)}
.pagination li.disabled span{color:var(--muted-l);opacity:.6}
.pagination li a:hover{border-color:var(--green);color:var(--green-d);transform:translateY(-1px)}

/* ----------------------------------------------------------- Utilities --- */
.flex{display:flex} .items-center{align-items:center} .justify-between{justify-content:space-between}
.gap-2{gap:8px} .gap-3{gap:12px} .gap-4{gap:16px} .wrap{flex-wrap:wrap}
.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:18px}.mt-4{margin-top:24px}
.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:18px}.mb-4{margin-bottom:24px}
.text-sm{font-size:13px}.text-xs{font-size:12px}.fw-700{font-weight:700}.fw-800{font-weight:800}
.hide{display:none}
.tag{display:inline-block;background:var(--green-ll);color:var(--green-d);padding:4px 11px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid color-mix(in srgb,var(--green) 12%,transparent)}

/* ===================================================== VAGAS / MATCH ====== */
/* Cartão de vaga (job) */
.job-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform var(--t) var(--ease),box-shadow var(--t),border-color var(--t);position:relative;overflow:hidden}
.job-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--line-d)}
.job-card .jc-top{display:flex;gap:14px;align-items:flex-start}
.job-card .jc-logo{width:50px;height:50px;border-radius:14px;background:var(--green-l);color:var(--green-d);display:grid;place-items:center;flex-shrink:0;overflow:hidden;font-weight:800;font-family:var(--font-display)}
.job-card .jc-logo img{width:100%;height:100%;object-fit:cover}
.job-card h3{margin:0;font-size:17px}
.job-card .jc-company{font-size:13px;color:var(--muted);font-weight:600}
.job-card .jc-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px;color:var(--muted)}
.job-card .jc-meta span{display:inline-flex;align-items:center;gap:5px}
.job-card .jc-meta svg{width:14px;height:14px}
.job-card .jc-foot{display:flex;gap:9px;align-items:center;margin-top:auto;padding-top:4px;flex-wrap:wrap}
.jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}

/* Medidor de aderência (match score) */
.match{display:flex;align-items:center;gap:9px}
.match .track{flex:1;height:8px;border-radius:999px;background:var(--line);overflow:hidden;min-width:60px}
.match .fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--green));transition:width .8s var(--ease)}
.match .pct{font-weight:800;font-size:13px;color:var(--green-d);font-family:var(--font-display);white-space:nowrap}
.match-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-pill);font-weight:800;font-size:12.5px;background:var(--gold-l);color:var(--gold-d);border:1px solid color-mix(in srgb,var(--gold) 26%,transparent)}
.match-pill svg{width:14px;height:14px}

/* Linha de candidato (applicant) */
.applicant{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:#fff;margin-bottom:12px;box-shadow:var(--sh-xs);transition:box-shadow var(--t-fast),border-color var(--t-fast)}
.applicant:hover{box-shadow:var(--sh-sm);border-color:var(--line-d)}
.applicant .grow{flex:1;min-width:0}
.applicant .msg-quote{background:var(--bg-2);border-radius:10px;padding:10px 13px;font-size:13.5px;color:var(--ink-2);margin-top:8px;border-left:3px solid var(--green-l)}
.applicant .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

/* Abas segmentadas */
.seg{display:inline-flex;background:var(--green-ll);padding:5px;border-radius:var(--r-sm);gap:4px;margin-bottom:20px;flex-wrap:wrap}
.seg a{padding:9px 16px;border-radius:10px;font-weight:700;font-size:13.5px;color:var(--muted);transition:all var(--t-fast) var(--ease);display:inline-flex;align-items:center;gap:7px}
.seg a.active{background:#fff;color:var(--green-d);box-shadow:var(--sh-sm)}
.seg a .count{background:var(--gold);color:#3a2c08;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px}

/* Barra de salvar fixa (editor de perfil) */
.save-bar{position:sticky;bottom:0;z-index:40;background:color-mix(in srgb,#fff 88%,transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-md);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;flex-wrap:wrap}
.save-bar .hint{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;min-width:0}

/* Uploader de avatar (perfil) */
.avatar-upload{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.avatar-upload .pick{position:relative;cursor:pointer;flex-shrink:0}
.avatar-upload .pick .cam{position:absolute;right:-2px;bottom:-2px;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;border:3px solid #fff;box-shadow:var(--sh-sm);transition:transform var(--t-fast)}
.avatar-upload .pick:hover .cam{transform:scale(1.08)}
.avatar-upload .pick input{position:absolute;inset:0;opacity:0;cursor:pointer}

/* Mini cartão de estatística (perfil/empresa) */
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mini-stat{background:var(--green-ll);border:1px solid color-mix(in srgb,var(--green) 12%,transparent);border-radius:var(--r-sm);padding:14px;text-align:center}
.mini-stat .n{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--green-d);line-height:1}
.mini-stat .l{font-size:12px;color:var(--muted);margin-top:4px}

/* Seletor de cartões (radio visual) — porte da empresa, etc. */
.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pick-card{position:relative;border:1.5px solid var(--line-d);border-radius:var(--r-sm);padding:16px;cursor:pointer;background:#fbfcfa;transition:all var(--t-fast) var(--ease);text-align:center}
.pick-card:hover{border-color:var(--green);transform:translateY(-2px)}
.pick-card input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.pick-card .ic{width:42px;height:42px;border-radius:12px;background:var(--green-l);color:var(--green-d);display:grid;place-items:center;margin:0 auto 9px}
.pick-card .t{font-weight:700;font-size:14px}
.pick-card .d{font-size:11.5px;color:var(--muted);margin-top:2px}
.pick-card.checked{border-color:var(--green);background:var(--green-l);box-shadow:inset 0 0 0 1px var(--green)}

@media(max-width:920px){.jobs-grid{grid-template-columns:1fr}}
@media(max-width:640px){.mini-stats,.pick-grid{grid-template-columns:1fr}}

/* -------------------------------------------------- Scroll reveal (JS) --- */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.js [data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js [data-reveal]{opacity:1;transform:none}
}

/* ============================================================ RESPONSIVE === */
@media(max-width:1080px){
  .hero-inner{grid-template-columns:1fr;gap:34px}
  .hero-art{order:-1;aspect-ratio:16/10}
  .hf-chip,.hf-chip2{display:none}
  .cat-grid,.workers-grid{grid-template-columns:repeat(3,1fr)}
  .stats-row,.dash-grid{grid-template-columns:repeat(2,1fr)!important}
  .layout-2{grid-template-columns:1fr!important}
  .widget-2{grid-template-columns:1fr!important}
}
@media(max-width:920px){
  .cat-grid,.workers-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .searchbar{grid-template-columns:1fr}
  .filters .row,.filters .row.toggles{grid-template-columns:1fr 1fr}
  .auth-wrap{grid-template-columns:1fr}
  .auth-side{display:none}
}

/* ---- Tablet / mobile: nav colapsa, painel vira drawer + bottom-nav ---- */
@media(max-width:820px){
  .nav-links{display:none}
  .nav-actions .hide-sm{display:none}
  .nav-toggle{display:grid}

  .sidebar{transform:translateX(-100%);box-shadow:var(--sh-lg);width:min(86vw,300px)}
  .sidebar.open{transform:translateX(0)}
  .main{margin-left:0}
  .topbar .menu-btn{display:grid}
  .sidebar-backdrop{position:fixed;inset:0;background:rgba(10,18,10,.5);backdrop-filter:blur(2px);z-index:75;opacity:0;visibility:hidden;transition:opacity var(--t),visibility var(--t)}
  .sidebar-backdrop.open{opacity:1;visibility:visible}

  /* Bottom tab bar estilo app */
  .bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);
    background:color-mix(in srgb,#fff 86%,transparent);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);border-top:1px solid var(--line);box-shadow:0 -8px 28px -18px rgba(20,34,22,.5)}
  .bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:600;position:relative;transition:color var(--t-fast)}
  .bottom-nav a svg{width:23px;height:23px;transition:transform var(--t-fast) var(--ease)}
  .bottom-nav a.active{color:var(--green-d)}
  .bottom-nav a.active svg{transform:translateY(-2px)}
  .bottom-nav a.active::before{content:"";position:absolute;top:0;width:26px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--green),var(--gold))}
  .bottom-nav a .count{position:absolute;top:6px;left:calc(50% + 8px);background:var(--danger);color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;border:2px solid #fff}
  .main .content{padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 24px)}
  .chat-layout{height:calc(100dvh - var(--topbar-h) - var(--bottomnav-h) - 12px)}

  .chat-layout.has-list{grid-template-columns:1fr}
  .chat-list.aside{display:none}
}

/* ---- iOS: campos com 16px não dão zoom; toques generosos ---- */
@media(max-width:820px){
  .input,.select,.textarea,input[type=text],input[type=email],input[type=password],
  input[type=tel],input[type=number],input[type=date],input:not([type]),select,textarea{font-size:16px}
  .btn{padding:13px 20px}
  .page-head{gap:12px}
  .page-head .flex,.page-head .acts{width:100%}
  .page-head .flex .btn{flex:1}
}

@media(max-width:640px){
  .cat-grid,.workers-grid,.stats-row,.dash-grid,.grid-2,.grid-3,.widget-2,.filters .row,.filters .row.toggles,.row,.pay-methods,.info-grid{grid-template-columns:1fr!important}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .dropdown-menu{max-width:calc(100vw - 24px);min-width:0}
  .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
  .cta-band{padding:30px 22px}
  .hero-stats{gap:22px}
  .page-head{flex-direction:column}

  /* Tabelas viram cartões empilhados (nada some fora da tela) */
  .table-wrap{border:none;background:transparent;overflow:visible;box-shadow:none}
  table.tbl{min-width:0;font-size:14px;display:block}
  table.tbl thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
  table.tbl tbody{display:block}
  table.tbl tr{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:6px 16px;margin-bottom:13px}
  table.tbl tbody tr:hover td{background:transparent}
  table.tbl td{display:block;padding:11px 0;border-bottom:1px solid var(--line)}
  table.tbl tr td:last-child{border-bottom:none}
  table.tbl td[data-label]{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:right}
  table.tbl td[data-label]::before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left;flex:0 0 auto}
  table.tbl td[data-label] .flex,table.tbl td[data-label] .u-cell{justify-content:flex-end}
  table.tbl td.cell-main{padding-top:14px}
}

@media(max-width:440px){
  h1{font-size:clamp(24px,7.5vw,30px)}
  .container{padding:0 16px}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .card-pad,.card-body{padding:17px}
  .card-head{padding:15px 17px}
  .profile-id{padding:0 16px 22px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;margin-top:-52px}
  .profile-id .avatar{margin-bottom:2px}
  .profile-id .meta{min-width:0;text-align:center;width:100%}
  .profile-id .meta .flex{justify-content:center}
  .profile-id .acts{width:100%;justify-content:center}
  .profile-id .acts .btn,.profile-id .acts form{flex:1}
  .price-card,.lock-cta{padding:22px}
  .pix-qr{width:200px;height:200px}
  .toast-wrap{left:12px;right:12px;top:12px;max-width:none}
  .hero-stats{width:100%;justify-content:space-between}
}

/* ===================================================== MOBILE HARDENING 3.0 ===
   Correções extras para cPanel/mobile: evita estouro horizontal em páginas
   públicas, painéis do usuário, cards, formulários, modais e chat.
   ========================================================================== */
html,body{max-width:100%;overflow-x:hidden}
main,.layout,.main,.content,.container,.card,.filters,.modal,.job-card,.worker-card,.profile-head,.layout-2,.widget-2,.dash-grid,.stats-row,.workers-grid,.jobs-grid{min-width:0}
.card,.card-pad,.card-body,.filters,.alert,.job-card,.worker-card,.stat,.step,.price-card,.lock-cta{overflow-wrap:anywhere}
.btn,.badge,.chip,.pill,.tag{max-width:100%}
.pay-method-card-only{width:100%;display:block;text-align:center}
.pay-method-card-only svg{margin-left:auto;margin-right:auto}
.price-card-featured .amount{font-size:clamp(34px,9vw,46px)}

@media(max-width:1120px){
  .nav-links{display:none}
  .nav-toggle{display:grid}
  .nav-inner{height:66px}
  .brand{font-size:17px;min-width:0}
  .brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand-logo-img{max-width:min(165px,46vw);max-height:46px}
}


@media(max-width:820px){
  .content{padding:18px 14px calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 28px);max-width:100vw}
  .topbar{height:60px;padding:0 12px;gap:9px}
  .topbar .menu-btn,.topbar .tb-icon{width:40px;height:40px;border-radius:11px}
  .topbar .pg-title{font-size:15px;max-width:42vw}
  .user-chip{padding:3px;border-radius:999px}
  .hide-sm{display:none!important}
  .dropdown-menu{position:fixed;right:10px;left:auto;top:62px;max-width:calc(100vw - 20px)}
  .dropdown-menu[style]{min-width:min(320px,calc(100vw - 20px))!important}
  .sidebar{width:min(88vw,312px)}
  .s-nav a{min-height:44px}
  .page-head{margin-bottom:18px;gap:10px}
  .page-head>div{min-width:0;width:100%}
  .page-head .flex,.page-head .acts{width:100%;display:grid!important;grid-template-columns:1fr;gap:8px}
  .page-head .btn{width:100%}
  .save-bar{bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));border-radius:16px;padding:12px}
  .save-bar .hint,.save-bar .btn{width:100%}
  .modal-overlay{align-items:flex-end;padding:10px}
  .modal{max-height:calc(100dvh - 20px);border-radius:22px 22px 16px 16px}
  .modal-head,.modal-body,.modal-foot{padding-left:16px;padding-right:16px}
  .modal-foot{display:grid;grid-template-columns:1fr;gap:9px}
  .modal-foot .btn{width:100%}
  .chat-head{padding:12px;gap:10px}
  .chat-input{padding:10px;gap:8px}
  .chat-input input{min-width:0}
}

@media(max-width:640px){
  .section{padding:38px 0}
  .section-tight{padding:28px 0}
  .hero>.container[style*="padding:54px 0"]{padding:42px 16px 34px!important}
  .hero-inner{padding:34px 0 44px;gap:22px}
  .hero-art{border-radius:22px;aspect-ratio:1/1;min-height:300px}
  .hero-badge{top:12px;right:12px;font-size:12px;padding:7px 11px}
  .hero-float{max-width:calc(100% - 24px);left:12px!important;right:auto!important;transform:none!important}
  .hero-cta,.cta-band .flex{display:grid!important;grid-template-columns:1fr;width:100%;gap:10px}
  .hero-cta .btn,.cta-band .btn{width:100%}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin-top:26px}
  .hero-stats>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--sh-xs)}
  .searchbar{padding:12px;border-radius:18px;margin-left:-4px;margin-right:-4px}
  .filters{padding:14px;border-radius:16px;margin-left:-2px;margin-right:-2px}
  .filters .row{gap:10px}
  .filters .row.toggles{display:grid;grid-template-columns:1fr!important}
  .filters .flex{display:grid!important;grid-template-columns:1fr;gap:8px}
  .filters .btn{width:100%}
  .stat{align-items:flex-start;padding:15px;min-width:0}
  .stat .ico{width:42px;height:42px}
  .card-pad,.card-body{padding:16px}
  .card-head{align-items:flex-start;flex-direction:column;gap:9px}
  .card-head .btn{width:100%}
  .profile-cover{height:118px}
  .profile-id{padding:0 14px 18px;margin-top:-48px;gap:10px}
  .profile-id .avatar{width:96px;height:96px;font-size:32px}
  .profile-id .acts{display:grid;width:100%;grid-template-columns:1fr;gap:8px}
  .profile-id .acts .btn,.profile-id .acts form{width:100%;flex:none}
  .list-row,.applicant{display:grid;grid-template-columns:auto 1fr;align-items:start}
  .list-row .btn,.applicant .btn{width:100%}
  .job-card{padding:16px;border-radius:18px}
  .job-card .jc-top{gap:10px}
  .job-card .jc-logo{width:44px;height:44px;border-radius:12px}
  .job-card .jc-foot{display:grid;grid-template-columns:1fr;gap:8px}
  .job-card .jc-foot .btn,.job-card .jc-foot form,.job-card .jc-foot button{width:100%;margin-left:0!important}
  .worker-card .body{padding:16px}
  .workers-grid,.jobs-grid{gap:14px}
  .pay-methods{grid-template-columns:1fr!important}
  .pay-method{padding:16px;width:100%}
  .pix-code{display:grid;grid-template-columns:1fr;gap:8px}
  .pix-code .btn{width:100%}
  .price-card{padding:22px 16px;border-radius:22px}
  .price-card .amount{font-size:clamp(32px,10vw,42px)}
  .bottom-nav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 3px}
  .footer{margin-top:28px}
  .footer-grid{grid-template-columns:1fr!important}
}

@media(max-width:380px){
  .container{padding:0 12px}
  .content{padding-left:10px;padding-right:10px}
  .topbar .pg-title{max-width:36vw}
  .bottom-nav a{font-size:9.5px}
  .bottom-nav a svg{width:21px;height:21px}
}


/* ===================================================== HOTFIX RESPONSIVO 4.0 ===
   Correções solicitadas: busca mobile sem sobrepor estatísticas, cards de
   profissionais sem avatar cortado, hero mobile limpo e painel desktop sem
   backdrop travando a tela.
   ========================================================================== */
.quick-search-wrap{margin-top:-34px;position:relative;z-index:5}

/* O avatar do card fica entre a capa e o corpo; a capa não pode cortar o círculo. */
.worker-card{isolation:isolate}
.worker-card .cover{overflow:visible;z-index:1}
.worker-card .cover::after{border-radius:inherit;pointer-events:none}
.worker-card .ph{z-index:4}
.worker-card .body{position:relative;z-index:2;background:#fff}
.worker-card .nm{min-width:0;line-height:1.25;word-break:normal;overflow-wrap:break-word}
.worker-card .pr,.worker-card .loc{min-width:0;overflow-wrap:break-word}
.worker-card .foot{align-items:center}

/* No desktop o backdrop do menu mobile nunca pode ficar ativo e bloquear cliques. */
.sidebar-backdrop{display:none!important;pointer-events:none!important}
@media(max-width:820px){
  .sidebar-backdrop{display:block!important;pointer-events:none!important}
  .sidebar-backdrop.open{pointer-events:auto!important}
}

@media(max-width:640px){
  /* Print 1: a busca rápida não invade mais os cards de estatísticas. */
  .quick-search-wrap{margin-top:0!important;padding-top:8px;z-index:1}
  .quick-search-wrap .searchbar{box-shadow:var(--sh);border-radius:20px;padding:14px;margin:0}
  .searchbar{grid-template-columns:1fr!important;gap:10px}
  .searchbar .btn{min-height:54px;width:100%}
  .hero-stats{margin-bottom:8px}

  /* Print 2: card de profissional com capa, selo, avatar e texto separados. */
  .worker-card{border-radius:22px;overflow:hidden}
  .worker-card .cover{height:118px;overflow:visible}
  .worker-card .ph{bottom:-38px}
  .worker-card .ph .avatar{width:82px;height:82px;font-size:25px;border-width:4px}
  .worker-card .flag{top:12px;right:12px;max-width:calc(100% - 24px)}
  .worker-card .flag .badge{white-space:nowrap;font-size:12px;padding:6px 11px}
  .worker-card .body{padding:52px 18px 20px!important;text-align:center;min-height:224px}
  .worker-card .nm{font-size:17px;justify-content:center;gap:6px}
  .worker-card .pr{font-size:14px;margin-top:4px}
  .worker-card .loc{font-size:13px;margin-top:8px;line-height:1.35}
  .worker-card .tags{margin:14px 0 4px}
  .worker-card .foot{padding-top:18px;display:grid!important;grid-template-columns:1fr;gap:8px}
  .worker-card .foot .btn,.worker-card .foot button{width:100%}

  /* Print 3: hero mobile sem elementos empilhados um em cima do outro. */
  .hero-art{min-height:360px;aspect-ratio:auto;border-radius:24px;margin-top:4px}
  .hero-badge{top:16px;right:16px;left:auto;max-width:calc(100% - 32px);white-space:nowrap}
  .hero-float{animation:none!important}
  .hf-card{top:58px!important;left:16px!important;right:16px!important;max-width:calc(100% - 32px)!important;width:auto;padding:10px 12px;border-radius:16px}
  .hf-card .avatar{width:62px;height:62px;font-size:21px}
  .hf-card .hf-name{font-size:13.5px;white-space:normal;line-height:1.2}
  .hf-card .hf-sub{font-size:12px;line-height:1.25;margin-top:3px;white-space:normal}
  .hf-chip,.hf-chip2{display:none!important}
  .hero-art-foot{padding:24px 22px 26px}
  .hero-art-title{font-size:clamp(24px,7.3vw,30px);line-height:1.12}
}

@media(max-width:420px){
  .hero-art{min-height:344px}
  .hero-badge{font-size:12px;padding:7px 10px}
  .hf-card{top:56px!important}
  .hero-art-foot{padding:22px 20px 24px}
  .worker-card .body{padding-left:16px!important;padding-right:16px!important}
}
@media(max-width:820px){body.sidebar-open{overflow:hidden}}
/* Ajuste final de empilhamento: avatar do card sempre acima do corpo branco. */
.worker-card .cover{z-index:3}
.worker-card .body{z-index:1}

/* ===================================================== PERFIS SOCIAL + SAÍDA DO PAINEL 5.0 ===
   Perfis com linguagem de rede social e retorno claro para o site em todos os painéis.
   ========================================================================== */
.site-return-sidebar{margin:12px 14px 2px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#fff;display:flex;align-items:center;gap:10px;font-weight:800;font-size:13.5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);transition:background var(--t-fast),transform var(--t-fast),border-color var(--t-fast)}
.site-return-sidebar:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.site-return-sidebar svg{width:18px;height:18px;color:var(--gold)}
.top-site-link{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--green-d);font-weight:800;font-size:13.5px;white-space:nowrap;box-shadow:var(--sh-xs);transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast),background var(--t-fast)}
.top-site-link:hover{background:var(--green-ll);border-color:color-mix(in srgb,var(--green) 35%,#fff);box-shadow:var(--sh-sm);transform:translateY(-1px)}
.top-site-link svg{width:17px;height:17px}

.profile-social{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--sh-md);overflow:hidden;margin-bottom:22px;isolation:isolate}
.profile-social::after{content:"";position:absolute;inset:auto 22px -1px 22px;height:1px;background:linear-gradient(90deg,transparent,var(--green-l),transparent);z-index:2}
.ps-cover{height:210px;position:relative;overflow:hidden;background:linear-gradient(130deg,var(--green-d),var(--green) 58%,color-mix(in srgb,var(--green) 55%,#e6c165));}
.ps-cover.gold{background:linear-gradient(130deg,#725415,var(--gold) 62%,#f3d275)}
.ps-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(460px 240px at 22% 12%,rgba(255,255,255,.22),transparent 64%),radial-gradient(520px 260px at 88% 24%,rgba(255,255,255,.12),transparent 70%),linear-gradient(0deg,rgba(0,0,0,.08),transparent 58%)}
.ps-cover-dots{position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.24) 0 2px,transparent 2px);background-size:36px 36px;opacity:.42;transform:rotate(-2deg) scale(1.08)}
.ps-cover-top{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;z-index:2}
.ps-cover-top .badge{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.55);box-shadow:var(--sh-sm)}
.ps-main{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:end;padding:0 26px 22px;margin-top:-64px;z-index:3}
.ps-avatar-wrap{position:relative;width:max-content}
.ps-avatar{width:136px;height:136px;font-size:44px;border:6px solid #fff;box-shadow:0 18px 42px -16px rgba(19,38,26,.44),0 0 0 1px rgba(255,255,255,.85)}
.ps-status-dot{position:absolute;right:13px;bottom:12px;width:18px;height:18px;border-radius:999px;border:4px solid #fff;box-shadow:var(--sh-sm)}
.ps-identity{min-width:0;padding-top:72px}
.ps-kicker{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:var(--green-ll);color:var(--green-d);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.ps-identity h1{font-size:clamp(24px,3vw,34px);margin:0 0 5px;letter-spacing:-.04em}
.ps-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-weight:600;font-size:14px;margin-bottom:9px}
.ps-line span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.ps-bio{max-width:720px;color:var(--ink-2);margin:0 0 12px;line-height:1.55;overflow-wrap:anywhere}
.ps-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.ps-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:176px;padding-bottom:2px}
.ps-actions form,.ps-actions .btn{width:100%}
.ps-actions form button{width:100%}
.ps-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfa)}
.ps-stats>div{padding:15px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px;min-width:0;text-align:center}
.ps-stats>div:last-child{border-right:0}
.ps-stats b{font-family:var(--font-display);font-size:18px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-stats span{font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.company-social .ps-cover{background:linear-gradient(130deg,#142318,var(--green-d) 55%,var(--gold))}
.company-avatar svg{color:#fff}
.panel-profile-social{margin-top:2px}
.profile-feed .card{border-radius:22px;box-shadow:var(--sh-sm);overflow:hidden}
.profile-feed .card:hover{border-color:color-mix(in srgb,var(--green) 18%,var(--line));box-shadow:var(--sh)}
.feed-head{background:linear-gradient(180deg,#fff,#fbfcfa)}
.feed-head h3{display:flex;align-items:center;gap:9px}
.feed-head h3 svg{width:18px;height:18px;color:var(--green)}
.profile-feed .card-body{font-size:15px}
.profile-feed .layout-2>div:nth-child(2),.profile-feed>div:nth-child(2){position:sticky;top:calc(var(--topbar-h) + 18px)}

/* Card de completude do editor fica com cara de cartão de perfil. */
.card[style*="linear-gradient(135deg,var(--green-ll),#fff)"]{border-radius:24px;overflow:hidden;border-color:color-mix(in srgb,var(--green) 16%,var(--line));box-shadow:var(--sh)}

@media(max-width:980px){
  .ps-main{grid-template-columns:auto minmax(0,1fr);align-items:end}
  .ps-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;min-width:0;padding-bottom:0}
  .ps-actions .btn,.ps-actions form{width:auto;flex:1 1 160px}
  .profile-feed .layout-2>div:nth-child(2),.profile-feed>div:nth-child(2){position:static}
}

@media(max-width:820px){
  .top-site-link{height:40px;width:40px;padding:0;justify-content:center;border-radius:11px}
  .top-site-link span{display:none}
  .bottom-nav a{min-width:0}
  .bottom-nav a[href$="/"] svg,.bottom-nav a svg{flex-shrink:0}
}

@media(max-width:640px){
  .profile-social{border-radius:24px;margin-left:-2px;margin-right:-2px;margin-bottom:18px}
  .ps-cover{height:156px}
  .ps-cover-top{top:12px;left:12px;right:12px;justify-content:flex-start}
  .ps-cover-top .badge{font-size:11.5px;padding:5px 10px}
  .ps-main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0 16px 18px;margin-top:-54px}
  .ps-avatar{width:112px;height:112px;font-size:36px;border-width:5px}
  .ps-status-dot{right:9px;bottom:8px;width:17px;height:17px;border-width:4px}
  .ps-identity{padding-top:0;width:100%}
  .ps-identity h1{font-size:24px;line-height:1.12;overflow-wrap:anywhere}
  .ps-line{justify-content:center;font-size:13px;line-height:1.3}
  .ps-bio{font-size:14px;margin-bottom:10px}
  .ps-badges{justify-content:center}
  .ps-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .ps-actions .btn,.ps-actions form,.ps-actions form button{width:100%;flex:none}
  .ps-stats{grid-template-columns:1fr 1fr}
  .ps-stats>div{padding:12px 10px;border-bottom:1px solid var(--line)}
  .ps-stats>div:nth-child(2n){border-right:0}
  .ps-stats>div:nth-last-child(-n+2){border-bottom:0}
  .ps-stats b{font-size:16px}
  .ps-stats span{font-size:10.5px}
  .profile-feed .card{border-radius:18px}
}

@media(max-width:380px){
  .ps-stats{grid-template-columns:1fr}
  .ps-stats>div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .ps-stats>div:last-child{border-bottom:0!important}
}

/* =============================================================================
   Refinamento v6 — botões de seleção/toggles com aparência premium
   Corrige controles brancos/nativos que pareciam soltos nos cards.
   ========================================================================== */
.check{
  position:relative;
  min-height:52px;
  padding:14px 58px 14px 16px;
  border:1.5px solid color-mix(in srgb,var(--green) 14%,var(--line-d));
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfdf9 100%);
  box-shadow:0 8px 20px -18px rgba(15,42,21,.42);
  color:var(--ink-2);
  overflow:hidden;
}
.check:hover{
  border-color:color-mix(in srgb,var(--green) 48%,var(--line-d));
  background:linear-gradient(180deg,#fff 0%,var(--green-ll) 100%);
  box-shadow:0 14px 28px -22px rgba(18,83,29,.5);
  transform:translateY(-1px);
}
.check input[type="checkbox"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
  margin:0;
}
.check::before{
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:30px;
  height:30px;
  transform:translateY(-50%);
  border-radius:999px;
  border:1.5px solid color-mix(in srgb,var(--green) 26%,var(--line-d));
  background:linear-gradient(135deg,#fff,#f1f6ee);
  box-shadow:inset 0 0 0 5px #fff,0 8px 18px -12px rgba(16,44,22,.45);
  transition:all var(--t-fast) var(--ease);
}
.check::after{
  content:"";
  position:absolute;
  right:25px;
  top:50%;
  width:10px;
  height:6px;
  transform:translateY(-58%) rotate(-45deg) scale(.35);
  border-left:2.3px solid #fff;
  border-bottom:2.3px solid #fff;
  opacity:0;
  transition:all var(--t-fast) var(--ease);
}
.check.checked,
.check:has(input[type="checkbox"]:checked){
  border-color:color-mix(in srgb,var(--green) 58%,var(--line-d));
  background:linear-gradient(135deg,var(--green-ll),#fff 72%);
  color:var(--green-d);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 18%,transparent),0 14px 34px -24px rgba(18,83,29,.58);
}
.check.checked::before,
.check:has(input[type="checkbox"]:checked)::before{
  border-color:var(--green);
  background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 70%,#52bd58));
  box-shadow:0 11px 22px -12px var(--green-glow);
}
.check.checked::after,
.check:has(input[type="checkbox"]:checked)::after{
  opacity:1;
  transform:translateY(-58%) rotate(-45deg) scale(1);
}
.check span{position:relative;z-index:1;line-height:1.35;font-weight:700}
.check span svg{color:var(--green);vertical-align:-3px}

.switch{
  min-height:46px;
  padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--green) 12%,var(--line));
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fbfdf9);
  box-shadow:0 10px 24px -22px rgba(15,42,21,.45);
}
.switch .track{
  width:58px;
  height:32px;
  background:linear-gradient(135deg,#d7ded2,#eef4eb);
  border:1px solid color-mix(in srgb,var(--green) 18%,var(--line-d));
  box-shadow:inset 0 2px 6px rgba(17,42,23,.10);
}
.switch .track::after{
  top:3px;
  left:3px;
  width:24px;
  height:24px;
  background:linear-gradient(135deg,#fff,#f6faf3);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 7px 14px -8px rgba(14,36,18,.8);
}
.switch input:checked + .track{
  background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 68%,#55bd5c));
  border-color:var(--green);
  box-shadow:0 12px 24px -14px var(--green-glow),inset 0 0 0 1px rgba(255,255,255,.18);
}
.switch input:checked + .track::after{transform:translateX(26px)}

.pick-card::after{
  content:"";
  position:absolute;
  right:14px;
  top:14px;
  width:24px;
  height:24px;
  border-radius:999px;
  border:1.5px solid color-mix(in srgb,var(--green) 24%,var(--line-d));
  background:linear-gradient(135deg,#fff,#f3f8f0);
  box-shadow:inset 0 0 0 4px #fff,0 8px 18px -13px rgba(16,44,22,.45);
  transition:all var(--t-fast) var(--ease);
}
.pick-card.checked::after,
.pick-card:has(input:checked)::after{
  border-color:var(--green);
  background:radial-gradient(circle at center,#fff 0 4px,transparent 5px),linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 72%,#54bd5a));
  box-shadow:0 10px 22px -13px var(--green-glow);
}
.access-box{
  border-style:solid;
  border-color:color-mix(in srgb,var(--green) 16%,var(--line-d));
  background:linear-gradient(135deg,#fff,var(--green-ll));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.68),0 14px 30px -26px rgba(18,83,29,.42);
}

@media (max-width:720px){
  .check{min-height:50px;padding:13px 54px 13px 14px;border-radius:15px}
  .check::before{right:14px;width:28px;height:28px}
  .check::after{right:22px}
  .switch{width:100%;justify-content:space-between}
}

/* Exceção para checkboxes simples, como "Lembrar de mim" no login */
.check[style*="border:none"]{
  min-height:auto;
  overflow:visible;
  box-shadow:none;
  transform:none;
  gap:9px;
  color:var(--muted);
}
.check[style*="border:none"]::before,
.check[style*="border:none"]::after{display:none}
.check[style*="border:none"] input[type="checkbox"]{
  position:static;
  opacity:1;
  pointer-events:auto;
  width:18px;
  height:18px;
  accent-color:var(--green);
}

/* =============================================================================
   Rodada v7 — social jobs, compartilhamento e controles premium
   ========================================================================== */
/* Controles visualmente fortes: remove o efeito "bolinha branca solta" */
.switch{min-height:34px;align-items:center}
.switch .track{
  width:58px;height:32px;border-radius:999px;border:2px solid color-mix(in srgb,var(--green) 24%,#dce5d6);
  background:linear-gradient(135deg,#eaf1e4,#f8fbf5);box-shadow:inset 0 2px 7px rgba(19,38,20,.12),0 4px 12px rgba(20,34,22,.08);
  position:relative;overflow:hidden;
}
.switch .track::before{content:"";position:absolute;inset:4px auto 4px 4px;width:21px;border-radius:999px;background:color-mix(in srgb,var(--green) 22%,#fff);opacity:.9;transition:transform var(--t) var(--ease),opacity var(--t)}
.switch .track::after{
  top:4px;left:4px;width:22px;height:22px;background:linear-gradient(135deg,#fff,var(--green-ll));
  border:1px solid color-mix(in srgb,var(--green) 30%,#fff);box-shadow:0 6px 14px rgba(20,34,22,.22);z-index:2;
}
.switch input:checked + .track{background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 74%,#79d45c));border-color:color-mix(in srgb,var(--green) 72%,#fff);box-shadow:0 10px 24px -11px var(--green),inset 0 2px 7px rgba(255,255,255,.16)}
.switch input:checked + .track::before{transform:translateX(26px);opacity:.18;background:#fff}
.switch input:checked + .track::after{transform:translateX(26px);background:linear-gradient(135deg,#fff,var(--gold-l));border-color:#fff}
.check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:8px;border:2px solid color-mix(in srgb,var(--green) 34%,#dce5d6);background:linear-gradient(135deg,#fff,#f5f9f1);box-shadow:inset 0 1px 3px rgba(20,34,22,.08);display:grid;place-items:center;transition:all var(--t-fast) var(--ease)}
.check input[type=checkbox]::after{content:"";width:10px;height:6px;border-left:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:rotate(-45deg) scale(.5);opacity:0;transition:all var(--t-fast)}
.check input[type=checkbox]:checked{background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 75%,#63cd62));border-color:var(--green);box-shadow:0 8px 16px -8px var(--green)}
.check input[type=checkbox]:checked::after{opacity:1;transform:rotate(-45deg) scale(1)}
.check{position:relative;box-shadow:var(--sh-xs)}
.check.checked{background:linear-gradient(135deg,var(--green-ll),#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 14%,transparent), var(--sh-xs)}

.input-svg-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--muted-l);z-index:1;pointer-events:none}
.input-svg-icon svg{position:static!important;transform:none!important;width:18px;height:18px}

/* Home rede social */
.social-home-hero{background:radial-gradient(circle at 80% 20%,var(--gold-l),transparent 34%),linear-gradient(135deg,var(--green-dd),var(--green));color:#fff;overflow:hidden}
.social-home-hero h1{color:#fff;letter-spacing:-.045em;max-width:780px}
.social-home-hero .lead{color:rgba(255,255,255,.86)}
.social-home-hero .kicker{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.18)}
.social-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:34px;align-items:center;position:relative;z-index:2}
.social-stats{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:24px;padding:14px;box-shadow:none}
.social-stats .n{color:#fff}.social-stats .l{color:rgba(255,255,255,.75)}
.home-social-board{display:grid;gap:16px;align-content:center}
.feed-post,.social-phone-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 70px -30px rgba(0,0,0,.5);backdrop-filter:blur(14px);border-radius:28px;padding:22px;position:relative;overflow:hidden}
.feed-post::after,.social-phone-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.10)}
.post-head,.feed-mini-head{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.post-head small,.feed-mini-head small{display:block;color:rgba(255,255,255,.72);font-size:12px;margin-top:2px}.post-title{font:800 clamp(25px,3vw,40px)/1.08 var(--font-display);margin:28px 0 20px;position:relative;z-index:1}.post-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.post-actions span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.13);font-size:12px;font-weight:700;color:#fff}
.feed-stack{display:grid;gap:10px}.mini-feed-line{display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);border-radius:18px;padding:14px;border:1px solid var(--line);box-shadow:var(--sh-sm)}.mini-feed-line>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:var(--green-l);color:var(--green)}.mini-feed-line small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.social-phone-card{background:#fff;color:var(--ink);padding:20px}.social-phone-card .feed-mini-head small{color:var(--muted)}
.social-search-wrap{margin-top:-34px;position:relative;z-index:3}.social-searchbar{box-shadow:0 28px 70px -28px rgba(16,32,18,.38)}
.sec-social-row{display:flex;align-items:end;justify-content:space-between;gap:16px;max-width:none!important}.sec-social-row p{margin-bottom:0}

.jobs-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-job-card{border-radius:24px;overflow:hidden;transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease)}.public-job-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}.company-logo-mini{overflow:hidden}.company-logo-mini img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.jc-desc{font-size:13px;color:var(--muted);line-height:1.55;margin:12px 0 0}.job-public-layout .job-social-cover{overflow:hidden;background:linear-gradient(135deg,#fff,var(--green-ll))}.job-social-cover h1{font-size:clamp(26px,4vw,42px);margin:8px 0 10px;letter-spacing:-.035em}.mini-job-link{display:block;padding:12px;border:1px solid var(--line);border-radius:14px;margin-top:9px;background:#fff;transition:all var(--t-fast)}.mini-job-link:hover{border-color:var(--green);transform:translateY(-1px)}.mini-job-link span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.jobs-hero{padding:78px 0 46px}.jobs-filter-social{margin-top:-6px;margin-bottom:28px}

.company-social-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.company-social-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px;box-shadow:var(--sh-sm);min-width:0;transition:all var(--t) var(--ease)}.company-social-card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:var(--sh-md)}.company-social-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-social-card small{display:block;color:var(--muted);margin:2px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-social-card em{font-style:normal;font-weight:800;color:var(--green);background:var(--green-ll);padding:7px 10px;border-radius:999px;white-space:nowrap;font-size:12px}

.exclusive-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.exclusive-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--sh-sm);position:relative;overflow:hidden;transition:all var(--t) var(--ease)}.exclusive-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:color-mix(in srgb,var(--green) 35%,#fff)}.exclusive-card .ico{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green-l),#fff);color:var(--green);margin-bottom:14px}.exclusive-card h3{font-size:16px;margin:0 0 7px}.exclusive-card p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.social-cta-band{background:linear-gradient(135deg,var(--green-dd),var(--green));}

/* Compartilhamento */
.share-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--sh-sm);margin-bottom:16px}.share-title{font-weight:800;margin-bottom:10px}.share-buttons{display:flex;gap:9px;flex-wrap:wrap}.share-btn,.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;padding:9px 12px;color:#fff;font-weight:800;font-size:12.5px;cursor:pointer;box-shadow:var(--sh-xs);transition:transform var(--t-fast),filter var(--t-fast);font-family:inherit}.share-btn:hover,.social-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.share-btn.linkedin,.social-btn.linkedin{background:#0A66C2}.share-btn.facebook,.social-btn.facebook{background:#1877F2}.share-btn.whatsapp,.social-btn.whatsapp{background:#25D366;color:#073b19}.share-btn.telegram{background:#229ED9}.share-btn.x{background:#111}.share-btn.copy{background:var(--ink);color:#fff}.social-btn.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)}.social-btn.youtube{background:#FF0000}.social-btn.tiktok{background:#111}.social-btn.globe{background:var(--green)}.footer-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.footer-socials .social-btn{width:36px;height:36px;padding:0;border-radius:12px}

@media (max-width:1080px){.social-hero-grid{grid-template-columns:1fr}.jobs-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-social-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.exclusive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exclusive-grid .exclusive-card:last-child{grid-column:1/-1}}
@media (max-width:720px){.social-home-hero{padding-top:42px}.social-hero-grid{gap:22px}.home-social-board{display:none}.social-search-wrap{margin-top:-18px}.sec-social-row{align-items:flex-start;flex-direction:column}.jobs-public-grid,.company-social-strip,.exclusive-grid{grid-template-columns:1fr}.share-buttons{display:grid;grid-template-columns:1fr 1fr}.share-btn{width:100%}.jobs-hero{padding:44px 0 28px}.company-social-card{border-radius:18px}.exclusive-card{border-radius:20px}.social-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.share-buttons{grid-template-columns:1fr}.post-title{font-size:26px}.mini-feed-line{padding:12px}.hero-cta .btn{width:100%}}

/* ===================================================== HOTFIX HOME SOCIAL 8.0 ===
   Correções: estatísticas com contraste real, busca sem sobrepor o hero e topo
   da home com respiro abaixo do menu.
   ========================================================================== */
.social-home-hero{
  padding:clamp(58px,7vw,96px) 0 clamp(58px,6vw,82px)!important;
  overflow:hidden;
}
.social-home-hero .social-hero-grid{
  align-items:center;
}
.social-home-hero .kicker{
  margin-top:0!important;
  margin-bottom:16px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.social-home-hero h1{
  margin-top:0!important;
  line-height:1.04;
}
.social-home-hero .lead{
  margin-top:18px;
}
.social-stats.hero-stats,
.social-home-hero .hero-stats.social-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(112px,1fr))!important;
  gap:12px!important;
  width:100%;
  margin-top:34px!important;
  margin-bottom:0!important;
  padding:14px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:26px!important;
  box-shadow:0 24px 70px -42px rgba(0,0,0,.55)!important;
}
.social-stats.hero-stats>div,
.social-home-hero .hero-stats.social-stats>div{
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:18px!important;
  padding:16px 14px!important;
  min-height:86px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.social-stats.hero-stats .n,
.social-home-hero .hero-stats.social-stats .n{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.24);
  font-size:clamp(26px,3vw,34px)!important;
  line-height:.95!important;
}
.social-stats.hero-stats .l,
.social-home-hero .hero-stats.social-stats .l{
  color:rgba(255,255,255,.88)!important;
  font-weight:700;
  line-height:1.18;
  margin-top:8px!important;
}
.social-search-wrap,
.quick-search-wrap.social-search-wrap{
  margin-top:24px!important;
  margin-bottom:18px!important;
  z-index:4!important;
}
.social-searchbar,
.quick-search-wrap .social-searchbar{
  border-radius:24px!important;
  padding:14px!important;
  box-shadow:0 22px 58px -34px rgba(16,32,18,.45)!important;
  border:1px solid color-mix(in srgb,var(--green) 14%,var(--line))!important;
}
.social-searchbar input,
.social-searchbar select{
  min-height:50px;
  border-radius:14px!important;
}
.social-searchbar .btn{
  min-height:50px;
  border-radius:14px!important;
  white-space:nowrap;
}
.home-social-board{
  min-width:0;
}
.home-social-board .feed-post{
  transform:none!important;
}

@media (max-width:1080px){
  .social-home-hero{padding-top:56px!important;padding-bottom:64px!important}
  .social-stats.hero-stats,
  .social-home-hero .hero-stats.social-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .social-search-wrap,.quick-search-wrap.social-search-wrap{margin-top:18px!important}
}
@media (max-width:720px){
  .social-home-hero{padding:44px 0 48px!important}
  .social-home-hero h1{font-size:clamp(34px,10vw,48px)!important;line-height:1.06!important}
  .social-home-hero .lead{font-size:15.5px!important;margin-top:14px!important}
  .social-stats.hero-stats,
  .social-home-hero .hero-stats.social-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:22px!important;
    margin-top:26px!important;
  }
  .social-stats.hero-stats>div,
  .social-home-hero .hero-stats.social-stats>div{
    min-height:82px;
    padding:14px 12px!important;
  }
  .social-stats.hero-stats .n,
  .social-home-hero .hero-stats.social-stats .n{font-size:30px!important}
  .social-stats.hero-stats .l,
  .social-home-hero .hero-stats.social-stats .l{font-size:12.5px!important;color:rgba(255,255,255,.90)!important}
  .social-search-wrap,.quick-search-wrap.social-search-wrap{
    margin-top:12px!important;
    padding-top:0!important;
    margin-bottom:10px!important;
  }
  .social-searchbar,
  .quick-search-wrap .social-searchbar{
    margin:0!important;
    padding:12px!important;
    border-radius:22px!important;
    grid-template-columns:1fr!important;
  }
}
@media (max-width:390px){
  .social-stats.hero-stats .l,
  .social-home-hero .hero-stats.social-stats .l{font-size:12px!important}
  .social-stats.hero-stats .n,
  .social-home-hero .hero-stats.social-stats .n{font-size:28px!important}
}

/* ===================================================== Refinamento v9 ===
   Login/cadastro com navegação, hero menos agressivo, perfil social real,
   timeline profissional e funções top nos painéis.
   ========================================================================== */
.auth-public-nav{position:sticky;top:0;z-index:70}
.auth-wrap{min-height:calc(100vh - 72px);min-height:calc(100dvh - 72px)}
.auth-wrap + .footer{margin-top:0}
.social-home-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(218,178,70,.18),transparent 30%),
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.07),transparent 28%),
    linear-gradient(135deg,#174f24,#236d34 62%,#2b7339)!important;
}
.social-home-hero::before{opacity:.28!important;filter:none!important}
.home-social-board .feed-post,
.feed-post.highlight{
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.07))!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 24px 54px -36px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.feed-post.highlight::after{background:rgba(222,186,85,.10)!important;filter:blur(1px)}
.feed-post .post-title{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.24)}
.ps-headline{font-weight:800;color:var(--green-d);font-size:15px;margin:-2px 0 8px;letter-spacing:-.01em}
.profile-social .ps-headline{color:color-mix(in srgb,var(--green-d) 88%,#000)}
.skill-cloud{display:flex;gap:8px;flex-wrap:wrap}.skill-cloud span{padding:7px 11px;border-radius:999px;background:var(--green-ll);color:var(--green-d);font-weight:800;font-size:12px;border:1px solid color-mix(in srgb,var(--green) 14%,#fff)}
.social-link-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;color:#fff;font-weight:800;font-size:12px;box-shadow:var(--sh-xs);width:max-content;max-width:100%}.social-link-pill.linkedin{background:#0A66C2}.social-link-pill.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)}.social-link-pill.facebook{background:#1877F2}.social-link-pill.website{background:var(--green)}
.company-social-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 10px}
.timeline-social{position:relative;display:grid;gap:14px}.timeline-social::before{content:"";position:absolute;left:22px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--green-l),var(--line));border-radius:999px}.timeline-item{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px}.timeline-dot{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green-l),#fff);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));box-shadow:var(--sh-xs);z-index:1}.timeline-item.verified-hire .timeline-dot{background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 70%,#72d363));color:#fff;box-shadow:var(--sh-glow)}.timeline-content{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--sh-xs)}.timeline-content h4{margin:0 0 3px;font-size:16px}.public-timeline{margin-top:14px}
.unique-lab-panel{overflow:hidden;background:linear-gradient(135deg,#fff,var(--green-ll))}.unique-lab-panel::after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 22%,transparent),transparent 68%);pointer-events:none}.unique-lab-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.unique-tool{display:flex;flex-direction:column;gap:8px;min-height:155px;background:#fff;border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));border-radius:20px;padding:16px;box-shadow:var(--sh-xs);transition:all var(--t) var(--ease)}.unique-tool:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--green)}.unique-tool>span{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 70%,#5ecb61));color:#fff;box-shadow:var(--sh-glow)}.unique-tool b{font-family:var(--font-display);font-size:15px;line-height:1.15}.unique-tool small{color:var(--muted);line-height:1.45}.experience-form{background:linear-gradient(135deg,#fff,var(--green-ll));border:1px solid color-mix(in srgb,var(--green) 15%,var(--line));border-radius:22px;padding:18px}.social-timeline-card{overflow:hidden}.social-timeline-card .card-head{background:linear-gradient(135deg,var(--green-ll),#fff)}
@media(max-width:1080px){.unique-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unique-lab-grid .unique-tool:last-child{grid-column:1/-1}}
@media(max-width:720px){.auth-wrap{grid-template-columns:1fr;min-height:auto}.auth-side{display:none}.auth-main{padding:28px 16px}.auth-card{max-width:520px}.unique-lab-grid{grid-template-columns:1fr}.unique-tool{min-height:auto}.timeline-social::before{left:18px}.timeline-item{grid-template-columns:38px 1fr}.timeline-dot{width:38px;height:38px;border-radius:14px}.experience-form{padding:14px}.feed-post .post-title{font-size:26px!important}}


/* ===================================================== Encontre Peão v11 ===
   Feed rural, reputação, match, banco de talentos, vagas patrocinadas, funil,
   páginas SEO, currículo com QR, planos e perfil institucional de empresa.
   ========================================================================== */
.feed-card-real,.feed-post{border-radius:24px;border:1px solid color-mix(in srgb,var(--green) 12%,var(--line));box-shadow:var(--sh-xs);overflow:hidden}.feed-post{background:#fff}.feed-post .post-body{color:var(--text);line-height:1.6}.feed-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.feed-home-grid,.ranking-grid,.talent-grid,.plans-grid{display:grid;gap:16px}.feed-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-mini-list{display:grid;gap:14px}.ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--sh-xs);display:grid;gap:12px}.ranking-card .rank{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#ffe7a0);font-weight:900;color:#50340b}.reputation-strip{display:grid;grid-template-columns:160px repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.company-trust-strip{padding:14px;border-top:1px solid color-mix(in srgb,var(--green) 12%,var(--line));background:linear-gradient(135deg,#fff,var(--green-ll))}.rep-score,.rep-item{border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));background:#fff;border-radius:18px;padding:12px;box-shadow:var(--sh-xs);display:flex;align-items:center;gap:10px}.rep-score{display:grid;gap:0}.rep-score b{font-size:26px;color:var(--green-d);line-height:1}.rep-score span,.rep-item span{font-size:12px;color:var(--muted);font-weight:800}.rep-item svg{color:var(--green)}.qualification-card{background:linear-gradient(135deg,#fff,var(--green-ll));overflow:hidden}.qualification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qualification-pill{border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));background:#fff;border-radius:18px;padding:12px;font-size:13px}.company-cover-field{border:1px dashed color-mix(in srgb,var(--green) 25%,var(--line));background:var(--green-ll);padding:14px;border-radius:18px}.company-cover-img{background-size:cover!important;background-position:center!important}.company-info-grid,.job-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-info-card{border:1px solid color-mix(in srgb,var(--green) 12%,var(--line));background:linear-gradient(135deg,#fff,var(--green-ll));border-radius:18px;padding:14px;display:grid;gap:6px}.mini-info-card b{display:flex;align-items:center;gap:8px;color:var(--green-d)}.mini-info-card span{font-size:13px;color:var(--muted);white-space:pre-line}.pipeline-form,.review-inline{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:10px;align-items:end;background:linear-gradient(135deg,#fff,var(--green-ll));border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));border-radius:18px;padding:12px}.review-inline{background:linear-gradient(135deg,#fff,#fff8e2);border-color:color-mix(in srgb,var(--gold) 35%,var(--line))}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--sh-sm);overflow:hidden}.plan-card.featured{border-color:color-mix(in srgb,var(--green) 32%,var(--line));box-shadow:var(--sh-md)}.plan-card .price{font-family:var(--font-display);font-size:34px;color:var(--green-d);font-weight:900}.talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.talent-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--sh-xs)}.qr-box{border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));border-radius:22px;padding:16px;background:#fff;text-align:center;box-shadow:var(--sh-xs)}.qr-box img{max-width:180px;width:100%;height:auto}.cv-public-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--sh-md)}.soft-hero{background:linear-gradient(135deg,var(--green-ll),#fff);border:1px solid color-mix(in srgb,var(--green) 12%,var(--line));border-radius:28px;padding:26px;box-shadow:var(--sh-xs)}.btn-gold{background:linear-gradient(135deg,var(--gold),#ffe28c);color:#51370a!important;border-color:rgba(122,87,21,.18)!important;box-shadow:0 12px 28px -18px rgba(160,114,19,.65)}.btn-gold:hover{filter:brightness(.98);transform:translateY(-1px)}.badge-gold{background:#fff4cd;color:#765014;border-color:#f1d98e}.sponsored-ribbon{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--gold),#ffedaa);color:#583b0d;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px}.antifraud-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.risk-card{border-radius:20px;border:1px solid var(--line);background:#fff;padding:16px;box-shadow:var(--sh-xs)}.risk-card.high{border-color:#ffc4c4;background:#fff7f7}.risk-card.medium{border-color:#ffe1a3;background:#fffaf0}.risk-card.low{border-color:#cfe9d4;background:#f7fff8}
@media(max-width:1080px){.feed-page-grid{grid-template-columns:1fr}.feed-home-grid,.ranking-grid,.plans-grid,.company-info-grid,.qualification-grid{grid-template-columns:1fr 1fr}.reputation-strip{grid-template-columns:1fr 1fr}.pipeline-form,.review-inline{grid-template-columns:1fr}.talent-grid{grid-template-columns:1fr}.antifraud-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.feed-home-grid,.ranking-grid,.plans-grid,.company-info-grid,.job-extra-grid,.qualification-grid,.reputation-strip,.antifraud-grid{grid-template-columns:1fr}.rep-score b{font-size:24px}.company-trust-strip{border-radius:0 0 24px 24px}.pipeline-form,.review-inline{padding:10px;border-radius:16px}.modal .grid-3{grid-template-columns:1fr!important}.job-card .jc-foot{gap:8px}.job-card .jc-foot form{width:100%;margin-left:0!important}.job-card .jc-foot .btn{width:100%;justify-content:center}}

/* =========================================================
   Feed rural social — LinkedIn rural premium
   ========================================================= */
.social-feed-hero{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 34%),linear-gradient(135deg,var(--green-ll),#fff 58%,#fff8e8);border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));border-radius:30px;margin:18px auto 0;padding:28px 0;overflow:hidden}
.social-feed-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) 420px;gap:28px;align-items:center}.social-feed-hero h1{max-width:850px}.social-hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.social-hero-pills span{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--green) 16%,var(--line));background:#fff;border-radius:999px;padding:9px 12px;font-weight:900;font-size:12px;color:var(--green-d);box-shadow:var(--sh-xs)}
.social-feed-preview-card{background:#fff;border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));border-radius:28px;padding:18px;box-shadow:0 26px 80px -48px rgba(24,64,33,.55);display:grid;gap:14px;transform:rotate(1.2deg)}.preview-top{display:flex;gap:12px;align-items:center}.preview-top small{display:block;color:var(--muted);font-size:12px}.preview-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#e7eee7,#f8fbf8);width:68%}.preview-line.wide{width:92%}.preview-media{height:150px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 18%,#fff),color-mix(in srgb,var(--gold) 20%,#fff));position:relative;overflow:hidden}.preview-media:after{content:"";position:absolute;right:-36px;bottom:-36px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.5)}.preview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-actions span{height:34px;border-radius:14px;background:#f4f7f2;border:1px solid var(--line)}
.social-feed-section{background:linear-gradient(180deg,#fff,#f7faf5)}.social-feed-layout{grid-template-columns:minmax(0,720px) 330px;justify-content:center}.social-feed-main{display:grid;gap:18px}.social-composer{border-radius:26px;overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));box-shadow:var(--sh-sm);padding:18px;background:#fff}.composer-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}.composer-head small{display:block;color:var(--muted);margin-top:2px}.composer-grid{display:grid;grid-template-columns:1fr 220px;gap:12px}.composer-grid-3{grid-template-columns:1.1fr .8fr 1fr}.composer-preview{width:100%;max-height:260px;object-fit:cover;border-radius:20px;border:1px solid var(--line);margin:8px 0 12px}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--line)}.composer-actions>span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.social-login-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:24px;border:1px solid color-mix(in srgb,var(--green) 14%,var(--line))}
.social-feed-card{background:#fff;border:1px solid color-mix(in srgb,var(--green) 12%,var(--line));border-radius:26px;box-shadow:0 22px 60px -46px rgba(24,64,33,.5);overflow:visible;position:relative}.social-feed-card:hover{border-color:color-mix(in srgb,var(--green) 25%,var(--line));box-shadow:0 30px 72px -52px rgba(24,64,33,.65)}.social-repost-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:900;font-size:12px;padding:14px 18px 0}.social-feed-author{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 8px}.social-avatar{flex:0 0 auto;box-shadow:0 10px 24px -18px rgba(0,0,0,.45)}.social-author-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.social-author-name{font-weight:950;color:var(--ink);text-decoration:none}.social-author-name:hover{color:var(--green-d)}.social-author-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:3px}.social-type-badge{padding:5px 9px;font-size:11px}.social-post-permalink{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:#fff;transition:.2s}.social-post-permalink:hover{color:var(--green);border-color:color-mix(in srgb,var(--green) 24%,var(--line));background:var(--green-ll)}
.social-feed-content{padding:6px 18px 12px}.social-feed-content h3{font-size:20px;line-height:1.24;margin:0 0 8px}.social-feed-content h3 a{text-decoration:none;color:var(--ink)}.social-feed-content h3 a:hover{color:var(--green-d)}.social-feed-content p{white-space:pre-line;color:#354237;line-height:1.65;margin:0;font-size:15px}.social-feed-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.social-feed-tags span{font-size:12px;font-weight:900;color:var(--green-d);background:var(--green-ll);border:1px solid color-mix(in srgb,var(--green) 16%,var(--line));border-radius:999px;padding:6px 9px}.social-feed-media{display:block;margin:0 18px 14px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#f6f7f4}.social-feed-media img{width:100%;max-height:520px;object-fit:cover;display:block}.social-feed-cta{padding:0 18px 14px}.shared-post-card{margin:0 18px 14px;border:1px solid color-mix(in srgb,var(--green) 15%,var(--line));border-radius:20px;background:linear-gradient(135deg,#fff,var(--green-ll));display:grid;grid-template-columns:128px 1fr;gap:12px;overflow:hidden;text-decoration:none;color:var(--ink)}.shared-post-card img{width:128px;height:100%;min-height:112px;object-fit:cover}.shared-post-card>div{padding:13px}.shared-post-card span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:4px}.shared-post-card b{display:block;font-size:15px;line-height:1.25}.shared-post-card p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.shared-post-card:hover{border-color:color-mix(in srgb,var(--green) 28%,var(--line));box-shadow:var(--sh-xs)}
.social-feed-stats{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:10px 18px;color:var(--muted);font-size:12px;font-weight:800}.social-feed-stats span{display:inline-flex;align-items:center;gap:6px}.social-feed-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 10px;position:relative}.social-feed-actions form{margin:0}.social-action{width:100%;border:0;background:transparent;color:#5a665b;font-weight:950;font-size:13px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;cursor:pointer;text-decoration:none;transition:.18s}.social-action:hover{background:var(--green-ll);color:var(--green-d)}.social-action.active{color:var(--green-d);background:color-mix(in srgb,var(--green) 11%,#fff)}.social-action.active svg{fill:currentColor}.social-share-menu{position:relative}.social-share-menu summary{list-style:none}.social-share-menu summary::-webkit-details-marker{display:none}.social-share-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,88vw);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-md);z-index:30;padding:14px}.share-repost-form{display:grid;gap:9px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.share-repost-form label{font-weight:950;color:var(--ink);font-size:13px}.share-repost-form textarea{min-height:86px;resize:vertical}.social-share-popover .share-box{padding:0;border:0;background:transparent;box-shadow:none}.social-share-popover .share-title{font-size:12px;margin-bottom:8px}.social-share-popover .share-buttons{grid-template-columns:1fr 1fr}.social-share-popover .share-btn{padding:9px 10px;font-size:12px}.social-comments{background:#fbfdf9;border-radius:0 0 26px 26px}.comment-list{display:grid;gap:9px;padding:13px 18px 0}.comment-item{display:flex;align-items:flex-start;gap:9px}.avatar-xs{width:30px;height:30px;font-size:11px;border-radius:11px}.comment-bubble{background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px 11px;min-width:0;flex:1}.comment-bubble b{font-size:13px}.comment-bubble p{margin:2px 0 0;color:#344038;font-size:13px;line-height:1.45;white-space:pre-line}.comment-bubble small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.comment-form{display:flex;align-items:center;gap:9px;padding:13px 18px}.comment-form input{flex:1;border:1px solid var(--line);border-radius:999px;background:#fff;padding:12px 14px;min-width:0}.comment-form button{width:42px;height:42px;border-radius:999px;border:0;background:var(--green);color:#fff;display:grid;place-items:center;cursor:pointer}.comment-form button:hover{filter:brightness(.96);transform:translateY(-1px)}
.social-side-card{border-radius:24px}.side-checks{display:grid;gap:9px;margin:14px 0}.side-checks span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:var(--green-d);background:var(--green-ll);border:1px solid color-mix(in srgb,var(--green) 14%,var(--line));border-radius:14px;padding:10px}.min-w-0{min-width:0}
@media(max-width:1080px){.social-feed-hero-grid{grid-template-columns:1fr}.social-feed-preview-card{max-width:520px}.social-feed-layout{grid-template-columns:1fr}.social-feed-side{display:none}.composer-grid,.composer-grid-3{grid-template-columns:1fr 1fr}.social-feed-main{max-width:760px;margin:0 auto;width:100%}}
@media(max-width:720px){.social-feed-hero{border-radius:0;margin-top:0}.social-feed-hero-grid{gap:18px}.social-feed-preview-card{display:none}.composer-grid,.composer-grid-3{grid-template-columns:1fr}.composer-actions,.social-login-card{align-items:stretch;flex-direction:column}.composer-actions .btn,.social-login-card .btn{width:100%;justify-content:center}.social-feed-card{border-radius:22px}.social-feed-author{padding:15px 14px 7px}.social-feed-content{padding:6px 14px 10px}.social-feed-media,.shared-post-card{margin-left:14px;margin-right:14px}.shared-post-card{grid-template-columns:1fr}.shared-post-card img{width:100%;height:150px}.social-feed-stats{padding:10px 14px}.social-feed-actions{grid-template-columns:1fr 1fr 1fr;padding:6px}.social-action span{display:none}.social-share-popover{right:-8px}.comment-list,.comment-form{padding-left:14px;padding-right:14px}.social-feed-content h3{font-size:18px}}

/* ===================================================== Encontre Peão v14 ===
   Feed social refinado: composer recolhido, AJAX visual e vagas no feed.
   ========================================================================== */
.social-feed-section{background:radial-gradient(circle at 10% 0,rgba(47,125,50,.08),transparent 28%),linear-gradient(180deg,#f8fbf6,#eef5eb 58%,#f8fbf6)}
.social-feed-layout{grid-template-columns:minmax(0,760px) 342px}.social-feed-main{gap:20px}.social-feed-card{border-radius:30px;border-color:rgba(47,125,50,.14);box-shadow:0 18px 52px -38px rgba(20,55,26,.55),0 1px 0 rgba(255,255,255,.8);background:linear-gradient(180deg,#fff,#fff 78%,#fbfdf9)}.social-feed-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:30px 30px 0 0;background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--gold) 74%,#fff),var(--green));opacity:.72;pointer-events:none}.social-feed-card:hover{transform:translateY(-2px);box-shadow:0 28px 72px -46px rgba(20,55,26,.7)}
.feed-composer-details{padding:0;overflow:hidden;border-radius:30px;background:#fff;border:1px solid rgba(47,125,50,.16);box-shadow:0 22px 64px -48px rgba(20,55,26,.6)}.feed-composer-details summary{list-style:none}.feed-composer-details summary::-webkit-details-marker{display:none}.composer-summary{display:flex;align-items:center;gap:13px;padding:16px 18px;cursor:pointer;transition:.2s;background:linear-gradient(135deg,#fff,#f7fbf4)}.composer-summary:hover{background:linear-gradient(135deg,#fff,var(--green-ll))}.composer-summary-copy{display:grid;gap:2px;min-width:0;flex:1}.composer-summary-copy b{font-size:15px}.composer-summary-copy small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-summary-action{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));background:var(--green);color:#fff;border-radius:999px;padding:9px 13px;font-weight:950;font-size:12px;box-shadow:0 14px 32px -24px var(--green)}.feed-composer-details[open] .composer-summary{border-bottom:1px solid var(--line)}.composer-body{padding:18px;display:grid;gap:12px}.composer-body textarea,.composer-body input,.composer-body select{background:#fff}.composer-preview{box-shadow:var(--sh-xs)}
.social-feed-author{padding:20px 20px 9px}.social-avatar{width:52px;height:52px;border-radius:18px}.social-author-name{font-size:15px}.social-author-meta{font-size:12.5px}.social-post-permalink{border-radius:999px;background:#f9fbf7}.social-feed-content{padding:6px 20px 13px}.social-feed-content h3{font-size:21px;letter-spacing:-.02em}.social-feed-content p{font-size:15.2px;color:#2f3d33}.feed-job-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.feed-job-strip span{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--green-ll),#fff);border:1px solid color-mix(in srgb,var(--green) 16%,var(--line));color:var(--green-d);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.social-feed-media{margin-left:20px;margin-right:20px;border-radius:24px;box-shadow:0 16px 34px -31px rgba(0,0,0,.65)}.social-feed-cta{padding-left:20px;padding-right:20px}.social-feed-stats{padding:11px 20px;background:linear-gradient(90deg,#fbfdf9,#fff);border-top-color:rgba(47,125,50,.10)}.social-feed-stats b{color:var(--green-d)}.social-feed-actions{padding:8px 12px;border-color:rgba(47,125,50,.10);background:#fff}.social-action{border-radius:16px;font-size:13.5px}.social-action:hover,.social-action.active{background:linear-gradient(135deg,var(--green-ll),#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 12%,transparent)}.social-action[disabled],.comment-form button[disabled]{opacity:.55;cursor:wait}.social-comments{background:linear-gradient(180deg,#fbfdf9,#fff);border-radius:0 0 30px 30px}.comment-list{padding-top:14px}.comment-list.is-empty{display:none}.comment-item{animation:feedCommentIn .22s ease both}.comment-bubble{border-color:rgba(47,125,50,.12);box-shadow:0 8px 22px -22px rgba(20,55,26,.55)}.comment-form{padding-top:14px}.comment-form input:focus{border-color:color-mix(in srgb,var(--green) 40%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent);outline:0}.comment-form button{box-shadow:0 14px 30px -22px var(--green)}@keyframes feedCommentIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.contractor-feed-share{display:inline-flex}.job-card .contractor-feed-share{margin:0}.job-social-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.job-share-note{font-size:12px;color:var(--muted);font-weight:800;display:inline-flex;align-items:center;gap:6px}.btn-feed-share{background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 72%,#73cf62));color:#fff;border:0;box-shadow:0 18px 34px -28px var(--green)}.btn-feed-share:hover{filter:brightness(.97);transform:translateY(-1px)}
@media(max-width:1080px){.social-feed-layout{grid-template-columns:1fr}.social-feed-main{max-width:780px}.composer-summary-copy small{white-space:normal}}
@media(max-width:720px){.social-feed-layout{display:block}.social-feed-main{gap:16px}.composer-summary{padding:14px}.composer-summary-action{padding:8px 10px}.composer-summary-action svg{display:none}.composer-body{padding:14px}.social-feed-card{border-radius:24px}.social-feed-card:before{border-radius:24px 24px 0 0}.social-feed-author{padding:17px 14px 8px}.social-avatar{width:46px;height:46px;border-radius:16px}.social-feed-content{padding-left:14px;padding-right:14px}.social-feed-content h3{font-size:18.5px}.feed-job-strip span{font-size:11.5px}.social-feed-media{margin-left:14px;margin-right:14px;border-radius:20px}.social-feed-actions{padding:7px}.social-feed-stats{padding:10px 14px}.social-comments{border-radius:0 0 24px 24px}.comment-form input{font-size:13px}.job-social-actions{width:100%}.job-social-actions .btn,.job-social-actions form{width:100%}.job-social-actions .btn{justify-content:center}}

/* ------------------------------------------------------------------ v15 Feed social + chat flutuante */
.social-side-mini{display:grid;gap:10px;margin:16px 0}.mini-social-row{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:18px;background:linear-gradient(135deg,#fff,var(--green-ll));border:1px solid rgba(47,125,50,.12);box-shadow:0 10px 28px -24px rgba(20,55,26,.45)}.mini-social-row>span{width:34px;height:34px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;flex:0 0 auto}.mini-social-row b{display:block;font-size:13px}.mini-social-row small{display:block;color:var(--muted);line-height:1.35;margin-top:2px}.social-stat-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:900;padding:0;cursor:pointer}.social-stat-btn:hover{color:var(--green-d);text-decoration:underline;text-underline-offset:3px}.social-feed-stats{position:relative}.social-likes-popover[hidden],.social-share-popover[hidden]{display:none!important}.social-likes-popover{margin:0 18px 10px;background:#fff;border:1px solid rgba(47,125,50,.14);border-radius:20px;box-shadow:0 18px 48px -34px rgba(20,55,26,.58);overflow:hidden;animation:feedCommentIn .18s ease both}.likes-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,var(--green-ll))}.likes-head b{font-size:13px}.likes-head span{font-size:11px;color:var(--muted);font-weight:900}.likes-list{display:grid;max-height:260px;overflow:auto}.like-user-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(47,125,50,.08);text-decoration:none;color:var(--ink)}.like-user-row:hover{background:#f7fbf4}.like-user-copy{display:grid;gap:1px;min-width:0;flex:1}.like-user-copy b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.like-user-copy small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-dot,.floating-chat-status{width:9px;height:9px;border-radius:999px;background:#c9d1c4;box-shadow:0 0 0 3px #fff;flex:0 0 auto}.online-dot.on,.floating-chat-status.on,.floating-chat-row.is-online .floating-chat-status{background:#1f9d57}.likes-loading,.likes-empty{padding:16px;color:var(--muted);font-size:13px;font-weight:800;text-align:center}.comment-author{font-size:13px;font-weight:950;color:var(--ink)}.comment-author:hover{color:var(--green-d);text-decoration:underline;text-underline-offset:3px}.social-share-menu{position:relative}.social-share-menu.open .social-action{background:linear-gradient(135deg,var(--green-ll),#fff);color:var(--green-d);box-shadow:inset 0 0 0 1px rgba(47,125,50,.12)}.social-share-popover{display:block;animation:sharePop .16s ease both}.social-post-permalink{cursor:pointer}.social-post-permalink svg{pointer-events:none}@keyframes sharePop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.floating-chat-widget{position:fixed;right:22px;bottom:22px;z-index:90}.floating-chat-button{width:62px;height:62px;border-radius:24px;border:1px solid rgba(255,255,255,.55);background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff;box-shadow:0 24px 54px -28px rgba(20,55,26,.75),0 0 0 8px rgba(47,125,50,.08);display:grid;place-items:center;cursor:pointer;position:relative;transition:.2s}.floating-chat-button:hover{transform:translateY(-3px);box-shadow:0 30px 64px -28px rgba(20,55,26,.85),0 0 0 10px rgba(47,125,50,.09)}.floating-chat-icon{display:grid;place-items:center}.floating-chat-badge{position:absolute;right:-4px;top:-5px;min-width:24px;height:24px;border-radius:999px;background:var(--danger);color:#fff;border:3px solid #fff;display:grid;place-items:center;font-size:11px;font-weight:950}.floating-chat-online-dot{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border-radius:999px;background:#c9d1c4;border:3px solid #fff}.floating-chat-online-dot.on{background:#1f9d57}.floating-chat-panel{position:absolute;right:0;bottom:78px;width:min(360px,calc(100vw - 28px));background:#fff;border:1px solid rgba(47,125,50,.14);border-radius:28px;box-shadow:0 30px 84px -38px rgba(20,55,26,.78);overflow:hidden;animation:sharePop .18s ease both}.floating-chat-panel[hidden]{display:none!important}.floating-chat-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 17px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,var(--green-ll))}.floating-chat-head b{display:block;font-size:16px}.floating-chat-head small{display:block;color:var(--muted);font-weight:800;margin-top:1px}.floating-chat-head a{font-size:12px;font-weight:950;color:var(--green-d);background:#fff;border:1px solid rgba(47,125,50,.14);border-radius:999px;padding:7px 10px}.floating-chat-list{display:grid;max-height:380px;overflow:auto}.floating-chat-row{display:flex;align-items:center;gap:11px;padding:12px 15px;border-bottom:1px solid rgba(47,125,50,.08);color:var(--ink);text-decoration:none}.floating-chat-row:hover{background:#f7fbf4}.floating-chat-copy{display:grid;gap:1px;min-width:0;flex:1}.floating-chat-copy b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-chat-copy small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-chat-empty{text-align:center;padding:24px 18px;color:var(--muted);display:grid;gap:6px}.floating-chat-empty .ic{width:46px;height:46px;border-radius:17px;background:var(--green-ll);color:var(--green-d);display:grid;place-items:center;margin:0 auto}.floating-chat-empty b{color:var(--ink)}.floating-chat-empty small{line-height:1.35}.floating-chat-widget.open .floating-chat-button{transform:translateY(-2px) rotate(-2deg)}
@media(max-width:720px){.floating-chat-widget{right:14px;bottom:calc(var(--bottomnav-h) + 12px)}body:not(.sidebar-open) .floating-chat-button{width:58px;height:58px;border-radius:22px}.floating-chat-panel{right:-2px;bottom:72px}.social-likes-popover{margin-left:14px;margin-right:14px}.social-feed-stats{gap:8px}.social-stat-btn{font-size:11.5px}.social-feed-preview-card{display:none}}

/* Floating chat AJAX desktop — v16 */
.floating-chat-view[hidden],.floating-chat-thread[hidden]{display:none!important}.floating-chat-widget.thread-open .floating-chat-panel{width:min(390px,calc(100vw - 28px))}.floating-chat-row.active{background:linear-gradient(135deg,var(--green-ll),#fff);box-shadow:inset 4px 0 0 var(--green)}.floating-chat-thread{display:grid;grid-template-rows:auto minmax(230px,360px) auto;background:#fff}.floating-chat-thread-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,var(--green-ll))}.floating-chat-back{width:34px;height:34px;border-radius:13px;border:1px solid rgba(47,125,50,.14);background:#fff;color:var(--green-d);display:grid;place-items:center;cursor:pointer;flex:0 0 auto;transition:.18s}.floating-chat-back svg{transform:rotate(180deg)}.floating-chat-back:hover{transform:translateX(-2px);box-shadow:0 10px 24px -18px rgba(20,55,26,.6)}.floating-chat-thread-copy{display:grid;gap:1px;min-width:0;flex:1}.floating-chat-thread-copy b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-chat-thread-copy small{font-size:11.5px;color:var(--muted);font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-chat-full{font-size:11px;font-weight:950;color:var(--green-d);background:#fff;border:1px solid rgba(47,125,50,.14);border-radius:999px;padding:7px 9px;text-decoration:none;flex:0 0 auto}.floating-chat-thread-body{padding:14px;overflow:auto;background:linear-gradient(180deg,#f8fbf5,#fff 42%);display:flex;flex-direction:column;gap:8px}.floating-mini-msg{max-width:82%;padding:9px 11px;border-radius:16px;font-size:13px;line-height:1.35;box-shadow:0 10px 24px -22px rgba(20,55,26,.6);word-break:break-word}.floating-mini-msg small{display:block;margin-top:4px;font-size:10.5px;opacity:.72;font-weight:800}.floating-mini-msg.me{align-self:flex-end;background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff;border-bottom-right-radius:6px}.floating-mini-msg.them{align-self:flex-start;background:#fff;border:1px solid rgba(47,125,50,.12);color:var(--ink);border-bottom-left-radius:6px}.floating-chat-input{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line);background:#fff}.floating-chat-input input{flex:1;border:1px solid rgba(47,125,50,.16);background:#f8fbf5;border-radius:16px;padding:11px 12px;min-width:0;outline:none;font:inherit;font-size:13px}.floating-chat-input input:focus{border-color:rgba(47,125,50,.38);box-shadow:0 0 0 4px rgba(47,125,50,.08);background:#fff}.floating-chat-input button{width:42px;height:42px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 32px -22px rgba(20,55,26,.75);flex:0 0 auto}.floating-chat-input button:disabled{opacity:.6;cursor:not-allowed}.floating-chat-loading,.floating-chat-empty-mini{margin:auto;color:var(--muted);font-size:13px;font-weight:850;text-align:center;padding:20px 10px}.floating-chat-widget.thread-open .floating-chat-button{box-shadow:0 30px 64px -28px rgba(20,55,26,.85),0 0 0 10px rgba(47,125,50,.10)}@media(max-width:720px){.floating-chat-widget.thread-open .floating-chat-panel{width:min(360px,calc(100vw - 28px))}.floating-chat-thread{display:none!important}}

/* ------------------------------------------------------------------ v17 Feed limpo: curtidas e comentários em popup */
body.feed-modal-open{overflow:hidden}.social-feed-stats .social-stat-btn{border-radius:999px;padding:4px 7px;margin:-4px -7px}.social-feed-stats .social-stat-btn:hover{background:var(--green-ll);text-decoration:none}.social-comments-teaser{padding:10px 18px 16px;background:linear-gradient(180deg,#fbfdf9,#fff);border-radius:0 0 30px 30px}.social-comments-teaser button{width:100%;border:1px dashed rgba(47,125,50,.22);background:linear-gradient(135deg,#fff,var(--green-ll));color:var(--green-d);border-radius:17px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:12.5px;font-weight:950;cursor:pointer;transition:.18s}.social-comments-teaser button:hover{transform:translateY(-1px);box-shadow:0 14px 32px -26px rgba(20,55,26,.65);border-style:solid}.feed-interaction-overlay{z-index:220}.feed-interaction-overlay[hidden]{display:none!important}.feed-interaction-modal{max-width:620px;border-radius:30px;overflow:hidden;box-shadow:0 38px 100px -42px rgba(7,28,11,.82)}.feed-modal-head{background:linear-gradient(135deg,#fff,var(--green-ll));align-items:flex-start}.feed-modal-head h3{font-size:20px;letter-spacing:-.02em}.feed-modal-head small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:850;max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-modal-body{padding:0;max-height:min(62vh,560px);overflow:auto;background:linear-gradient(180deg,#fbfdf9,#fff)}.feed-modal-body .likes-head{position:sticky;top:0;z-index:2}.feed-modal-likes-list{max-height:none}.feed-modal-comments-list{display:grid;gap:10px;padding:15px 18px}.feed-modal-comments-list .comment-item{align-items:flex-start}.feed-modal-comments-list .comment-bubble{background:#fff;border-color:rgba(47,125,50,.12);box-shadow:0 10px 26px -24px rgba(20,55,26,.55)}.feed-modal-comment-form{display:flex;align-items:center;gap:10px;padding:13px 15px;border-top:1px solid rgba(47,125,50,.12);background:#fff}.feed-modal-comment-form[hidden],.feed-modal-login[hidden]{display:none!important}.feed-modal-comment-form input{flex:1;min-width:0;border:1px solid rgba(47,125,50,.16);background:#f8fbf5;border-radius:999px;padding:13px 15px;font:inherit;font-size:13.5px;outline:0}.feed-modal-comment-form input:focus{background:#fff;border-color:rgba(47,125,50,.42);box-shadow:0 0 0 4px rgba(47,125,50,.09)}.feed-modal-comment-form button{width:44px;height:44px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 34px -24px rgba(20,55,26,.82);flex:0 0 auto}.feed-modal-comment-form button:disabled{opacity:.62;cursor:wait}.feed-modal-login{padding:15px 18px;border-top:1px solid rgba(47,125,50,.12);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.feed-modal-login p{margin:0;color:var(--muted);font-size:13px;font-weight:800}.feed-modal-body .likes-empty,.feed-modal-body .likes-loading{padding:28px 18px}.social-feed-actions button.social-action{font-family:inherit}.social-feed-actions button.social-action svg{pointer-events:none}@media(max-width:720px){.feed-interaction-overlay{padding:12px;align-items:flex-end}.feed-interaction-modal{max-height:88vh;border-radius:26px 26px 22px 22px}.feed-modal-body{max-height:56vh}.feed-modal-head{padding:17px 18px}.feed-modal-head small{max-width:260px}.feed-modal-comment-form{padding:11px}.feed-modal-login{align-items:stretch;flex-direction:column}.social-comments-teaser{padding:9px 14px 14px;border-radius:0 0 24px 24px}.social-comments-teaser button{font-size:12px}.feed-modal-comments-list{padding:13px 14px}}

/* ------------------------------------------------------------------ v18 Feed card cleanup */
.social-feed-card{overflow:visible}.social-feed-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px}.social-feed-stats .social-stat-btn,.social-feed-stats .social-stat-passive{min-height:32px;border-radius:999px;padding:6px 9px;margin:0;justify-content:center;white-space:nowrap}.social-feed-stats .social-stat-passive{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.social-feed-stats .social-stat-btn:hover{background:var(--green-ll);text-decoration:none}.social-feed-actions{border-bottom:0;border-radius:0 0 30px 30px}.social-feed-actions .social-action{min-height:44px}.social-comments-teaser{display:none!important}.feed-interaction-overlay.open{display:flex!important}.feed-interaction-overlay[hidden]{display:none!important}.feed-modal-body .comment-item:last-child .comment-bubble{margin-bottom:0}.feed-modal-comments-list{min-height:96px}.feed-modal-comment-form input::placeholder{color:#7c887e}.social-share-popover{max-height:min(72vh,520px);overflow:auto}.social-share-popover textarea{font:inherit;border:1px solid rgba(47,125,50,.16);border-radius:16px;background:#f8fbf5;padding:11px 12px;outline:0}.social-share-popover textarea:focus{background:#fff;border-color:rgba(47,125,50,.42);box-shadow:0 0 0 4px rgba(47,125,50,.09)}@media(max-width:720px){.social-feed-stats{grid-template-columns:1fr 1fr 1fr;padding:9px 8px}.social-feed-stats .social-stat-btn,.social-feed-stats .social-stat-passive{font-size:11px;gap:4px;padding:6px 4px}.social-feed-stats svg{width:14px;height:14px}.social-feed-actions{border-radius:0 0 24px 24px}.social-feed-actions .social-action{font-size:12.5px;gap:6px}.social-feed-actions .social-action span{display:inline}.social-share-popover{position:fixed;left:12px;right:12px;top:auto;bottom:calc(var(--bottomnav-h) + 86px);width:auto;max-height:62vh;border-radius:22px;z-index:260}.feed-interaction-overlay.open{align-items:flex-end}.feed-interaction-modal{width:100%}}


/* ===================================================== PUBLIC NAV FIX v21 ===
   Menu público unificado e sem quebra de linha em desktop/notebook.
   Login, cadastro e site principal passam a usar a mesma navegação.
   ========================================================================== */
.nav-inner{gap:12px}
.nav .brand{max-width:168px;min-width:0}
.nav .brand-logo-img{max-width:168px;max-height:54px}
.nav-links{flex:1 1 auto;min-width:0;justify-content:center;gap:1px;flex-wrap:nowrap;overflow:visible}
.nav-links a{white-space:nowrap;flex:0 0 auto;padding:8px 9px;font-size:13.2px;line-height:1.15;border-radius:999px}
.nav-actions{gap:8px}
.nav-actions .btn-sm{padding:9px 12px;white-space:nowrap}
.nav .avatar-sm{width:38px;height:38px}
@media(min-width:1121px) and (max-width:1280px){
  .nav .container{max-width:100%;padding-left:18px;padding-right:18px}
  .nav .brand{max-width:154px}
  .nav .brand-logo-img{max-width:154px;max-height:50px}
  .nav-links a{padding:8px 7px;font-size:12.6px;letter-spacing:-.015em}
  .nav-actions .btn-sm{padding:8px 10px;font-size:12.5px}
}
@media(max-width:1120px){
  .nav-links{display:none!important}
  .nav-toggle{display:grid!important}
  .nav .brand-logo-img{max-width:min(165px,46vw);max-height:48px}
}
@media(max-width:420px){
  .nav-actions .btn-primary{padding:8px 10px;font-size:12px}
  .nav .brand-logo-img{max-width:136px}
}