/* =====================================================================
   ETAPA 3: HOME, VERSÃO 3. Mesma linguagem do cabeçalho (v5) e do rodapé (v10) aprovados.
   Elementos que falam da Canecas: mapa das entregas saindo do Rio, as telas reais do Estúdio Criativo,
   o padrão de ícones da marca (caneca, raio, presente, coração, sol, sorriso) e o rastro de cometa como fio da página.
   Pílula com letras maiúsculas pequenas no rótulo das seções (como no Lumise), 8 px em controles, 12 px em superfícies.
   ===================================================================== */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic {--sec-y:var(--c24h-section-y, clamp(64px, 4.571vw + 46.17px, 112px));--cab-gap:48px;--menta:var(--c24h-accent-on-deep, #7DF2B4);--branco-74:rgba(255,255,255,.74);--navy-fundo:#031E24}
@media (max-width:1023.98px) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic {--sec-y:var(--c24h-section-y, clamp(64px, 4.571vw + 46.17px, 112px));--cab-gap:36px} }
@media (max-width:767.98px) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic {--sec-y:var(--c24h-section-y, clamp(64px, 4.571vw + 46.17px, 112px));--cab-gap:28px} }

/* ---------- peças comuns ---------- */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .grad {background:linear-gradient(90deg,#008744 0%,#0A8F6A 40%,#0D6E7A 70%,#04272E 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .grad--neon {background-image:linear-gradient(90deg,var(--menta) 0%,var(--menta) 30%,#B9F5D8 50%,var(--menta) 70%,var(--menta) 100%);background-size:200% 100%}
@media (prefers-reduced-motion:no-preference) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .grad--neon {animation:brilho 6s linear infinite} @keyframes brilho {to{background-position:-200% 0}} }
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-sec {position:relative;padding:var(--sec-y) 0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-sec--suave {background:var(--sup)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab {margin-bottom:var(--cab-gap)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab--centro {max-width:800px;margin-inline:auto;text-align:center}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab--centro .c24h-bench-role-cab__txt {margin-inline:auto}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab--lado {display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px 64px;align-items:end}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab__dir {display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
/* rótulo da seção em pílula, como "FAQS" e "TESTIMONIALS" do Lumise */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab__olho {display:inline-flex;align-items:center;height:30px;margin:0 0 18px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,135,68,.35);background:rgba(0,135,68,.06);color:#056839;font:600 11px/1 var(--f-corpo);letter-spacing:.12em;text-transform:uppercase}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab__tit {margin:0;color:var(--navy);font:600 clamp(30px,3.4vw,48px)/1.08 var(--f-tit);letter-spacing:-.03em;text-wrap:balance}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab__tit .grad {display:inline-block}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab--centro .c24h-bench-role-cab__tit .grad {display:block}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab__txt {margin-top:18px;max-width:58ch;color:var(--mudo);font-size:15.5px;line-height:1.65}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab--lado .c24h-bench-role-cab__txt {margin-top:0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab__txt a {color:var(--verde);text-underline-offset:3px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-lk,:where([data-c24h-layout~="cab__dir"] [data-c24h-layout~="c24h-texto-em-linha"] > a:not([data-c24h-layout~="chips"] a))) {display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--navy);font:600 14px/1 var(--f-corpo);text-decoration:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-lk,:where([data-c24h-layout~="cab__dir"] [data-c24h-layout~="c24h-texto-em-linha"] > a:not([data-c24h-layout~="chips"] a))) .c24h-bench-role-i {transition:transform .25s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-lk,:where([data-c24h-layout~="cab__dir"] [data-c24h-layout~="c24h-texto-em-linha"] > a:not([data-c24h-layout~="chips"] a))):hover {color:var(--verde)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-lk,:where([data-c24h-layout~="cab__dir"] [data-c24h-layout~="c24h-texto-em-linha"] > a:not([data-c24h-layout~="chips"] a))):hover .c24h-bench-role-i {transform:translateX(4px)}
/* seções escuras */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .escuro, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel-esc {--olho-cor:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est .c24h-bench-role-cab__olho, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av .c24h-bench-role-cab__olho, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel-esc .c24h-bench-role-cab__olho {border-color:rgba(125,242,180,.45);background:rgba(125,242,180,.06);color:var(--menta);box-shadow:0 0 18px -6px rgba(125,242,180,.5) inset}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est .c24h-bench-role-cab__tit, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av .c24h-bench-role-cab__tit, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel-esc .c24h-bench-role-cab__tit {color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est .c24h-bench-role-cab__txt, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av .c24h-bench-role-cab__txt, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel-esc .c24h-bench-role-cab__txt {color:var(--branco-74)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her :focus-visible, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est :focus-visible, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av :focus-visible, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel-esc :focus-visible {outline-color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-i-rs {fill:currentColor;stroke:none}

/* botões */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bt {display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--c24h-primary-height, 48px);padding:0 24px;border-radius:8px;font:600 15px/1 var(--f-corpo);letter-spacing:-.005em;white-space:nowrap;text-decoration:none;position:relative;overflow:hidden;isolation:isolate;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .3s ease,translate .35s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bt--pri {background:var(--verde);color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bt--pri:hover {background:var(--c24h-deep, #04272E);box-shadow:0 10px 30px -8px color-mix(in srgb, var(--menta) 55%, transparent)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bt--pri::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);transform:translateX(-120%)}
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bt--pri:hover::after {transform:translateX(120%);transition:transform .9s var(--ease-some)} }
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bt--seta .c24h-bench-role-i {transition:transform .3s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bt--seta:hover .c24h-bench-role-i {transform:translateX(4px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bt--vidro {background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bt--vidro:hover {background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5)}

.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-chips {display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-chip,:where([data-c24h-layout~="chips"] a)) {display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--borda);background:#fff;color:var(--tinta);font:500 13px/1 var(--f-corpo);text-decoration:none;white-space:nowrap;transition:border-color .15s ease,color .15s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-chip,:where([data-c24h-layout~="chips"] a)):hover {border-color:var(--verde);color:var(--verde)}

/* trilhos que viram rolagem lateral no celular */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-rolar, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__lista, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-chips, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__trilho {position:relative}
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-rolar {display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;gap:12px!important;margin-inline:calc(-1 * var(--gutter))!important;padding:2px var(--gutter) 6px!important;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-rolar::-webkit-scrollbar {display:none}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-rolar > .c24h-bench-role-hm-tag-li {scroll-snap-align:start}
}
/* título que sobe por trás de uma máscara */
@media (prefers-reduced-motion:no-preference) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-tit-rv {clip-path:inset(0 0 100% 0);transform:translateY(28px);transition:clip-path .9s var(--ease-entra),transform .9s var(--ease-entra)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-tit-rv.is-in {clip-path:inset(-20% -5% -30% -5%);transform:none}
}

/* ================= 1. OFERTA E LOGÍSTICA (herói escuro com o mapa) ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her {position:relative;isolation:isolate;overflow:hidden;overflow:clip;background:var(--navy);color:#fff;padding:56px 0 132px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__fundo {position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-her__ceu,:where([data-c24h-layout~="her__fundo"] > :nth-child(1))) {position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) .8px,transparent 1.2px),radial-gradient(rgba(125,242,180,.45) .8px,transparent 1.2px);background-size:140px 120px,90px 110px;background-position:0 0,40px 60px;opacity:.35;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-her__luz,:where([data-c24h-layout~="her__fundo"] > :is(:nth-child(2),:nth-child(3)))) {position:absolute;border-radius:50%}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-her__luz--a,:where([data-c24h-layout~="her__fundo"] > :nth-child(2))) {right:-4%;top:-10%;width:62%;height:120%;background:radial-gradient(closest-side,rgba(0,135,68,.45),rgba(0,135,68,0))}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-her__luz--b,:where([data-c24h-layout~="her__fundo"] > :nth-child(3))) {left:-14%;bottom:-40%;width:50%;height:90%;background:radial-gradient(closest-side,rgba(13,110,122,.45),rgba(13,110,122,0))}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__in {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__selo {display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(125,242,180,.32);color:#C9F7DF;font:600 12.5px/1 var(--f-corpo);letter-spacing:.04em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-her__pulso,:where([data-c24h-layout~="her__selo"] > :first-child)) {position:relative;width:8px;height:8px;border-radius:50%;background:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-her__pulso,:where([data-c24h-layout~="her__selo"] > :first-child))::after {content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--menta);opacity:0}
@media (prefers-reduced-motion:no-preference) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-her__pulso,:where([data-c24h-layout~="her__selo"] > :first-child))::after {animation:pulso 2s var(--ease-some) infinite} @keyframes pulso {0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}} }
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__tit {margin:22px 0 0;color:#fff;font:600 clamp(40px,4.5vw,66px)/1.02 var(--f-tit);letter-spacing:-.035em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.her__l,:where([data-c24h-layout~="her__tit"] > :is(:nth-child(1),:nth-child(2)))) {display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.04em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.her__l,:where([data-c24h-layout~="her__tit"] > :is(:nth-child(1),:nth-child(2)))) > span {display:inline-block}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__sub {margin-top:22px;max-width:44ch;color:var(--branco-74);font-size:17px;line-height:1.6}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__tickets {display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__tickets .c24h-bench-role-hm-tag-li {display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.88);font-size:14px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__tickets b {color:var(--menta);font-weight:600}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__tk-ic {display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px;background:rgba(125,242,180,.14);color:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__bts {display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__notas {display:flex;flex-direction:column;gap:2px;margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.56)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__notas a {display:inline-flex;align-items:center;gap:4px;min-height:32px;color:var(--menta);font-size:13.5px;font-weight:600;text-decoration:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__notas a:hover {text-decoration:underline;text-underline-offset:3px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__av {display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:10px 16px 10px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:background-color .2s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__av:hover {background:rgba(255,255,255,.12)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__av-n {font:700 28px/1 var(--f-tit);letter-spacing:-.03em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__est {display:block;color:#F5B83D;font-size:13px;letter-spacing:2px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__av-t {display:block;color:rgba(255,255,255,.72);font-size:12.5px}
/* o mapa */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__mapa {position:relative;justify-self:end;width:100%;max-width:600px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp {display:block;width:100%;height:auto;overflow:visible}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__pontos {fill:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__rota {fill:none;stroke:rgba(125,242,180,.12);stroke-width:1;stroke-dasharray:2 5}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__rastro {fill:none;stroke-linecap:round}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__rastro--1 {stroke:rgba(125,242,180,.18);stroke-width:5}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__rastro--2 {stroke:rgba(125,242,180,.5);stroke-width:2.4}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__rastro--3 {stroke:#E9FFF4;stroke-width:1.4}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__cabeca {fill:#fff;filter:drop-shadow(0 0 4px var(--menta)) drop-shadow(0 0 10px var(--menta))}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__pt {fill:var(--navy);stroke:var(--menta);stroke-width:1.4}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__anel {fill:none;stroke:var(--menta);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__dest.is-chegou .mp__pt {fill:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__dest.is-chegou .mp__anel {animation:chegou 1.1s var(--ease-some)}
@keyframes chegou {0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(5)}}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__centro {fill:var(--menta);stroke:#fff;stroke-width:2}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__onda {fill:none;stroke:var(--menta);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
/* produtos que aparecem nas capitais quando o cometa chega (mostram a variedade da loja) */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__area {position:relative}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__entregas {position:absolute;inset:0;pointer-events:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__ent {position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:5px;width:96px;padding:6px 6px 7px;border-radius:12px;background:#fff;color:var(--navy);
  box-shadow:0 18px 36px -12px rgba(0,0,0,.55),0 0 0 1px rgba(125,242,180,.35);transform:translate(-50%,calc(-100% - 14px));transform-origin:50% 100%;animation:ent-chega 2.6s var(--ease-entra) both}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__ent::after {content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:#fff;transform:rotate(45deg);border-radius:2px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__ent--baixo {transform:translate(-50%,14px);transform-origin:50% 0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__ent--baixo::after {bottom:auto;top:-6px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__ent img {position:relative;z-index:1;width:84px;height:84px;border-radius:8px;object-fit:cover;background:#F2F3F3}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__ent span {position:relative;z-index:1;font:600 11px/1.2 var(--f-corpo);text-align:center}
@keyframes ent-chega {0%{opacity:0;scale:.6}14%{opacity:1;scale:1.04}22%{scale:1}82%{opacity:1;scale:1}100%{opacity:0;scale:.92}}
@media (max-width:767.98px) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__ent {width:76px;padding:5px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__ent img {width:66px;height:66px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__ent span {font-size:10px} }
@media (prefers-reduced-motion:no-preference) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__onda {animation:onda 2.4s var(--ease-some) infinite}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .mp__onda--2 {animation-delay:1.2s}
  @keyframes onda {0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(4.5)}}
}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__orig-rot {position:absolute;left:78.5%;top:72%;transform:translate(calc(-100% - 12px),-130%);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:rgba(4,39,46,.85);border:1px solid rgba(125,242,180,.35);color:#fff;font:600 12px/1 var(--f-corpo);white-space:nowrap}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__orig-rot .c24h-bench-role-i {color:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__chips {position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__chip {position:absolute;display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:12px;background:rgba(4,39,46,.72);border:1px solid rgba(255,255,255,.14);color:#fff;font:600 13px/1.2 var(--f-corpo);white-space:nowrap;pointer-events:auto;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__chip-ic {display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--verde);color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__chip .c24h-bench-role-aviso__info {margin-left:-2px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__chip--a {left:-4%;top:6%}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__chip--b {left:-6%;top:58%}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__chip--c {right:-2%;bottom:2%}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__pop {position:absolute;left:0;top:calc(6% + 56px);z-index:5;width:min(340px,100%);margin:0;box-shadow:var(--sombra-flut)}
@media (prefers-reduced-motion:no-preference) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-mp__chip {animation:aparece .9s var(--ease-entra) both}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-mp__chip--a {animation-delay:.9s} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-mp__chip--b {animation-delay:1.1s} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-mp__chip--c {animation-delay:1.3s}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-her__mapa .mp__pontos {animation:mapa-entra 1.6s var(--ease-entra) .1s both}
  @keyframes mapa-entra {from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
}
/* entrada do herói */
@media (prefers-reduced-motion:no-preference) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta :is(.her__l,:where([data-c24h-layout~="her__tit"] > :is(:nth-child(1),:nth-child(2)))) > span {animation:sobe-mascara 1s var(--ease-entra) both}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta :is(.her__l--2,:where([data-c24h-layout~="her__tit"] > :nth-child(2))) > span {animation:sobe-mascara 1s var(--ease-entra) .12s both,brilho 6s linear 1.2s infinite}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-her__selo {animation:aparece .8s var(--ease-entra) both}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-her__sub, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .her__tickets, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-her__bts, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-her__notas, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .her__av {animation:aparece .9s var(--ease-entra) both}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-her__sub {animation-delay:.25s} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .her__tickets {animation-delay:.35s} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-her__bts {animation-delay:.45s} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-her__notas {animation-delay:.55s} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .her__av {animation-delay:.65s}
  @keyframes sobe-mascara {from{transform:translateY(105%)}to{transform:none}}
  @keyframes aparece {from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}
@media (max-width:1023.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her {padding:44px 0 124px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__in {grid-template-columns:minmax(0,1fr);gap:40px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__mapa {justify-self:center;max-width:560px}
}
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her {padding:28px 0 104px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__tit {margin-top:18px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__sub {font-size:15.5px;margin-top:16px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .her__tickets .c24h-bench-role-hm-tag-li {width:100%}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__bts .c24h-bench-role-bt {flex:1 1 100%}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-her__mapa {max-width:none;margin-inline:-6px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__chips {position:static;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:4px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__chip {position:static;white-space:normal}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__pop {position:static;margin-top:8px;width:auto}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-mp__orig-rot {font-size:11px;padding:5px 8px}
}

/* ================= 2. FAIXAS CRUZADAS ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita {position:relative;z-index:3;height:150px;margin:-82px 0 -40px;overflow-x:clip;overflow-y:visible;pointer-events:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__f {position:absolute;left:-6%;width:112%;top:46px;height:58px;display:flex;align-items:center;overflow:hidden}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__f--a {z-index:2;transform:rotate(-2.4deg);background:linear-gradient(90deg,#006B36 0%,#008744 35%,#0A8F6A 70%,#0D6E7A 100%);color:#fff;box-shadow:0 18px 40px -18px rgba(4,39,46,.55)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__f--b {z-index:1;transform:rotate(2.2deg);background:#E2F1E9;color:var(--navy);height:52px;top:50px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__trilho {display:flex;align-items:center;flex:none;white-space:nowrap;will-change:transform}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__f--b .c24h-bench-role-fita__trilho {gap:28px;padding-left:28px;font:600 19px/1 var(--f-tit);letter-spacing:-.01em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__f--b .c24h-bench-role-i {width:18px;height:18px;color:var(--verde)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__lista {display:flex;flex:none;margin:0;padding:0;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__lista .c24h-bench-role-hm-tag-li {display:flex;align-items:center;font:600 19px/1 var(--f-tit);letter-spacing:-.01em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__ic {width:20px;height:20px;margin:0 26px;color:var(--menta)}
@media (prefers-reduced-motion:reduce) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__lista[aria-hidden] {display:none} }
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita {height:116px;margin:-72px 0 -28px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__f {height:46px;top:36px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__f--a {transform:rotate(-4deg)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__f--b {height:42px;top:38px;transform:rotate(4deg)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__lista .c24h-bench-role-hm-tag-li, .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__f--b .c24h-bench-role-fita__trilho {font-size:15px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-fita__ic {margin:0 18px;width:16px;height:16px}
}

/* ================= 3. ESCOLHA: catálogo em mosaico ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cats-sec {padding-top:calc(var(--sec-y) + 8px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,236px);grid-auto-flow:dense;gap:16px;margin:0;padding:0;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento__i--g {grid-column:1 / 3;grid-row:1 / 3}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento__i--alto {grid-column:3;grid-row:1 / 3}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc {position:relative;display:block;height:100%;border-radius:12px;overflow:hidden;background:#0A3A43;isolation:isolate;text-decoration:none;color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento__i--g .c24h-bench-role-bc img {object-position:60% 40%}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc::before {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,39,46,0) 40%,rgba(4,39,46,.78) 100%)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc::after {content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(320px circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.22),transparent 60%);opacity:0;transition:opacity .35s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc:hover img {transform:scale(1.07)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc:hover::after {opacity:1}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc__txt {position:absolute;z-index:3;left:20px;right:72px;bottom:18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-bc__rot,:where([data-c24h-layout~="bc__txt"] > [data-c24h-layout~="hm-rich"])) {padding:5px 10px;border-radius:999px;background:var(--verde);color:#fff;font:600 11.5px/1.2 var(--f-corpo);letter-spacing:.02em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc__nome {margin:0;font:600 19px/1.2 var(--f-tit);letter-spacing:-.01em;text-wrap:balance}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento__i--g .c24h-bench-role-bc__nome {font-size:clamp(26px,2.6vw,38px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-bc__ir,:where([data-c24h-layout~="bc"] > :last-child)) {position:absolute;z-index:3;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .45s var(--ease-entra),background-color .3s ease,border-color .3s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc:hover :is(.c24h-bench-role-bc__ir,:where([data-c24h-layout~="bc"] > :last-child)) {transform:rotate(45deg);background:var(--verde);border-color:var(--verde)}
/* cortina: cada peça se revela de baixo para cima */
@media (prefers-reduced-motion:no-preference) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-cort {clip-path:inset(100% 0 0 0 round 12px);transition:clip-path 1.1s var(--ease-entra);transition-delay:var(--d,0ms)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .c24h-bench-role-cort.is-in {clip-path:inset(0 0 0 0 round 12px)}
}
@media (max-width:1023.98px) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento {grid-template-rows:repeat(3,170px);gap:12px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc__nome {font-size:15px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bc__txt {left:14px;right:60px;bottom:14px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-bc__ir,:where([data-c24h-layout~="bc"] > :last-child)) {width:38px;height:38px;right:12px;bottom:12px} }
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento {grid-template-columns:none;grid-template-rows:280px;grid-auto-flow:column;grid-auto-columns:58%;gap:12px;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter);
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento::-webkit-scrollbar {display:none}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento > .c24h-bench-role-hm-tag-li {scroll-snap-align:start;grid-column:auto;grid-row:auto}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento > .c24h-bench-role-bento__i--g {grid-column:span 1}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-bento__i--g .c24h-bench-role-bc__nome {font-size:24px}
}


/* ================= 4. VITRINE (3 abas) ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit {background:var(--sup)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .vit__abas {position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:48px;border-bottom:1px solid rgba(4,39,46,.12)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .vit__abas button {display:flex;align-items:baseline;gap:16px;min-height:88px;padding:18px 16px 20px 0;border:0;background:none;text-align:left;cursor:pointer;color:var(--navy)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-vit__n,:where([data-c24h-layout~="vit__olho"] > :nth-child(1))) {font:700 clamp(32px,3.4vw,52px)/1 var(--f-tit);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(4,39,46,.22);transition:color .4s ease,-webkit-text-stroke-color .4s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-vit__r,:where([data-c24h-layout~="vit__olho"] > :nth-child(2))) {font:600 17px/1.25 var(--f-tit);opacity:.5;transition:opacity .3s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .vit__abas button:hover :is(.c24h-bench-role-vit__r,:where([data-c24h-layout~="vit__olho"] > :nth-child(2))) {opacity:.85}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .vit__abas button[aria-selected="true"] :is(.c24h-bench-role-vit__n,:where([data-c24h-layout~="vit__olho"] > :nth-child(1))) {color:var(--verde);-webkit-text-stroke-color:var(--verde)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .vit__abas button[aria-selected="true"] :is(.c24h-bench-role-vit__r,:where([data-c24h-layout~="vit__olho"] > :nth-child(2))) {opacity:1}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .vit__ind {position:absolute;left:0;bottom:-1px;height:3px;width:var(--w,33%);border-radius:3px;background:var(--verde);transform:translateX(var(--l,0px));transition:transform .55s var(--ease-entra),width .55s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit__cab {margin-bottom:36px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit__cab .c24h-bench-role-cab__tit {font-size:clamp(26px,2.6vw,36px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prods {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod {display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__foto {position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:14px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__foto img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease-entra),transform .9s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__f2 {opacity:0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__ver {position:absolute;z-index:3;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:8px;background:rgba(4,39,46,.88);color:#fff;font:600 13.5px/1 var(--f-corpo);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(calc(100% + 16px));transition:transform .45s var(--ease-entra)}
@media (hover:hover) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod:hover .c24h-bench-role-prod__f2 {opacity:1;transform:scale(1.04)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod:hover .c24h-bench-role-prod__foto .c24h-bench-role-hm-image:not(.c24h-bench-role-prod__f2) img {transform:scale(1.04)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod:hover .c24h-bench-role-prod__ver {transform:none}
}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__selo {position:absolute;z-index:2;top:10px;left:10px;padding:5px 9px;border-radius:999px;background:rgba(4,39,46,.9);color:#fff;font:600 10.5px/1.2 var(--f-corpo);letter-spacing:.03em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__esg {position:absolute;z-index:2;top:10px;right:10px;padding:5px 9px;border-radius:999px;background:#fff;color:var(--mudo);border:1px solid var(--borda);font:600 10.5px/1.2 var(--f-corpo)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod--esg .c24h-bench-role-prod__foto img {opacity:.55}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__nome {margin:0;color:var(--navy);font:500 15px/1.35 var(--f-tit);transition:color .15s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod:hover .c24h-bench-role-prod__nome {color:var(--verde)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__nota {margin-top:6px;color:var(--mudo);font-size:12px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__nota span[aria-hidden] {color:#E3A008;letter-spacing:1px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__pix {margin-top:8px;color:var(--mudo);font-size:13px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__pix b {color:var(--verde);font-size:18px;font-weight:600}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__cartao {margin-top:2px;color:var(--mudo);font-size:12px;line-height:1.45}
@media (prefers-reduced-motion:no-preference) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .vit__p.is-entra .c24h-bench-role-prods > .c24h-bench-role-hm-tag-li {animation:prod-entra .7s var(--ease-entra) both}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .vit__p.is-entra .c24h-bench-role-prods > .c24h-bench-role-hm-tag-li:nth-child(2) {animation-delay:.07s}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .vit__p.is-entra .c24h-bench-role-prods > .c24h-bench-role-hm-tag-li:nth-child(3) {animation-delay:.14s}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .vit__p.is-entra .c24h-bench-role-prods > .c24h-bench-role-hm-tag-li:nth-child(4) {animation-delay:.21s}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-pronta .vit__p.is-entra .c24h-bench-role-vit__cab {animation:aparece .6s var(--ease-entra) both}
  @keyframes prod-entra {from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}
}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-sem-js .vit__p[hidden] {display:block}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-sem-js .vit__abas {display:none}
@media (max-width:1023.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .vit__abas button {flex-direction:column;gap:8px;min-height:0}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-vit__r,:where([data-c24h-layout~="vit__olho"] > :nth-child(2))) {font-size:14px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prods {gap:20px 14px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__nome {font-size:14px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__cartao {font-size:11.5px}
}
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .vit__abas {margin-bottom:28px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .vit__abas button {padding:12px 8px 14px 0}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-vit__n,:where([data-c24h-layout~="vit__olho"] > :nth-child(1))) {font-size:28px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-vit__r,:where([data-c24h-layout~="vit__olho"] > :nth-child(2))) {font-size:12.5px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prods {grid-auto-columns:64%}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-prod__ver {display:none}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-chips {flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter);scrollbar-width:none;width:calc(100% + 2 * var(--gutter))}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-chips::-webkit-scrollbar {display:none}
}


/* versão 3.1: vitrines empilhadas */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit__bloco + .c24h-bench-role-vit__bloco {margin-top:96px;padding-top:88px;border-top:1px solid rgba(4,39,46,.1)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit__olho {display:flex;align-items:center;gap:14px;margin:0 0 18px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit__olho :is(.c24h-bench-role-vit__n,:where([data-c24h-layout~="vit__olho"] > :nth-child(1))) {color:var(--verde);-webkit-text-stroke:0;font:700 clamp(40px,4vw,56px)/1 var(--f-tit);letter-spacing:-.04em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit__olho :is(.c24h-bench-role-vit__r,:where([data-c24h-layout~="vit__olho"] > :nth-child(2))) {opacity:1;color:var(--navy);font:600 13px/1.2 var(--f-corpo);letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1px solid rgba(0,135,68,.35);background:rgba(0,135,68,.06)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit .c24h-bench-role-chips {margin-top:2px}
@media (max-width:767.98px) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit__bloco + .c24h-bench-role-vit__bloco {margin-top:56px;padding-top:48px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit__olho {gap:10px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-vit__olho :is(.c24h-bench-role-vit__r,:where([data-c24h-layout~="vit__olho"] > :nth-child(2))) {font-size:11px;padding:7px 10px} }


/* ================= 5. ESTÚDIO CRIATIVO (escuro, telas reais) ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est {background:var(--navy);overflow:hidden;overflow:clip;isolation:isolate;padding-bottom:calc(var(--sec-y) + 8px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__fundo {position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(50% 40% at 50% 0%,rgba(0,135,68,.35),transparent 70%),radial-gradient(rgba(125,242,180,.14) 1px,transparent 1.2px) 0 0/24px 24px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__cab {margin-bottom:0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__bts {display:flex;justify-content:center;margin-top:28px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__palco {position:relative;margin-top:64px;perspective:1800px;perspective-origin:50% 0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__horizonte {position:absolute;left:-10%;right:-10%;bottom:-18%;height:70%;border-radius:50%;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb, var(--menta) 40%, transparent),color-mix(in srgb, var(--menta) 8%, transparent) 55%,transparent 70%);filter:blur(4px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__horizonte::before {content:"";position:absolute;left:8%;right:8%;top:22%;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(185,245,216,.9),transparent);box-shadow:0 0 24px 4px rgba(125,242,180,.5)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__aparelhos {position:relative;width:min(1000px,100%);margin:0 auto;transform-origin:50% 100%;transform:rotateX(var(--inc,0deg)) translateY(var(--sobe,0px));will-change:transform}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__pc {position:relative;margin:0;padding:34px 10px 10px;border-radius:12px;background:#0B1F25;border:1px solid rgba(255,255,255,.14);box-shadow:0 60px 120px -40px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-est__pc-barra,:where([data-c24h-layout~="est__pc"] > :first-child)) {position:absolute;left:14px;top:13px;display:flex;gap:6px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-est__pc-barra,:where([data-c24h-layout~="est__pc"] > :first-child)) i {width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__pc img {display:block;width:100%;height:auto;border-radius:6px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__cel {position:absolute;right:-3%;bottom:-8%;width:23%;margin:0;padding:7px;border-radius:30px;background:#0B1F25;border:1px solid rgba(255,255,255,.16);box-shadow:-30px 40px 80px -30px rgba(0,0,0,.85)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__cel img {display:block;width:100%;height:auto;border-radius:24px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__selo {position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin:56px auto 0;padding:12px 18px 12px 12px;border-radius:12px;
  background:rgba(255,255,255,.07);border:1px solid rgba(125,242,180,.3);color:#fff;font:600 14px/1.4 var(--f-corpo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-est__selo-ic,:where([data-c24h-layout~="est__selo"] > :first-child)) {display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--verde);color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-formas {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px 0 0;padding:0;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-forma {position:relative;overflow:hidden;padding:26px 26px 28px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:border-color .3s ease,background-color .3s ease,transform .4s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-forma:hover {border-color:rgba(125,242,180,.4);background:rgba(255,255,255,.07);transform:translateY(-4px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-forma__n,:where([data-c24h-layout~="forma"] > :nth-child(1))) {position:absolute;right:18px;top:12px;color:rgba(255,255,255,.07);font:700 56px/1 var(--f-tit);letter-spacing:-.04em}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-forma__ic,:where([data-c24h-layout~="forma"] > :nth-child(2))) {display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:rgba(125,242,180,.12);color:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-forma__tit {margin:18px 0 6px;color:#fff;font:600 18px/1.3 var(--f-tit)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-forma p {color:var(--branco-74);font-size:14.5px;line-height:1.6}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__nota {margin-top:20px;text-align:center;color:rgba(255,255,255,.56);font-size:13.5px}
@media (max-width:1023.98px) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__cel {width:26%;right:-1%} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-formas {gap:12px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-forma {padding:20px} }
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__palco {margin-top:40px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__pc {padding:22px 5px 5px;border-radius:10px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-est__pc-barra,:where([data-c24h-layout~="est__pc"] > :first-child)) {left:9px;top:8px;gap:4px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-est__pc-barra,:where([data-c24h-layout~="est__pc"] > :first-child)) i {width:6px;height:6px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__cel {width:34%;right:-2%;bottom:-14%;padding:4px;border-radius:18px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__cel img {border-radius:14px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-est__selo {margin-top:84px;font-size:13px;text-align:left}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-formas {grid-template-columns:minmax(0,1fr);margin-top:28px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-forma {display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;padding:18px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-forma__ic,:where([data-c24h-layout~="forma"] > :nth-child(2))) {grid-row:span 2} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-forma__tit {margin:2px 0 4px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-forma__n,:where([data-c24h-layout~="forma"] > :nth-child(1))) {font-size:40px}
}

/* ================= 6. COMO FUNCIONA (claro, linha com cometa) ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como {background:#fff;overflow:hidden;overflow:clip;isolation:isolate}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__padrao {position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22260%22 height=%22260%22 viewBox=%220 0 260 260%22 fill=%22none%22 stroke=%22%23008744%22 stroke-opacity=%22.10%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate%2830 26%29 rotate%28-12 12 12%29 scale%281.5%29%22%3E%3Cpath d=%22M10 2v2%22/%3E%3Cpath d=%22M14 2v2%22/%3E%3Cpath d=%22M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1%22/%3E%3Cpath d=%22M6 2v2%22/%3E%3C/g%3E%3Cg transform=%22translate%28150 20%29 rotate%2814 12 12%29 scale%281.5%29%22%3E%3Cpath d=%22M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z%22/%3E%3C/g%3E%3Cg transform=%22translate%28214 108%29 rotate%28-8 12 12%29 scale%281.5%29%22%3E%3Cpath d=%22M12 7v14%22/%3E%3Cpath d=%22M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8%22/%3E%3Cpath d=%22M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5%22/%3E%3Crect x=%223%22 y=%227%22 width=%2218%22 height=%224%22 rx=%221%22/%3E%3C/g%3E%3Cg transform=%22translate%2892 112%29 rotate%2810 12 12%29 scale%281.5%29%22%3E%3Cpath d=%22M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate%2826 186%29 rotate%280 12 12%29 scale%281.5%29%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M12 2v2%22/%3E%3Cpath d=%22M12 20v2%22/%3E%3Cpath d=%22m4.93 4.93 1.41 1.41%22/%3E%3Cpath d=%22m17.66 17.66 1.41 1.41%22/%3E%3Cpath d=%22M2 12h2%22/%3E%3Cpath d=%22M20 12h2%22/%3E%3Cpath d=%22m6.34 17.66-1.41 1.41%22/%3E%3Cpath d=%22m19.07 4.93-1.41 1.41%22/%3E%3C/g%3E%3Cg transform=%22translate%28160 196%29 rotate%28-14 12 12%29 scale%281.5%29%22%3E%3Cpath d=%22M15 10V9%22/%3E%3Cpath d=%22M7.084 14.302a5.12 5.12 0 009.833 0 .24.24 0 00-.235-.302H7.32a.24.24 0 00-.235.302%22/%3E%3Cpath d=%22M9 10V9%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3C/g%3E%3Cg transform=%22translate%28228 222%29 rotate%2820 12 12%29 scale%281.5%29%22%3E%3Cpath d=%22M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z%22/%3E%3C/g%3E%3Cg transform=%22translate%28206 22%29 rotate%28-18 12 12%29 scale%281.5%29%22%3E%3Cpath d=%22M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5%22/%3E%3C/g%3E%3Cg transform=%22translate%28102 210%29 rotate%288 12 12%29 scale%281.5%29%22%3E%3Cpath d=%22M10 2v2%22/%3E%3Cpath d=%22M14 2v2%22/%3E%3Cpath d=%22M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1%22/%3E%3Cpath d=%22M6 2v2%22/%3E%3C/g%3E%3C/svg%3E") 0 0/260px 260px;opacity:.9;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 40%,transparent 30%,#000 100%);mask-image:radial-gradient(70% 70% at 50% 40%,transparent 30%,#000 100%)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__trilha {position:relative}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__linha {position:absolute;left:12.5%;right:12.5%;top:44px;height:2px;background:repeating-linear-gradient(90deg,rgba(0,135,68,.3) 0 8px,transparent 8px 14px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__linha::after {content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--prog,0) * 100%);background:linear-gradient(90deg,rgba(0,135,68,.2),var(--verde))}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__cometa {position:absolute;top:50%;left:calc(var(--prog,0) * 100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:2px solid var(--verde);box-shadow:var(--c24h-glow-green, 0 0 0 6px rgba(0,135,68,.15)),0 0 18px 4px color-mix(in srgb, var(--verde) 60%, transparent)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__cometa::before {content:"";position:absolute;right:100%;top:50%;width:80px;height:3px;margin-top:-1.5px;border-radius:3px;background:linear-gradient(90deg,transparent,color-mix(in srgb, var(--verde) 80%, transparent))}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passos {position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo {position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.passo__num,:where([data-c24h-layout~="passo__tit"] > :first-child)) {color:var(--verde)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo__ic {position:relative;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#fff;border:1px solid var(--borda);color:var(--verde);box-shadow:0 0 0 10px #fff,0 20px 40px -24px rgba(4,39,46,.35);transition:background-color .4s ease,color .4s ease,border-color .4s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo__ic .c24h-bench-role-i {width:30px;height:30px;stroke-width:1.5}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo.is-feito .c24h-bench-role-passo__ic {background:var(--verde);border-color:var(--verde);color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo__tit {margin:24px 0 8px;color:var(--navy);font:600 19px/1.3 var(--f-tit)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo p {max-width:30ch;color:var(--mudo);font-size:14.5px;line-height:1.6}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo .c24h-bench-role-passo__tag {display:inline-flex;align-items:center;margin-top:14px;padding:6px 8px 6px 12px;border-radius:999px;background:var(--tint);color:#056839;font:600 12px/1.2 var(--f-corpo)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo .c24h-bench-role-passo__tag:not(:has(button)) {padding-right:12px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo__tag .c24h-bench-role-aviso__info {width:20px;height:20px;margin:0 0 0 4px;color:#056839}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo__pop {margin:10px 0 0;text-align:left}
@media (max-width:1023.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__linha {left:31px;right:auto;top:0;bottom:0;width:2px;height:auto;background:repeating-linear-gradient(180deg,rgba(0,135,68,.3) 0 8px,transparent 8px 14px)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__linha::after {width:auto;right:0;height:calc(var(--prog,0) * 100%);bottom:auto;background:linear-gradient(180deg,rgba(0,135,68,.2),var(--verde))}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__cometa {left:50%;top:calc(var(--prog,0) * 100%)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-como__cometa::before {right:auto;left:50%;top:auto;bottom:100%;width:3px;height:60px;margin:0 0 0 -1.5px;background:linear-gradient(180deg,transparent,color-mix(in srgb, var(--verde) 80%, transparent))}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passos {grid-template-columns:minmax(0,1fr);gap:28px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo {display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:20px;align-items:start;text-align:left;padding:0}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo__ic {grid-row:1 / span 6;width:64px;height:64px;box-shadow:0 0 0 8px #fff}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo__ic .c24h-bench-role-i {width:24px;height:24px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo > :not(.c24h-bench-role-passo__ic) {grid-column:2}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo__tit {margin:6px 0 6px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-passo .c24h-bench-role-passo__tag {justify-self:start}
}

/* ================= 7. AVALIAÇÕES (escuro, carrossel como o do Lumise) ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av {background:var(--navy-fundo);overflow:hidden;overflow:clip;isolation:isolate}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av__fundo {position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(45% 50% at 50% 0%,rgba(13,110,122,.45),transparent 70%),radial-gradient(35% 40% at 15% 90%,rgba(0,135,68,.25),transparent 70%)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cf {position:relative;perspective:1600px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__lista {height:400px;margin:0;padding:0;list-style:none;transform-style:preserve-3d;touch-action:pan-y}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc {position:absolute;left:50%;top:20px;width:min(760px,74%);min-height:330px;display:flex;flex-direction:column;padding:32px 36px 28px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;
  transform:translateX(-50%) scale(.7);opacity:0;transition:transform .8s var(--ease-entra),opacity .6s ease,border-color .5s ease,background-color .5s ease,filter .6s ease;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc[data-pos="0"] {transform:translateX(-50%);opacity:1;z-index:5;background:rgba(255,255,255,.07);border-color:rgba(125,242,180,.35);box-shadow:0 40px 90px -40px rgba(0,0,0,.8);cursor:default}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc[data-pos="1"] {transform:translateX(-50%) translateX(78%) translateZ(-200px) rotateY(-10deg) scale(.86);opacity:.4;z-index:4;filter:blur(1px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc[data-pos="-1"] {transform:translateX(-50%) translateX(-78%) translateZ(-200px) rotateY(10deg) scale(.86);opacity:.4;z-index:4;filter:blur(1px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc[data-pos="2"] {transform:translateX(-50%) translateX(140%) translateZ(-300px) scale(.8);opacity:0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc[data-pos="-2"] {transform:translateX(-50%) translateX(-140%) translateZ(-300px) scale(.8);opacity:0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc__est {color:#F5B83D;font-size:18px;letter-spacing:4px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc__txt {flex:1;margin-top:16px;color:#fff;font:500 clamp(18px,1.7vw,23px)/1.5 var(--f-tit);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .avc__aspas {position:absolute;right:32px;top:28px;width:56px;height:46px;fill:rgba(125,242,180,.14)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc__pe {display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-avc__ini,:where([data-c24h-layout~="avc__pe"] > :nth-child(1))) {display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--navy);font:700 16px/1 var(--f-tit)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-avc__quem,:where([data-c24h-layout~="avc__pe"] > :nth-child(2))) b {display:block;color:#fff;font-weight:600;font-size:14px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-avc__quem,:where([data-c24h-layout~="avc__pe"] > :nth-child(2))) span {color:rgba(255,255,255,.6);font-size:12.5px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-avc__selo,:where([data-c24h-layout~="avc__pe"] > :nth-child(3))) {display:inline-flex;align-items:center;gap:6px;margin-left:auto;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(125,242,180,.4);color:var(--menta);font:600 12.5px/1 var(--f-corpo)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__ctl {display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__seta {display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__seta:hover {background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__pontos {display:flex;align-items:center}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__ponto {position:relative;width:24px;height:44px;border:0;background:none;cursor:pointer;padding:0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__ponto::before {content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:rgba(255,255,255,.3);transition:transform .3s ease,background-color .3s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__ponto[aria-current="true"]::before {background:var(--menta);transform:scale(1.5)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av__cert {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;margin-top:36px;color:rgba(255,255,255,.6);font-size:12.5px;line-height:1.5;text-align:center}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-av__nota,:where([data-c24h-layout~="av__cert"] > span:first-child)) {display:inline-flex;align-items:center;gap:8px;color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-av__nota,:where([data-c24h-layout~="av__cert"] > span:first-child)) b {font:700 22px/1 var(--f-tit)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-av__nota,:where([data-c24h-layout~="av__cert"] > span:first-child)) span[aria-hidden] {color:#F5B83D;letter-spacing:2px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av__cert-t {display:inline-flex;align-items:flex-start;gap:6px;max-width:64ch;text-align:left}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av__cert-t .c24h-bench-role-i {flex:none;margin-top:2px;color:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-av__cert a {color:#fff;font-weight:600;text-underline-offset:3px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-sem-js .cf__lista {height:auto;display:grid;gap:12px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-sem-js .c24h-bench-role-avc {position:static;transform:none;opacity:1;width:auto}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-sem-js .cf__ctl {display:none}
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .cf__lista {height:380px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc {width:86%;min-height:340px;padding:24px 22px 20px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc__txt {font-size:17px;-webkit-line-clamp:6}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .avc__aspas {right:20px;top:20px;width:40px;height:33px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc[data-pos="1"] {transform:translateX(-50%) translateX(90%) translateZ(-160px) scale(.86)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-avc[data-pos="-1"] {transform:translateX(-50%) translateX(-90%) translateZ(-160px) scale(.86)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-avc__selo,:where([data-c24h-layout~="avc__pe"] > :nth-child(3))) {display:none}
}

/* ================= 8. EMPRESAS (claro) ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp {display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:stretch}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp__card {display:flex;flex-direction:column;border-radius:12px;background:#fff;border:1px solid var(--borda);overflow:hidden}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp__foto {margin:0;aspect-ratio:16/9;overflow:hidden;background:#EFEAE3}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp__foto img {width:100%;height:100%;object-fit:cover;object-position:50% 55%;transition:transform 1s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp__card:hover .c24h-bench-role-emp__foto img {transform:scale(1.04)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp__lista {display:grid;gap:10px;margin:0;padding:24px 24px 4px;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp__lista .c24h-bench-role-hm-tag-li {display:flex;align-items:flex-start;gap:10px;color:var(--navy);font-size:14.5px;line-height:1.45}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp__lista .c24h-bench-role-i {flex:none;margin-top:1px;padding:3px;width:22px;height:22px;border-radius:50%;background:var(--tint);color:var(--verde);stroke-width:2.5}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp__bt {align-self:flex-start;margin:20px 24px 24px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-ocas {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca {position:relative;overflow:hidden;padding:28px;border-radius:12px;background:var(--sup);border:1px solid var(--borda);transition:border-color .3s ease,transform .4s var(--ease-entra),background-color .3s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca::after {content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,135,68,.14),transparent);transition:transform .6s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca:hover {border-color:rgba(0,135,68,.35);transform:translateY(-4px);background:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca:hover::after {transform:scale(1.6)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-oca__ic,:where([data-c24h-layout~="oca"] > :first-child)) {display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid var(--borda);color:var(--verde);transition:background-color .3s ease,color .3s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca:hover :is(.c24h-bench-role-oca__ic,:where([data-c24h-layout~="oca"] > :first-child)) {background:var(--verde);color:#fff;border-color:var(--verde)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca h3 {margin:20px 0 8px;color:var(--navy);font:600 18px/1.3 var(--f-tit)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca p {color:var(--mudo);font-size:14.5px;line-height:1.6}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos {margin-top:64px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__rot {margin:0 0 20px;color:var(--mudo);font:600 13px/1.4 var(--f-corpo);text-align:center}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__trilho {display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__lista {display:flex;flex:none;align-items:center;margin:0;padding:0;list-style:none;animation:corre 50s linear infinite}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__trilho:hover .c24h-bench-role-logos__lista {animation-play-state:paused}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__lista .c24h-bench-role-hm-tag-li {flex:none;padding:0 22px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__lista img {width:120px;height:auto;filter:grayscale(1);opacity:.6;mix-blend-mode:multiply;transition:filter .3s ease,opacity .3s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__lista .c24h-bench-role-hm-tag-li:hover img {filter:none;opacity:1}
@keyframes corre {to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__lista {animation:none;flex-wrap:wrap;justify-content:center} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__lista[aria-hidden] {display:none} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__trilho {-webkit-mask-image:none;mask-image:none;justify-content:center} }
@media (max-width:1023.98px) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp {grid-template-columns:minmax(0,1fr)} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-ocas {gap:12px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca {padding:22px} }
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-ocas {grid-template-columns:minmax(0,1fr)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca {display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;padding:18px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-oca__ic,:where([data-c24h-layout~="oca"] > :first-child)) {grid-row:span 2} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca h3 {margin:2px 0 4px;font-size:16px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-oca p {font-size:13.5px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-emp__bt {align-self:stretch}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__lista img {width:96px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-logos__lista .c24h-bench-role-hm-tag-li {padding:0 12px}
}

/* ================= 8. BLOG ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-posts {display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto;gap:24px;margin:0;padding:0;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-posts__dest {grid-row:span 2}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post {display:flex;height:100%;text-decoration:none;color:var(--navy);border-radius:12px;background:#fff;border:1px solid var(--borda);overflow:hidden;transition:border-color .3s ease,box-shadow .4s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post:hover {border-color:rgba(0,135,68,.3);box-shadow:0 24px 48px -28px rgba(4,39,46,.35)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post--g {flex-direction:column}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post--h {flex-direction:row}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post__foto {display:block;overflow:hidden;background:#EEE}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post--g .c24h-bench-role-post__foto {aspect-ratio:16/9}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post--h .c24h-bench-role-post__foto {flex:0 0 40%}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post__foto img {width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post:hover .c24h-bench-role-post__foto img {transform:scale(1.05)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post__corpo {display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:24px;flex:1;min-width:0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post__tit {margin:0;font:600 17px/1.4 var(--f-tit);text-wrap:pretty}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post--g .c24h-bench-role-post__tit {font-size:clamp(20px,1.8vw,26px);line-height:1.25}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post__tit span {background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .5s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post:hover .c24h-bench-role-post__tit span {background-size:100% 2px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-post__lk,:where([data-c24h-layout~="post__corpo"] > [data-c24h-layout~="hm-rich"]:last-child)) {display:inline-flex;align-items:center;gap:6px;color:var(--verde);font:600 13.5px/1 var(--f-corpo)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic :is(.c24h-bench-role-post__lk,:where([data-c24h-layout~="post__corpo"] > [data-c24h-layout~="hm-rich"]:last-child)) .c24h-bench-role-i {transition:transform .25s var(--ease-entra)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post:hover :is(.c24h-bench-role-post__lk,:where([data-c24h-layout~="post__corpo"] > [data-c24h-layout~="hm-rich"]:last-child)) .c24h-bench-role-i {transform:translateX(4px)}
@media (max-width:1023.98px) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post--h .c24h-bench-role-post__foto {flex-basis:36%} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post__corpo {padding:18px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post__tit {font-size:15px} }
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-posts {grid-template-columns:minmax(0,1fr);gap:12px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-posts__dest {grid-row:auto}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post--h .c24h-bench-role-post__foto {flex-basis:38%}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-post__corpo {padding:14px 16px}
}



/* ================= 10. DÚVIDAS (painel escuro, como o FAQ do Lumise) ================= */
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel-esc {position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding:56px;border-radius:12px;overflow:hidden;
  /* 10/11/2026: cor solida por baixo do degrade. O Perfmatters segura imagens de fundo ate a secao entrar na tela; sem ela o painel ficava transparente com texto claro. */
  background:#04272E linear-gradient(160deg,#0A3A43 0%,#04272E 55%,#031E24 100%);border:1px solid rgba(125,242,180,.2)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel-esc::before {content:"";position:absolute;z-index:-1;left:-10%;top:-30%;width:60%;height:80%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb, var(--menta) 18%, transparent),transparent)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__esq {align-self:start;position:sticky;top:calc(var(--hd-h) + 32px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__esq .c24h-bench-role-cab__tit {font-size:clamp(28px,2.6vw,38px)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__esq .c24h-bench-role-cab__txt {margin-top:18px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas {display:grid;gap:6px;margin:24px 0 0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas button {display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:8px;border:1px solid transparent;background:none;color:rgba(255,255,255,.72);font:500 14.5px/1.2 var(--f-corpo);text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas button .c24h-bench-role-i {color:rgba(125,242,180,.7)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas button:hover {background:rgba(255,255,255,.05);color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas button[aria-selected="true"] {background:rgba(125,242,180,.1);border-color:rgba(125,242,180,.35);color:#fff}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas button[aria-selected="true"] .c24h-bench-role-i {color:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__zap {margin-top:24px;color:rgba(255,255,255,.6);font-size:13.5px;line-height:1.6}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__zap a {display:inline-flex;align-items:center;gap:6px;min-height:36px;color:#fff;font-weight:600;text-underline-offset:3px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__zap a .c24h-bench-role-i {color:#25D366}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__dir {min-width:0}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel {display:grid;gap:12px}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel[hidden] {display:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel details {border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);transition:border-color .3s ease,background-color .3s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel details[open] {border-color:rgba(125,242,180,.4);background:rgba(255,255,255,.05)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel summary {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:18px 22px 18px 24px;color:#fff;font:500 16px/1.4 var(--f-tit);cursor:pointer;list-style:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel summary::-webkit-details-marker {display:none}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel summary .c24h-bench-role-i {flex:none;width:34px;height:34px;padding:8px;border-radius:50%;border:1px solid rgba(255,255,255,.25);color:var(--menta);transition:transform .35s var(--ease-entra),border-color .2s ease}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel details[open] summary .c24h-bench-role-i {transform:rotate(45deg);border-color:var(--menta)}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__r {display:grid;gap:10px;padding:0 64px 22px 24px;color:var(--branco-74);font-size:14.5px;line-height:1.7}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__r a {color:var(--menta)}
@supports (interpolate-size:allow-keywords) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel {interpolate-size:allow-keywords}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel details::details-content {height:0;overflow:clip;transition:height .3s cubic-bezier(.2,.7,.3,1),content-visibility .3s allow-discrete}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel details[open]::details-content {height:auto}
}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-sem-js .c24h-bench-role-faq__painel[hidden] {display:grid}
.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .hm-sem-js .faq__abas {display:none}
@media (max-width:1023.98px) { .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel-esc {grid-template-columns:minmax(0,1fr);gap:32px;padding:40px} .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__esq {position:static} }
@media (max-width:767.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq {padding-top:0}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel-esc {margin-inline:calc(-1 * var(--gutter));padding:40px var(--gutter);border-radius:0;border-inline:0}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas {display:flex;overflow-x:auto;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 2px;scrollbar-width:none}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas::-webkit-scrollbar {display:none}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .faq__abas button {flex:none;border-color:rgba(255,255,255,.14)}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__painel summary {font-size:15px;min-height:60px;padding:14px 16px}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-faq__r {padding:0 16px 18px;font-size:14px}
}

/* ================= tablet e celular: cabeçalhos de seção numa coluna ================= */
@media (max-width:1023.98px) {
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab--lado {grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
  .c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .c24h-bench-role-cab--lado .c24h-bench-role-cab__txt {max-width:64ch}
}

.c24h-bench-role-hm.c24h-bench-role-c24h-home-atomic .nq {white-space:nowrap}