/* =====================================================================
   SINERGYRH · PADRÃO VISUAL COMPARTILHADO (ajustes gerais · out/2026)
   Publicado em /assets/padrao/sinergy-padrao.css e carregado DEPOIS do CSS de cada página.
   Referência: nova Home. Fundo branco, cinza muito claro para separar conteúdos,
   azul institucional nos textos, laranja e violeta nos detalhes.
   Componentes: escala tipográfica · etiquetas · topo claro · blocos tecnológicos em painel
   · formulário comercial · encerramento · faixa de números · rodapé institucional.
   Ativado pela classe "sx" no <body> (a Home e a página Sobre usam só formulário e rodapé).
   ===================================================================== */
:root{
  --sx-ink:#18004C; --sx-or:#FF4F00; --sx-or-t:#C83E00; --sx-vi:#6B3FD0; --sx-text:#2E2856; --sx-mut:#5B5677;
  --sx-line:#E7E4F1; --sx-gray:#F5F6FA;
  --sx-sh:0 1px 2px rgba(24,0,76,.05),0 18px 40px -24px rgba(24,0,76,.28);
  --sx-sh2:0 2px 6px rgba(24,0,76,.05),0 40px 80px -40px rgba(24,0,76,.38);
  /* escala tipográfica compartilhada (mesma da Home) */
  --sx-h1:clamp(2.1rem,3.6vw,3.2rem);
  --sx-h2:clamp(1.85rem,3.1vw,2.75rem);
  --sx-sub:clamp(1rem,1.25vw,1.13rem);
  --sx-tag:.74rem;
  --sx-sec:clamp(44px,5vw,72px);
}

/* O site passa a ser sempre claro, como a nova Home (antes as páginas de produto escureciam
   com o tema escuro do aparelho e ficavam diferentes da Home) */
