/* Componentes originais: Worbit-DEV-FINAL-2026-10-27/site/styles.css. */
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 20px;min-height:46px;border-radius:4px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}
.button{margin-top:28px;position:relative;z-index:2}
.button{font-size:11px;padding-inline:15px}
.button{gap:10px}
.button{padding:11px 14px;font-size:10px;gap:12px;min-height:40px}
.button{grid-column:3;margin-top:5px}
.button{font-size:10px;gap:23px;padding:13px 16px}
.button{grid-column:1/-1;margin-top:0;font-size:12px;padding:15px 18px}
.button{font-size:10px;gap:15px}
.button{justify-content:center;min-width:286px;border-radius:16px;min-height:50px;font-size:14px;padding:14px 25px}
.button{min-width:230px;font-size:12px}
.button{min-width:0;width:100%;font-size:10px;border-radius:10px;padding:12px;min-height:42px}
.button{min-width:240px}
.button{padding-inline:14px;gap:15px}
.button{font-size:9px;padding-inline:10px}
.button{padding-inline:8px}
.yellow-button{background:var(--yellow);color:#101409}
.yellow-button{background:#d8d66b;color:#13160d}
.yellow-button:hover{background:#ffed63}
.yellow-button:hover{background:#e4e28b}
.giant-brand{margin-top:22px;height:clamp(190px,24vw,365px);display:flex;align-items:center;justify-content:center}
.giant-brand{height:27vw;min-height:140px;margin-top:20px}
.giant-brand{height:28vw;min-height:110px;margin-top:30px;width:calc(100% - 20px)}
.giant-brand{position:relative;z-index:1}
.giant-brand{z-index:0}
.giant-brand{height:25vw;max-height:390px;margin-top:28px;width:100%;max-width:none}
.giant-brand{min-height:130px}
.giant-brand{height:29vw;min-height:110px;margin-top:30px}
.giant-brand{margin-top:clamp(230px,28vw,450px);height:25vw;max-height:390px;width:100%}
.giant-brand{margin-top:230px;min-height:130px}
.giant-brand{margin-top:190px;height:28vw;min-height:0}
.giant-brand img{width:90%;height:100%;object-fit:contain;transform:translateY(var(--brand-y,0px));opacity:var(--brand-opacity,1)}
.giant-brand img{transform:none;opacity:1}
.giant-brand img{width:100%}
.giant-brand img{transform:none;opacity:1}
.giant-brand img{width:106%;max-width:none}
.giant-brand img{width:95%;max-width:1500px}
.giant-brand img{width:97%}
#market-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.8}
#market-atmosphere{opacity:.35}
#market-atmosphere{opacity:1}
.hero-action.wrap{width:100%;max-width:none;margin:0;min-height:220px;padding:45px 3%;border-block:1px solid #ffffff26;display:grid;grid-template-columns:1fr auto 1fr;background:repeating-linear-gradient(90deg,#ffffff13 0 1px,transparent 1px calc(100% / 19)),linear-gradient(90deg,#89807118,transparent 22%,#e9df3520 61%,transparent 72%,#8c786318);backdrop-filter:blur(28px);z-index:5}
.hero-action.wrap{min-height:170px;padding:32px 4%}
.hero-action.wrap{min-height:145px;padding:28px 16px;gap:12px;grid-template-columns:44px 1fr 44px}
.hero-action.wrap{background:repeating-linear-gradient(90deg,#ffffff13 0 1px,transparent 1px calc(100% / 19)),linear-gradient(90deg,#89807110,transparent 22%,#e9df350c 61%,transparent 72%,#8c786310)}
.hero-action.wrap{min-height:135px}
.hero-action.wrap{display:flex;justify-content:center;min-height:190px;padding:44px 24px;isolation:isolate;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px calc(100% / 19)),#090b09b8}
.hero-action.wrap{min-height:140px;padding:30px 24px}
.hero-action.wrap{border-bottom:0}
.hero-action>div:not(.glass-code){position:relative;z-index:2;width:auto;margin:0;text-align:center}
.hero-action .button{font-size:10px;gap:23px;padding:13px 16px}
.hero-action .button{justify-content:center;min-width:286px;border-radius:16px;min-height:50px;font-size:14px;padding:14px 25px}
.hero-action .button{min-width:230px;font-size:12px}
.hero-action .button{min-width:0;width:100%;font-size:10px;border-radius:10px;padding:12px;min-height:42px}
.hero-action .button{min-width:240px}
.hero-action .yellow-button{background:#d8d66b;color:#13160d}
.hero-action .yellow-button:hover{background:#e4e28b}
.hero-action .glass-code{position:absolute;inset:0;display:grid;grid-template-columns:repeat(19,1fr);z-index:-1;pointer-events:none;overflow:hidden;text-align:left;width:100%;margin:0}
.glass-code i{display:block;height:100%;background:linear-gradient(180deg,#c6c89408,#c6c89455 50%,#c6c89410);opacity:.015;animation:glass-code-pulse var(--duration) ease-in-out var(--delay) infinite;will-change:opacity}
.glass-code i{opacity:.03;animation:none}
.glass-code i{opacity:.03;animation:none}
.glass-code i{background:#bdc09c;animation-name:panel-breathe}
.manifesto.wrap{width:100%;max-width:none;min-height:520px;padding:65px 6% 160px 3%;grid-template-columns:1fr 1fr;gap:0;border-top:0;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px calc(100% / 19)),repeating-linear-gradient(0deg,#ffffff0d 0 1px,transparent 1px 260px),radial-gradient(ellipse at 20% 0,#8c786313,transparent 50%)}
.manifesto.wrap{min-height:420px;padding:50px 5% 100px;grid-template-columns:.65fr 1fr}
.manifesto.wrap{display:block;min-height:390px;padding:42px 24px 75px}
.manifesto.wrap{position:relative;isolation:isolate;overflow:hidden}
.manifesto.wrap{background-color:#080909}
.manifesto.wrap{align-items:center}
.manifesto.wrap{padding-top:112px;padding-bottom:113px}
.manifesto.wrap{padding-top:75px;padding-bottom:75px}
.manifesto.wrap{padding-top:58px;padding-bottom:59px}
.manifesto.wrap{background-image:repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px calc(100% / 19)),repeating-linear-gradient(180deg,#ffffff0d 0 1px,transparent 1px 260px);background-position:0 0}
.manifesto.wrap{background-image:repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px calc(100% / 19)),repeating-linear-gradient(180deg,#ffffff0d 0 1px,transparent 1px calc(100% / 3))}
.manifesto h2{font-size:clamp(40px,5.7vw,85px);max-width:900px}
.manifesto h2{font-size:7.7vw}
.manifesto h2{font-size:10vw}
.manifesto h2{font-size:clamp(24px,2.7vw,44px);line-height:1.07;letter-spacing:-.045em;max-width:650px;font-weight:500;text-indent:4em;position:relative}
.manifesto h2{font-size:26px}
.manifesto h2{font-size:26px;text-indent:2.5em}
.manifesto h2{text-indent:0}
.manifesto p{max-width:410px;font-size:14px;margin-top:32px}
.manifesto p{font-size:12px;max-width:280px}
.manifesto p{max-width:430px;font-size:12px;margin-top:28px;color:#82867d}
.manifesto p{font-size:11px;max-width:280px}
.manifesto.wrap>.manifesto-cells{position:absolute;left:0;right:0;bottom:0;height:780px;margin:0;display:grid;grid-template-columns:repeat(19,1fr);grid-template-rows:repeat(3,260px);pointer-events:none;z-index:-1}
.manifesto.wrap>.manifesto-cells{top:0;bottom:auto;height:100%;grid-template-rows:repeat(3,260px)}
.manifesto.wrap>.manifesto-cells{grid-template-rows:repeat(3,minmax(0,1fr))}
.manifesto-cells i{background:#bdc09c;opacity:0;animation:panel-breathe var(--duration) ease-in-out var(--delay) infinite}
.manifesto-cells i{animation-play-state:paused}
.manifesto-cells i{animation:none;opacity:0}
.manifesto-cells i{animation:none;opacity:0}
.hero-action .glass-code i{background:#bdc09c;animation-name:panel-breathe}
.motion-on .reveal{opacity:0;translate:0 30px;transition:opacity .9s,translate .9s cubic-bezier(.2,.8,.2,1)}
@keyframes glass-code-pulse{0%,25%,100%{opacity:.015}48%{opacity:.14}65%{opacity:.025}}
@keyframes panel-breathe{0%,15%,76%,100%{opacity:0}40%{opacity:.055}57%{opacity:.018}}

/* Adaptação de layout ao produto Rewards, sem alterar a mecânica dos cofres. */
.rewards-site .hero { padding:30px 0 0; }
.hero .hero-meta.wrap { display:flex;justify-content:space-between;gap:20px;color:#a3afb1;font-size:10px;letter-spacing:.09em;position:relative;z-index:1; }
.hero .hero-meta span:last-child { text-align:right; }
.hero .giant-brand.wrap { display:flex;justify-content:center;align-items:center;margin-top:90px;margin-bottom:55px;height:clamp(100px,22vw,310px);position:relative;z-index:1; }
.hero .giant-brand img { height:100%;object-fit:contain;transform:translateY(var(--brand-y,0px));opacity:var(--brand-opacity,1); }
.hero .hero-content.wrap { position:relative;z-index:1;padding-bottom:65px; }
.hero .hero-content h1 { font-size:clamp(46px,5.5vw,82px); }
.hero .hero-action.wrap { position:relative;display:flex;width:100%;max-width:none;grid-template-columns:none;gap:0;margin:0; }
.hero-action .button { display:inline-flex;align-items:center;justify-content:center;text-decoration:none; }
.hero-action small { display:block;margin-top:12px;font-size:10px;color:#a3afb1; }
.rewards-site .manifesto.wrap { display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;gap:8%;padding:100px 5%;min-height:0;background-color:#080909;position:relative;isolation:isolate;overflow:hidden; }
.manifesto .eyebrow { font-size:10px;color:#a3afb1;letter-spacing:.09em;margin-bottom:25px; }
.rewards-site .manifesto h2 { font-size:clamp(30px,3.4vw,52px);line-height:1.08;letter-spacing:-.045em;text-indent:0; }
.manifesto h2 span { color:#82999e; }
.manifesto p { line-height:1.7; }
.manifesto a { display:inline-block;margin-top:24px;border-bottom:1px solid #c4c69355;padding-bottom:8px;color:#c4c693;font-size:12px; }
.manifesto .manifesto-cells { z-index:-1; }
.rewards-site .motion-control { background:none;border:1px solid var(--line);border-radius:4px;padding:10px;color:var(--muted);font-size:11px; }
.motion-on .reveal.shown,.reduced-motion .reveal { opacity:1;translate:0 0; }
.page-hidden .glass-code i,.page-hidden .manifesto-cells i,.effects-paused .glass-code i,.effects-paused .manifesto-cells i { animation-play-state:paused; }
.reduced-motion .glass-code i,.reduced-motion .manifesto-cells i { animation:none;opacity:.025; }
.reduced-motion .giant-brand img { transform:none;opacity:1; }
@media(max-width:800px) {
 .hero .giant-brand.wrap { margin-top:65px;margin-bottom:40px; }
 .hero .hero-content h1 { font-size:clamp(42px,8vw,66px); }
}
@media(max-width:570px) {
 .hero .hero-meta.wrap { font-size:8px; }
 .hero .giant-brand.wrap { margin-top:65px;height:25vw;margin-bottom:40px; }
 .hero .hero-content.wrap { padding-bottom:40px; }
 .hero .hero-content h1 { font-size:42px; }
 .hero .hero-action.wrap { min-height:140px;padding:30px 16px; }
 .hero-action .button { min-width:240px;font-size:12px; }
 .rewards-site .manifesto.wrap { grid-template-columns:1fr;padding:58px 24px;gap:40px; }
 .rewards-site .manifesto h2 { font-size:32px; }
}
@media(prefers-reduced-motion:reduce) {
 .glass-code i,.manifesto-cells i { animation:none; }
 .motion-on .reveal { opacity:1;translate:0 0; }
 .giant-brand img { transform:none!important;opacity:1!important; }
}

footer .motion-control { margin:20px max(16px,calc((100% - 1500px)/2)); }

/* Rewards: abertura sem repetir a marca ampliada da home da LP. */
.hero .hero-content.wrap { padding-top:64px; }
@media(max-width:570px) { .hero .hero-content.wrap { padding-top:36px; } }
