/* Alvo — base do layout das 6 paginas institucionais.
   Todo seletor foi escopado em #conteudo:
   sem isso o Woodmart, que carrega depois, vence os empates de
   especificidade e desmancha botao, titulo e lista da pagina.
   NAO editar a mao: este arquivo e gerado (ver LEIA-ME.txt). */

#conteudo{--primary:#1BA6E8;--secondary:#4A5C72;--dark:#0E1B2B;--light:#F2F6FA;--wa:#25D366;
--font-title:'Archivo','Barlow Condensed','Barlow',system-ui,sans-serif;--font-body:'IBM Plex Sans','Barlow',system-ui,-apple-system,sans-serif;
--tint:color-mix(in srgb,var(--primary) 10%,white);--tint2:color-mix(in srgb,var(--primary) 22%,white);
--darker:color-mix(in srgb,var(--dark) 86%,black);
--card-shadow:0 6px 24px -12px rgba(16,18,31,.12)}
#conteudo *{box-sizing:border-box;margin:0;padding:0}

@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
#conteudo [id]{scroll-margin-top:96px}
#conteudo{font-family:var(--font-body),system-ui,sans-serif;color:var(--dark);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
#conteudo img{max-width:100%}
#conteudo .container{max-width:1140px;margin:0 auto;padding:0 24px}
#conteudo .sec{padding:88px 0}#conteudo .sec-sm{padding:52px 0}
#conteudo .bg-dark{background:linear-gradient(160deg,var(--dark),var(--darker));color:#fff}
#conteudo .bg-light{background:var(--light)}
#conteudo .bg-primary{background:var(--primary);color:var(--on-primary,#fff)}
#conteudo .d1{font-family:var(--font-title),sans-serif;font-weight:800;font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.5px;text-transform:none}
#conteudo .d2{font-family:var(--font-title),sans-serif;font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.08}
#conteudo .d3{font-family:var(--font-title),sans-serif;font-weight:700;font-size:24px;line-height:1.15}
#conteudo .lead{font-size:19px;color:inherit;opacity:.85;max-width:640px}
#conteudo .center{text-align:center}#conteudo .center .lead{margin-left:auto;margin-right:auto}
#conteudo .mark{color:var(--primary)}

#conteudo .mark-risk{text-decoration-line:line-through;text-decoration-color:var(--risk-color,#e02b0f);
text-decoration-thickness:.09em;text-decoration-skip-ink:none}
#conteudo .mark-und{background-image:linear-gradient(transparent 62%,color-mix(in srgb,var(--primary) 52%,transparent) 62%);
padding:0 .06em}
#conteudo .mark-circ{position:relative;display:inline-block;padding:0 .24em;color:inherit}
#conteudo .mark-circ svg{position:absolute;left:-.06em;top:-.3em;width:calc(100% + .12em);height:calc(100% + .6em);
color:var(--circ-color,#e02b0f);overflow:visible;pointer-events:none}
#conteudo .sec-markbox .mark{background:var(--mark-bg,var(--dark));color:var(--mark-fg,#fff);padding:0 .3em;
-webkit-box-decoration-break:clone;box-decoration-break:clone}
#conteudo .eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--font-body);letter-spacing:1.5px;text-transform:uppercase;
color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);
padding:8px 14px;border-radius:100px;margin-bottom:18px}
#conteudo .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 16px var(--font-body);padding:16px 32px;border-radius:100px;
text-decoration:none;transition:transform .15s,box-shadow .15s;cursor:pointer;border:none}
#conteudo .btn:hover{transform:translateY(-2px)}
#conteudo .btn-primary{background:var(--primary);color:var(--on-primary,#fff);box-shadow:0 10px 28px -8px color-mix(in srgb,var(--primary) 70%,transparent)}
#conteudo .btn-wa{background:var(--wa-btn,#0B8043);color:#fff;box-shadow:0 10px 28px -8px rgba(11,128,67,.5)}
#conteudo .btn-ghost{background:transparent;color:inherit;border:2px solid currentColor}
#conteudo .btn-light{background:#fff;color:var(--dark);box-shadow:0 10px 24px -10px rgba(0,0,0,.35)}

#conteudo .btn-seta{background:var(--primary);color:var(--on-primary,#fff);gap:14px;
font:700 12px var(--font-body);letter-spacing:1.6px;text-transform:uppercase;
padding:13px 13px 13px 26px;box-shadow:0 12px 30px -10px color-mix(in srgb,var(--primary) 70%,transparent)}
#conteudo .btn-seta-ico{width:28px;height:28px;border-radius:50%;flex:none;display:inline-flex;align-items:center;
justify-content:center;background:color-mix(in srgb,currentColor 22%,transparent);transition:transform .2s}
#conteudo .btn-seta:hover .btn-seta-ico{transform:translateX(2px)}
#conteudo .btns{display:flex;gap:14px;flex-wrap:wrap}
#conteudo .grid{display:grid;gap:24px}#conteudo .g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#conteudo .g4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
#conteudo .g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
#conteudo .card{background:var(--card-bg,#fff);color:var(--card-fg,inherit);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:30px;box-shadow:var(--card-shadow)}
#conteudo .bg-dark .card{background:var(--card-bg,rgba(255,255,255,.05));border-color:rgba(255,255,255,.1);color:var(--card-fg,#fff);box-shadow:var(--card-shadow-dark,none)}
#conteudo .chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:100px;
padding:11px 20px;font:600 15px var(--font-body);color:var(--dark);text-decoration:none;transition:.15s;
box-shadow:var(--card-shadow,none)}
#conteudo .chip:hover{border-color:var(--primary);color:var(--primary)}
#conteudo .icon-chip{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;
background:var(--tint2);color:var(--primary);font:800 22px var(--font-title);margin-bottom:16px}
#conteudo .wa-icon{width:22px;height:22px;flex:none}