@media (prefers-color-scheme: dark){
  html:root:not([data-theme="x"]){--bg:#FFFFFF; --bg-alt:#F5F6FA; --surface:#FFFFFF; --ink:#18004C; --text:#2E2856; --muted:#5B5677;
    --line:#E3E1EE; --soft:#EEF3FB; --orange-text:#C83E00; --bad:#B42318; --bad-soft:#FDECEA; --ok:#0E7A43; --warn:#9A5B00; --warn-soft:#FFF3DC;
    --logo-plate:transparent; --dot:#18004C; --tech-text:#2C66B0; --teal-text:#127065; --violet-text:#6B3FD0;
    --onb-t:#C83E00; --pto-t:#A72EBE; --fol-t:#007A96; --ges-t:#8A6400; --orc-t:#A3263C; color-scheme:light}
}

/* ---------- Tipografia (páginas padronizadas) ---------- */
body.sx{font-family:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif}
body.sx main h2:not(.sr-only){font-size:var(--sx-h2);font-weight:700;line-height:1.12;letter-spacing:-.025em}
body.sx main .nh-lead,body.sx main section>.wrap .lead{font-size:var(--sx-sub);line-height:1.65}

/* ---------- Etiquetas de seção: cápsula translúcida da Home ---------- */
body.sx .sf-tag,body.sx .nh-tag,body.sx main .eyebrow,body.sx .sf-eyebrow,.sx-tag{
  display:inline-flex;align-items:center;gap:9px;justify-self:start;max-width:100%;padding:6px 15px 6px 6px;border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(238,232,255,.62));border:1px solid rgba(107,63,208,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px -16px rgba(24,0,76,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font-size:var(--sx-tag);font-weight:600;letter-spacing:.09em;text-transform:uppercase;line-height:1.2;color:var(--sx-ink)}
body.sx .sf-tag::before,body.sx .nh-tag::before,body.sx main .eyebrow::before,.sx-tag::before{content:"";flex:none;width:24px;height:24px;border-radius:50%;margin:0;box-shadow:none;
  background:radial-gradient(circle,#FF4F00 0 3.5px,transparent 4.5px),linear-gradient(135deg,#FFE5D6,#ECE3FF)}
body.sx .sf-eyebrow svg{width:24px;height:24px;padding:5px;background:linear-gradient(135deg,#FFE5D6,#ECE3FF);color:var(--sx-or-t)}
/* dentro dos painéis escuros a etiqueta continua legível */
body.sx .sx-panel .sf-tag,body.sx .sx-panel .nh-tag,body.sx .sx-panel .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(185,138,240,.45);color:#F1ECFF;box-shadow:none}
body.sx .sx-panel .sf-tag::before,body.sx .sx-panel .nh-tag::before,body.sx .sx-panel .eyebrow::before{background:radial-gradient(circle,#FF8A4C 0 3.5px,transparent 4.5px),rgba(255,255,255,.12)}

/* ---------- Topo claro (mesmo conceito da Home) ---------- */
body.sx .sf-hero,body.sx header.hero{color:var(--sx-text);
  background:radial-gradient(48% 60% at 92% 8%,rgba(255,79,0,.10),rgba(255,79,0,0) 70%),radial-gradient(42% 60% at 4% 100%,rgba(138,92,240,.11),rgba(138,92,240,0) 70%),linear-gradient(180deg,#fff 0%,#FBF9FF 62%,#F7F6FB 100%)}
body.sx .sf-hero{padding-bottom:clamp(48px,5.5vw,80px)}
body.sx header.hero{padding-bottom:clamp(48px,6vw,88px)}
body.sx .sf-hero h1,body.sx header.hero h1{color:var(--sx-ink)}
body.sx .sf-hero h1 em,body.sx header.hero h1 em{color:var(--sx-or)}
body.sx .sf-sub,body.sx header.hero .lead{color:var(--sx-mut)}
body.sx .sf-crumbs ol,body.sx .t-crumb ol{color:var(--sx-mut)}
body.sx .sf-crumbs a,body.sx .t-crumb a{color:var(--sx-ink)}
body.sx .sf-crumbs a:hover,body.sx .t-crumb a:hover{color:var(--sx-or-t)}
body.sx .sf-crumbs li+li::before{color:var(--sx-or-t)}
body.sx .sf-pills li{color:var(--sx-ink);border-left-color:var(--sx-line)}
body.sx .sf-pills svg{color:var(--sx-or-t)}
body.sx .t-hero-note,body.sx .b-topics{color:var(--sx-mut)}
body.sx .b-topics a{color:var(--sx-ink);border-color:rgba(24,0,76,.18);background:rgba(255,255,255,.7)}
body.sx .b-topics a:hover{background:#fff;border-color:var(--sx-ink)}
body.sx .sf-hero .net,body.sx header.hero .net{opacity:.5}
body.sx .sf-glow{background:radial-gradient(closest-side,rgba(255,79,0,.16),rgba(138,92,240,.16) 55%,rgba(138,92,240,0))}
body.sx .sf-orbit{border-color:rgba(107,63,208,.28)}
body.sx .sf-hero .sf-ui{background:rgba(24,0,76,.06)}
body.sx .t-hero-photo,body.sx .b-hero-photo{border-color:rgba(255,255,255,.7);box-shadow:var(--sx-sh2)}
body.sx .b-hero-photo::after{background:none}
body.sx .t-hero-panel{box-shadow:var(--sx-sh2);border:1px solid var(--sx-line)}
/* botão secundário em fundo claro (Home: contorno azul) */
body.sx .sf-hero .btn-ghost,body.sx header.hero .btn-ghost,.sx-final .btn-ghost{border-color:rgba(24,0,76,.22);background:rgba(255,255,255,.75);color:var(--sx-ink)}
body.sx .sf-hero .btn-ghost:hover,body.sx header.hero .btn-ghost:hover,.sx-final .btn-ghost:hover{border-color:var(--sx-ink);background:#fff;transform:translateY(-1px)}

/* ---------- Blocos tecnológicos: painel azul arredondado sobre fundo claro (como a Home) ---------- */
body.sx .sx-panel{width:min(calc(100% - 2*clamp(12px,2.2vw,32px)),1440px);margin:clamp(8px,1.2vw,16px) auto;border-radius:clamp(24px,2.4vw,36px);
  padding-block:clamp(48px,5.4vw,80px);box-shadow:var(--sx-sh2)}
body.sx .sx-panel+section,body.sx .sx-panel+div{margin-top:0}
body.sx .sx-after-panel{margin-top:0!important;border-radius:0!important}

/* ---------- Espaçamento vertical padrão das seções claras ---------- */
body.sx main>section:not(.sx-panel):not(.sx-final){padding-block:var(--sx-sec)}

/* ---------- Formulário comercial (idêntico ao da Home) ---------- */
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;background:#fff;color:#2E2856;padding:clamp(18px,2.2vw,26px) clamp(18px,2.4vw,28px);
  border-radius:28px;min-width:0;border:1px solid var(--sx-line);border-top:4px solid #FF4F00;box-shadow:var(--sx-sh2);color-scheme:light;font-family:"Poppins","Segoe UI",system-ui,sans-serif}
.lead-form label{display:grid;gap:5px;font-size:.84rem;font-weight:600;color:#18004C;min-width:0}
.lead-form input,.lead-form select{font:inherit;font-weight:400;font-size:.95rem;padding:.55rem .8rem;border-radius:12px;border:1.5px solid #CFCBE3;background:#F8F8FC;color:#18004C;
  width:100%;min-height:44px;transition:border-color .2s,box-shadow .2s,background-color .2s;-webkit-appearance:none;appearance:none}
.lead-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318004C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .8rem center;background-size:18px auto;padding-right:2.4rem}
.lead-form input::placeholder{color:#8A85A3}
.lead-form input:hover,.lead-form select:hover{border-color:#9D97C2}
.lead-form input:focus,.lead-form select:focus{outline:none;border-color:#FF4F00;background-color:#fff;box-shadow:0 0 0 4px rgba(255,79,0,.18)}
.lead-form input:focus-visible,.lead-form select:focus-visible{outline:2px solid #C83E00;outline-offset:1px;box-shadow:0 0 0 5px rgba(255,79,0,.18)}
.lead-form [aria-invalid="true"]{border-color:#B42318;background-color:#FDECEA}
.lead-form .full{grid-column:1/-1}
.lead-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:48px;margin-top:2px;padding:.7rem 1.2rem;border:0;border-radius:999px;
  background:#FF4F00;color:#18004C;font:inherit;font-weight:600;font-size:1rem;line-height:1.2;cursor:pointer;box-shadow:0 10px 24px -10px rgba(255,79,0,.65);transition:background-color .2s,transform .2s}
.lead-form .btn:hover{background:#FF6A26;transform:translateY(-1px)}
.lead-form .btn:disabled{opacity:.7;cursor:progress;transform:none}
.lead-form .btn:focus-visible{outline:3px solid #18004C;outline-offset:3px}
.lead-form .form-msg{margin:0;font-size:.9rem;font-weight:500;color:#18004C;min-height:0}
.lead-form .form-msg:empty{display:none}
.lead-form .form-msg.is-error{color:#B42318}
.lead-form .form-msg.is-ok{color:#0E7A43}
@media (max-width:480px){.lead-form{grid-template-columns:1fr}}

/* ---------- Encerramento com formulário (mesmo bloco da Home) ---------- */
.sx-final{position:relative;padding:clamp(56px,7vw,100px) 0;background:linear-gradient(180deg,#FFF8F4 0%,#F6F2FF 100%);color:var(--sx-text)}
.sx-final-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.sx-final-copy{display:grid;justify-items:start;min-width:0}
.sx-final h2{margin:0;color:var(--sx-ink);font-size:var(--sx-h2);font-weight:700;line-height:1.12;letter-spacing:-.025em}
.sx-final h2 em{display:block;font-style:normal;color:var(--sx-or)}
.sx-final .sx-lead{margin:18px 0 0;max-width:62ch;font-size:var(--sx-sub);line-height:1.65;color:var(--sx-mut)}
.sx-final .sx-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.sx-final .sx-tag{margin:0 0 18px}
.sx-final .btn svg{width:20px;height:20px;flex:none}
@media (max-width:980px){.sx-final-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.sx-final{padding-block:48px}}

/* ---------- Faixa de números institucionais (mesmo padrão da Home) ---------- */
.sx-nums{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sx-nums li{display:grid;gap:8px;align-content:start;padding:clamp(18px,2vw,24px);border-radius:20px;background:#fff;border:1px solid var(--sx-line);box-shadow:var(--sx-sh);min-width:0}
.sx-nums b{display:block;font-size:clamp(2.1rem,3.4vw,3rem);font-weight:700;line-height:1;letter-spacing:-.035em;color:var(--sx-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.sx-nums b small{font-size:.5em;font-weight:600;letter-spacing:-.01em;color:var(--sx-or-t)}
.sx-nums li>span{font-size:.92rem;line-height:1.45;color:var(--sx-mut)}
@media (max-width:860px){.sx-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Rodapé institucional ---------- */
footer.sx-foot{background:var(--sx-gray);border-top:1px solid var(--sx-line);padding-block:clamp(40px,4.5vw,56px) 100px;color:var(--sx-mut);font-size:.9rem;font-family:"Poppins","Segoe UI",system-ui,sans-serif}
.sx-foot-grid{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr)) minmax(0,.8fr);gap:28px clamp(24px,3vw,44px);padding-bottom:30px}
.sx-foot .foot-brand{display:grid;gap:14px;justify-items:start;align-content:start}
.sx-foot .foot-brand .logo img{display:block;height:44px;width:auto}
.sx-foot .foot-brand p{margin:0;color:var(--sx-text);max-width:48ch;line-height:1.65;font-size:.88rem}
.sx-foot .foot-col{display:grid;gap:10px;align-content:start;min-width:0}
.sx-foot .foot-h{margin:0;font-size:.95rem;font-weight:600;color:var(--sx-ink)}
.sx-foot .foot-col p,.sx-foot address{margin:0;font-style:normal;color:var(--sx-text);line-height:1.6}
.sx-foot .foot-col .sx-foot-k{display:block;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-mut)}
.sx-foot address{display:flex;gap:10px;align-items:flex-start}
.sx-foot address svg,.sx-foot .sx-foot-tel svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--sx-or-t)}
.sx-foot .sx-foot-tel{display:inline-flex;gap:10px;align-items:flex-start;color:var(--sx-ink);font-weight:600;text-decoration:none;width:max-content;max-width:100%}
.sx-foot .sx-foot-tel:hover{color:var(--sx-or-t);text-decoration:underline}
.sx-foot .sx-foot-note{font-size:.82rem;color:var(--sx-mut)}
.sx-foot .socials{display:grid;gap:10px}
.sx-foot .socials a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--sx-text);font-weight:500;width:max-content}
.sx-foot .socials a span.si{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--sx-line);color:var(--sx-ink);transition:background-color .2s,color .2s,border-color .2s}
.sx-foot .socials a span.si svg{width:18px;height:18px}
.sx-foot .socials a:hover span.si{background:#18004C;color:#fff;border-color:#18004C}
.sx-foot .socials a:hover{color:var(--sx-ink)}
.sx-foot a:focus-visible{outline:3px solid #6B3FD0;outline-offset:3px;border-radius:6px}
.sx-foot .foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 30px;padding-top:16px;border-top:1px solid var(--sx-line);font-size:.82rem;color:var(--sx-mut)}
.sx-foot .foot-bottom::before{content:none}
@media (max-width:1100px){.sx-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-foot .foot-brand{grid-column:1/-1}}
@media (max-width:640px){.sx-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.sx-foot-grid{grid-template-columns:minmax(0,1fr)}}

/* =====================================================================
   V5 · padronização final (botões, espaçamentos e etiquetas) — vale para o site inteiro
   ===================================================================== */

/* ---------- Botões preenchidos: fundo laranja #FF4F00 e texto branco (Poppins 600) ---------- */
.btn-primary,.lead-form .btn,.dd-go,.su-go,.sd-go,.b-skip,.t-skip,.hx-skip{
  color:#fff!important;font-family:"Poppins","Segoe UI",system-ui,sans-serif;font-weight:600}
.btn-primary svg,.lead-form .btn svg,.dd-go svg,.su-go svg,.sd-go svg{color:#fff}
/* hover um pouco mais escuro (mantém o contraste do texto branco) */
.btn-primary:hover,.lead-form .btn:hover,.dd-go:hover,.su-go:hover,.sd-go:hover{background:#E64700!important;color:#fff!important}
.btn-primary:focus-visible,.lead-form .btn:focus-visible,.dd-go:focus-visible,.su-go:focus-visible{outline:3px solid #18004C;outline-offset:3px}
/* botões só com contorno continuam com texto azul institucional sobre fundo claro */
body.sx .btn-ghost,.sx-final .btn-ghost,.hx-btn-line{color:#18004C}

/* ---------- Espaçamentos: ~56–72 px entre grandes áreas no desktop ---------- */
html body.sx{--sx-sec:clamp(24px,2.5vw,36px)}
body.sx main>section:not(.sx-panel):not(.sx-final){padding-block:var(--sx-sec)}
body.sx .sx-panel{margin-block:clamp(12px,1.6vw,20px);padding-block:clamp(40px,4.4vw,64px)}
body.sx .nh-head,body.sx .pt-faq-head{margin-bottom:clamp(22px,2.4vw,32px)}
body.sx .sf-hero{padding-bottom:clamp(36px,4vw,56px)}
body.sx header.hero{padding-bottom:clamp(36px,4.2vw,60px)}
html .sx-final{padding-block:clamp(40px,4.6vw,64px)}
footer.sx-foot{padding-top:clamp(32px,3.6vw,48px)}
/* Home */
.hx-hero{padding-bottom:clamp(32px,3.4vw,48px)}
.hx-auth,.hx-ctrl,.hx .nh-tec,.hx .nh-eco{padding-block:clamp(28px,3vw,40px)!important}
.hx-final{padding-block:clamp(40px,4.6vw,64px)}
.hx-head{margin-bottom:clamp(22px,2.6vw,32px)}
/* Sobre */
.sb{--sec-y:clamp(24px,2.4vw,34px)}

/* ---------- Etiquetas de tema: mesma cápsula e alinhadas ao título ---------- */
.sb-tag,.hx-tag{font-family:"Poppins","Segoe UI",system-ui,sans-serif}
/* a etiqueta acompanha o alinhamento do título: largura do próprio conteúdo e alinhamento herdado do bloco */
body.sx .sf-tag,body.sx .nh-tag,body.sx main .eyebrow,body.sx .sf-eyebrow,.sx-tag{justify-self:auto;width:fit-content;max-width:100%}
/* título centralizado -> etiqueta centralizada */
body.sx .nh-center>.sf-tag,body.sx .nh-center>.nh-tag,body.sx .nh-center>.eyebrow,
body.sx .t-center>.eyebrow,body.sx .t-center>.sf-tag,
body.sx [class*="-head"][class*="center"]>.sf-tag,body.sx [class*="-head"][class*="center"]>.nh-tag{justify-self:center;margin-inline:auto}
@media (max-width:640px){
  body.sx main>section:not(.sx-panel):not(.sx-final){padding-block:clamp(22px,6vw,30px)}
  body.sx .sx-panel{padding-block:40px}
}

/* =====================================================================
   Submenu "Sobre a SinergyRH" (mesmo visual do megamenu "Nossas soluções", em formato compacto)
   ===================================================================== */
nav.top .dd-sb{position:relative}
nav.top .dd-panel.dd-panel-sb{left:50%;width:min(320px,calc(100vw - 32px));display:block;padding:12px}
nav.top .dd-panel-sb .dd-list{gap:2px}
nav.top .dd-link[aria-current="page"]{background:#FFF4EC}
nav.top .dd-link[aria-current="page"] b{color:#C83E00}
@media (max-width:1100px){
  nav.top .dd-panel.dd-panel-sb{width:auto;display:none;padding:8px 0 12px}
  nav.top .dd-sb.open .dd-panel.dd-panel-sb{display:block}
}
/* links institucionais no rodapé */
.sx-foot .sx-foot-links{display:inline-flex;flex-wrap:wrap;gap:4px 14px}
.sx-foot .sx-foot-links a{color:var(--sx-ink,#18004C);text-decoration:none;font-weight:500}
.sx-foot .sx-foot-links a:hover{color:#C83E00;text-decoration:underline}
.sx-foot .sx-foot-links a:focus-visible{outline:3px solid #6B3FD0;outline-offset:3px;border-radius:4px}

/* =====================================================================
   Aviso de cookies (LGPD) · mesma identidade visual do site
   ===================================================================== */
.sx-ck{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:0 clamp(10px,2vw,24px) clamp(10px,1.6vw,18px);pointer-events:none;font-family:"Poppins","Segoe UI",system-ui,sans-serif}
.sx-ck[hidden]{display:none}
.sx-ck-in{pointer-events:auto;max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px 28px;padding:16px 20px;border-radius:20px;background:#fff;color:#2E2856;border:1px solid #E7E4F1;border-top:3px solid #FF4F00;box-shadow:0 2px 6px rgba(24,0,76,.08),0 30px 60px -30px rgba(24,0,76,.45)}
.sx-ck-t{margin:0;flex:1;min-width:0;font-size:.88rem;line-height:1.55}
.sx-ck-t b{display:block;margin-bottom:2px;font-size:.95rem;color:#18004C}
.sx-ck-t a{color:#C83E00;text-decoration:underline;text-underline-offset:3px}
.sx-ck-b,.sx-ckd-b{display:flex;flex-wrap:wrap;gap:8px;flex:none}
.sx-ck-btn{min-height:44px;padding:.6rem 1.05rem;border-radius:999px;font:600 .9rem/1.2 "Poppins","Segoe UI",system-ui,sans-serif;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.sx-ck-pri{border:0;background:#FF4F00;color:#fff}
.sx-ck-pri:hover{background:#E64700}
.sx-ck-sec{border:1.5px solid rgba(24,0,76,.25);background:#fff;color:#18004C}
.sx-ck-sec:hover{border-color:#18004C}
.sx-ck-cfg{border:0;background:none;color:#18004C;text-decoration:underline;text-underline-offset:3px;padding-inline:.6rem}
.sx-ck-btn:focus-visible,.sx-ckd-x:focus-visible,.sx-sw input:focus-visible+span,.sx-ck-t a:focus-visible{outline:3px solid #6B3FD0;outline-offset:2px}
/* o botão flutuante do WhatsApp sobe enquanto o aviso estiver aberto */
body.sx-ck-on .wa{bottom:calc(var(--sx-ck-h,0px) + 16px)}
@media (max-width:860px){
  .sx-ck-in{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}
  .sx-ck-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .sx-ck-pri{grid-column:1/-1;order:-1}
}

/* ---------- Configurações ---------- */
html.sx-ckd-open{overflow:hidden}
.sx-ckd{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;font-family:"Poppins","Segoe UI",system-ui,sans-serif}
.sx-ckd[hidden]{display:none}
.sx-ckd-bg{position:absolute;inset:0;background:rgba(15,0,51,.55)}
.sx-ckd-box{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px 22px 18px;border-radius:24px;background:#fff;color:#2E2856;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.sx-ckd-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sx-ckd-h h2{margin:0;font-size:1.2rem;font-weight:700;color:#18004C}
.sx-ckd-x{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #E7E4F1;background:#fff;color:#18004C;cursor:pointer}
.sx-ckd-x svg{width:18px;height:18px}
.sx-ckd-p{margin:8px 0 14px;font-size:.88rem;line-height:1.55;color:#5B5677}
.sx-ckd-l{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.sx-ckd-l li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:14px;background:#F7F6FC;border:1px solid #EEECF5}
.sx-ckd-l b{display:block;font-size:.95rem;color:#18004C}
.sx-ckd-l small{display:block;margin-top:2px;font-size:.8rem;line-height:1.45;color:#5B5677}
.sx-ckd-on{flex:none;font-size:.76rem;font-weight:600;color:#0E7A43}
.sx-sw{position:relative;flex:none;width:46px;height:26px;cursor:pointer}
.sx-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.sx-sw span{position:absolute;inset:0;border-radius:99px;background:#CFCBE3;transition:background-color .2s}
.sx-sw span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.sx-sw input:checked+span{background:#FF4F00}
.sx-sw input:checked+span::after{transform:translateX(20px)}
.sx-ckd-b{justify-content:flex-end}
@media (max-width:480px){.sx-ckd-b{display:grid;grid-template-columns:1fr}.sx-ckd-b .sx-ck-pri{order:-1}}
@media (prefers-reduced-motion:reduce){.sx-sw span,.sx-sw span::after{transition:none}}
/* rodapé: botão "Preferências de cookies" com aparência de link */
.sx-foot .sx-ck-open{padding:0;border:0;background:none;font:inherit;font-weight:500;color:var(--sx-ink,#18004C);cursor:pointer}
.sx-foot .sx-ck-open:hover{color:#C83E00;text-decoration:underline}
.sx-foot .sx-ck-open:focus-visible{outline:3px solid #6B3FD0;outline-offset:3px;border-radius:4px}