#conteudo details.faq{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--card-shadow,none)}
#conteudo details.faq summary{cursor:pointer;list-style:none;font:600 17px var(--font-body);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
#conteudo details.faq summary::-webkit-details-marker{display:none}
#conteudo details.faq summary:after{content:'+';font:700 22px var(--font-title);color:var(--primary);transition:transform .2s}
#conteudo details.faq[open] summary:after{transform:rotate(45deg)}
#conteudo details.faq .faq-a{padding:0 24px 20px;color:#555}

#conteudo .bar{height:14px;border-radius:100px;background:rgba(255,255,255,.14);overflow:hidden}
#conteudo .bar-fill{height:100%;border-radius:100px;background:var(--primary);position:relative;overflow:hidden;
transform-origin:left center;animation:barGrow 1.1s cubic-bezier(.22,.7,.2,1) both}
#conteudo .bar-fill:after{content:'';position:absolute;inset:0;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:barShine 2.1s linear infinite}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes barShine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){#conteudo .bar-fill{animation:none}#conteudo .bar-fill:after{animation:none;display:none}}


#conteudo .car-nav{display:flex;align-items:center;gap:18px;margin-top:18px}
#conteudo .car-cnt{font:700 11px var(--font-body);letter-spacing:1.6px;opacity:.9;white-space:nowrap;
font-variant-numeric:tabular-nums}
#conteudo .car-cnt em{font-style:normal;opacity:.45;margin:0 7px}
#conteudo .car-bar{flex:1;height:1px;background:color-mix(in srgb,currentColor 28%,transparent);position:relative;overflow:hidden}
#conteudo .car-bar i{position:absolute;left:0;top:0;height:1px;width:0;background:currentColor;display:block}
#conteudo .car-pips{display:flex;gap:7px;align-items:center;flex:none}
#conteudo .car-pip{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,currentColor 40%,transparent);
display:block;transition:width .25s,background .25s}
#conteudo .car-pip.on{width:20px;border-radius:99px;background:currentColor}
@media (max-width:520px){#conteudo .car-cnt{display:none}}

#conteudo .sec-ebline .eyebrow{background:none;border:0;padding:0;border-radius:0;gap:12px;
letter-spacing:2px;font-size:11.5px}
#conteudo .sec-ebline .eyebrow::before{content:"";width:34px;height:1px;background:currentColor;opacity:.6;flex:none}

#conteudo .sec-word-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}

#conteudo .sec-word-in{position:relative;height:100%;max-width:1140px;margin:0 auto;padding:0 24px}

#conteudo .sec-word{position:absolute;bottom:clamp(20px,2.6vw,40px);font-family:var(--font-title),sans-serif;font-weight:800;
text-transform:uppercase;line-height:.8;white-space:nowrap;color:currentColor;opacity:.06}
#conteudo .sec-word-r{right:24px}#conteudo .sec-word-l{left:24px}
#conteudo .sec-word-c{left:50%;transform:translateX(-50%)}
#conteudo .sec-div{position:absolute;left:0;width:100%;line-height:0;pointer-events:none;z-index:1}
#conteudo .sec-div-top{top:-1px}
#conteudo .sec-div-bottom{bottom:-1px}
#conteudo .sec-div svg{display:block;width:100%;height:clamp(36px,6vw,84px)}
#conteudo .sec-div-bottom svg{transform:scaleY(-1)}

#conteudo .sec-div-chev{display:flex;justify-content:center;pointer-events:none}
#conteudo .sec-div-chev span{display:flex;align-items:center;justify-content:center;width:54px;height:54px;
border-radius:50%;color:var(--primary);box-shadow:0 8px 20px -12px rgba(10,14,30,.45)}
#conteudo .sec-div-chev svg{width:22px;height:22px;height:22px!important}
#conteudo .sec-div-top.sec-div-chev{top:-27px}
#conteudo .sec-div-bottom.sec-div-chev{bottom:-27px}
#conteudo .sec-div-bottom.sec-div-chev svg{transform:none}

#conteudo .carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;
cursor:pointer;background:rgba(0,0,0,.42);color:#fff;font:400 26px/1 var(--font-body);display:flex;align-items:center;justify-content:center;
backdrop-filter:blur(4px);transition:background .15s;z-index:2}
#conteudo .carousel-nav:hover{background:rgba(0,0,0,.68)}
#conteudo .carousel-dot{opacity:.55;transition:opacity .15s,border-color .15s}
#conteudo .carousel-dot:hover{opacity:.85}
#conteudo .carousel-dot.is-on{opacity:1;border-color:var(--primary)!important}

#conteudo .sg-lift{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
#conteudo .sg-lift:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover,0 18px 36px -18px rgba(16,18,31,.3))}
#conteudo .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
#conteudo .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){#conteudo .reveal{opacity:1;transform:none;transition:none}#conteudo .btn:hover{transform:none}
#conteudo .sg-lift{transition:none}#conteudo .sg-lift:hover{transform:none}
#conteudo .btn-seta:hover .btn-seta-ico{transform:none}}
#conteudo .wa-float{position:fixed;bottom:26px;right:26px;width:62px;height:62px;background:var(--wa);border-radius:50%;
display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.5);z-index:999}
#conteudo .wa-float:before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--wa);opacity:.6;animation:pulse 1.8s infinite}
@keyframes pulse{0%{transform:scale(.9);opacity:.7}70%{transform:scale(1.25);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){#conteudo .wa-float:before{animation:none}}

#conteudo{font-size:16px}