/* Spike Day 10/10, linha Gshield Armor (/spike-1010-previa, 30/09, Joao).
   Pegada anti-impacto premium: grafite, colmeia hexagonal, metal escovado,
   placas chanfradas e laranja so como luz. Efeitos de impacto (onda de
   choque, preco que bate, estilhaco no clique). Markup em templates/pages/spike/. */
.gs-sk{--sk-bg:#0b0a0a;--sk-ln:#3a3234;--sk-l:#ffa300;--sk-l2:#ff7a00;--sk-tx:#f4f1f1;--sk-mu:#9b9294;
  --sk-hex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48'%3E%3Cpath d='M14 0L28 8V24L14 32L0 24V8ZM14 32V48' fill='none' stroke='%23ffa300' stroke-opacity='.10'/%3E%3C/svg%3E");
  --sk-metal:linear-gradient(180deg,#fff 0%,#dcd7d8 36%,#7d7477 52%,#b9b2b4 70%,#f4f1f1 100%)}
.gs-sk body{background:var(--sk-bg)}
.gs-sk-main{position:relative;background:var(--sk-bg);color:var(--sk-tx);overflow:hidden;font-family:Montserrat,system-ui,sans-serif}
.gs-sk-main *{box-sizing:border-box}

/* placas chanfradas (canto superior esquerdo e inferior direito) */
.gs-sk-selo,.gs-sk-rel i,.gs-sk-cupom,.gs-sk-cupom-in,.gs-sk-cupom-go,.gs-sk-conta,.gs-sk-nav a,.gs-sk-placa,
.gs-sk-borda,.gs-sk-in,.gs-sk-off,.gs-sk-btn,.gs-sk-fixo,.gs-sk-aviso-cart,.gs-sk-aviso{
  clip-path:polygon(var(--c,10px) 0,100% 0,100% calc(100% - var(--c,10px)),calc(100% - var(--c,10px)) 100%,0 100%,0 var(--c,10px))}

/* ---------- hero ---------- */
.gs-sk-hero{position:relative;isolation:isolate;padding:30px 16px 0;text-align:center;
  background:radial-gradient(70% 55% at 50% 24%,rgba(255,140,0,.2),transparent 70%),linear-gradient(180deg,#151213,var(--sk-bg))}
.gs-sk-hex{position:absolute;inset:0;z-index:-1;background:var(--sk-hex);background-size:28px 48px;
  -webkit-mask:radial-gradient(65% 60% at 50% 30%,#000 0,transparent 78%);mask:radial-gradient(65% 60% at 50% 30%,#000 0,transparent 78%)}
.gs-sk-selo{--c:8px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:rgba(0,0,0,.55);box-shadow:inset 0 0 0 1px var(--sk-ln);
  font:800 10.5px/1 Montserrat,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--sk-mu)}
.gs-sk-selo svg{width:14px;height:14px;fill:var(--sk-l)}
.gs-sk-logo{position:relative;display:flex;justify-content:center;align-items:center;gap:.05em;margin:20px auto 4px;
  font:900 clamp(92px,27vw,220px)/1 Montserrat,sans-serif;letter-spacing:-.04em;animation:gs-sk-tranco 4.5s ease-out infinite}
.gs-sk-logo b{display:inline-block;padding:0 .1em 0 .04em;background:var(--sk-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 0 #000) drop-shadow(0 18px 30px rgba(0,0,0,.6))}
.gs-sk-corte{flex:0 0 auto;width:clamp(10px,2.2vw,18px);height:.84em;background:linear-gradient(180deg,#ffd27a,var(--sk-l) 40%,var(--sk-l2));
  transform:skewX(-20deg);box-shadow:0 0 18px rgba(255,163,0,.8),0 0 60px rgba(255,120,0,.45);animation:gs-sk-lamina 4.5s ease-out infinite}
.gs-sk-ondas{position:absolute;left:50%;top:50%;z-index:-1;width:0;height:0}
.gs-sk-ondas i{position:absolute;left:-.5em;top:-.5em;width:1em;height:1em;border:2px solid var(--sk-l);border-radius:50%;opacity:0;
  animation:gs-sk-onda 4.5s cubic-bezier(.1,.7,.3,1) infinite}
.gs-sk-ondas i:nth-child(2){animation-delay:.14s}.gs-sk-ondas i:nth-child(3){animation-delay:.28s}
@keyframes gs-sk-onda{0%,1%{transform:scale(.15);opacity:0}2%{opacity:.85}28%,100%{transform:scale(2.4);opacity:0}}
@keyframes gs-sk-tranco{0%,1%{transform:none}2%{transform:translateY(5px) scale(.985)}4%{transform:translate(-3px,-1px)}6%{transform:translate(2px,1px)}8%,100%{transform:none}}
@keyframes gs-sk-lamina{0%,1%,12%,100%{filter:none}2%,6%{filter:brightness(1.7);box-shadow:0 0 30px #ffd27a,0 0 120px rgba(255,140,0,.9)}}
.gs-sk-h1{margin:6px 0 0;font:900 clamp(22px,5.4vw,46px)/1.05 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.gs-sk-h1 span{color:var(--sk-l)}
.gs-sk-lead{margin:12px auto 0;max-width:520px;font-size:15px;line-height:1.45;color:var(--sk-mu)}

/* relogio HUD */
.gs-sk-rel{display:flex;justify-content:center;gap:6px;margin:22px 0 2px}
.gs-sk-rel i{--c:9px;font-style:normal;min-width:68px;padding:11px 6px 9px;background:linear-gradient(180deg,#1f1a1c,#100e0e);box-shadow:inset 0 2px 0 var(--sk-l)}
.gs-sk-rel b{display:block;font:800 30px/1 Montserrat,sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.gs-sk-rel small{display:block;margin-top:6px;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:var(--sk-mu)}

/* super botao do cupom: placa com borda de luz correndo */
.gs-sk-cupom{--c:16px;display:block;width:100%;max-width:720px;margin:22px auto 0;padding:1.5px;border:0;cursor:pointer;text-align:left;color:var(--sk-tx);
  background:linear-gradient(90deg,var(--sk-l),#4a2f0c 22%,#4a2f0c 78%,var(--sk-l)) 0 0/200% 100%;animation:gs-sk-luz 2.4s linear infinite;transition:transform .1s}
@keyframes gs-sk-luz{to{background-position:-200% 0}}
.gs-sk-cupom:active{transform:translateY(2px)}
.gs-sk-cupom-in{--c:15px;display:flex;align-items:center;gap:14px;padding:12px 12px 12px 14px;
  background:radial-gradient(120% 160% at 0% 50%,rgba(255,163,0,.16),transparent 60%),linear-gradient(180deg,#1c1819,#0f0d0d)}
.gs-sk-escudo{position:relative;flex:0 0 auto;display:grid;place-items:center;width:58px;height:66px}
.gs-sk-escudo svg{position:absolute;inset:0;width:100%;height:100%;fill:rgba(255,163,0,.08);stroke:var(--sk-l);stroke-width:1.2;filter:drop-shadow(0 0 8px rgba(255,163,0,.55))}
.gs-sk-escudo em{position:relative;margin-top:-3px;font:900 18px/1 Montserrat,sans-serif;font-style:normal;color:#fff;letter-spacing:-.02em}
.gs-sk-cupom-t{flex:1;min-width:0}
.gs-sk-cupom-t b{display:block;font:900 clamp(15px,4vw,22px)/1.12 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.gs-sk-cupom-t span{display:block;margin-top:5px;font-size:12.5px;font-weight:600;color:var(--sk-mu)}
.gs-sk-cupom-t code{padding:2px 7px;background:var(--sk-l);color:#000;font:900 12px Montserrat,sans-serif;letter-spacing:.12em}
.gs-sk-cupom-go{--c:9px;flex:0 0 auto;padding:14px 16px;background:linear-gradient(180deg,#ffbb40,var(--sk-l) 50%,var(--sk-l2));color:#000;
  font:900 12.5px/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gs-sk-cupom:hover .gs-sk-cupom-go{filter:brightness(1.12)}
.gs-sk-cupom[data-ok]{animation:none;background:var(--sk-l)}
.gs-sk-cupom[data-ok] .gs-sk-escudo svg{fill:var(--sk-l)}
.gs-sk-cupom[data-ok] .gs-sk-escudo em{color:#000}
.gs-sk-cupom[data-ok] .gs-sk-cupom-go{background:#000;color:var(--sk-l)}
.gs-sk-fixo{--c:12px;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;align-items:center;justify-content:center;gap:10px;padding:15px;border:0;
  background:linear-gradient(180deg,#ffbb40,var(--sk-l) 50%,var(--sk-l2));color:#000;font:900 13px/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gs-sk-fixo.on{display:flex}
.gs-sk-fixo[data-ok]{background:#0f0d0d;color:var(--sk-l);box-shadow:inset 0 0 0 1px var(--sk-l)}

/* quatro niveis */
.gs-sk-contas{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:1100px;margin:22px auto 0}
.gs-sk-conta{--c:14px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 14px 13px;text-align:left;text-decoration:none;
  color:var(--sk-tx);background:linear-gradient(160deg,#231e20,#121011);box-shadow:inset 0 0 0 1px var(--sk-ln);transition:transform .2s}
.gs-sk-conta:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:30%;background:var(--sk-l);box-shadow:0 0 12px var(--sk-l);transition:width .35s}
.gs-sk-conta:hover,.gs-sk-conta:focus-visible{transform:translateY(-3px);outline:none}
.gs-sk-conta:hover:after,.gs-sk-conta:focus-visible:after{width:100%}
.gs-sk-conta small{font:800 10px/1 Montserrat,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--sk-l)}
.gs-sk-conta em{padding-right:.1em;font:900 clamp(24px,6.2vw,38px)/1.1 Montserrat,sans-serif;font-style:normal;letter-spacing:-.02em;
  background:var(--sk-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gs-sk-conta strong{font:900 clamp(16px,3.8vw,22px)/1 Montserrat,sans-serif;color:var(--sk-l)}
.gs-sk-conta u{margin-top:3px;text-decoration:none;font:800 10.5px/1 Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--sk-mu)}
.gs-sk-conta u:after{content:" \2192";color:var(--sk-l)}
.gs-sk-spec{overflow:hidden;margin:28px -16px 0;border-block:1px solid #221d1f;background:rgba(0,0,0,.45)}
.gs-sk-spec div{display:flex;width:max-content;animation:gs-sk-anda 46s linear infinite}
.gs-sk-spec span{padding:12px 18px;font:800 10.5px/1 Montserrat,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--sk-mu);white-space:nowrap}
.gs-sk-spec span:nth-child(even){padding-inline:0;color:var(--sk-l)}
@keyframes gs-sk-anda{to{transform:translateX(-50%)}}

/* navegacao fixa */
.gs-sk-nav{position:sticky;top:0;z-index:30;display:flex;gap:4px;padding:8px;background:rgba(11,10,10,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid #221d1f;overflow-x:auto;scrollbar-width:none}
.gs-sk-nav a:first-child{margin-left:auto}.gs-sk-nav a:last-child{margin-right:auto}
.gs-sk-nav a{--c:8px;flex:0 0 auto;padding:10px 12px;background:#1a1617;color:var(--sk-mu);text-decoration:none;
  font:800 11px/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.gs-sk-nav a i{font-style:normal;margin-right:5px}.gs-sk-nav a b{color:#fff;letter-spacing:.02em}
.gs-sk-nav a.on,.gs-sk-nav a:hover{background:var(--sk-l);color:#000}
.gs-sk-nav a.on b,.gs-sk-nav a:hover b{color:#000}

@media (min-width:900px){
  .gs-sk-hero{padding-top:46px}
  .gs-sk-contas{grid-template-columns:repeat(3,1fr);gap:14px}
  .gs-sk-conta{padding:20px 18px 18px}
  .gs-sk-rel i{min-width:86px}.gs-sk-rel b{font-size:40px}
  .gs-sk-fixo{display:none!important}
  .gs-sk-cupom-in{padding:16px 16px 16px 20px;gap:20px}
  .gs-sk-escudo{width:70px;height:80px}.gs-sk-escudo em{font-size:22px}
}

/* ---------- faixa de preco ---------- */
.gs-sk-faixa{position:relative;isolation:isolate;padding:56px 14px 48px;scroll-margin-top:56px;border-top:1px solid #1d191a}
.gs-sk-faixa:before{content:"";position:absolute;inset:0 0 auto;height:440px;z-index:-1;background:var(--sk-hex);background-size:28px 48px;
  -webkit-mask:linear-gradient(180deg,#000,transparent);mask:linear-gradient(180deg,#000,transparent)}
.gs-sk-faixa:after{content:"";position:absolute;left:50%;top:0;z-index:-1;width:min(900px,130vw);height:380px;transform:translateX(-50%);
  background:radial-gradient(50% 60% at 50% 0%,rgba(255,140,0,.14),transparent 72%)}
.gs-sk-cab{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:1240px;margin:0 auto 32px;text-align:center}
.gs-sk-nivel{display:flex;align-items:center;gap:10px;font:800 10.5px/1 Montserrat,sans-serif;letter-spacing:.26em;text-transform:uppercase}
.gs-sk-nivel span{color:var(--sk-l)}
.gs-sk-nivel i{width:34px;height:1px;background:var(--sk-ln)}
.gs-sk-nivel em{font-style:normal;color:var(--sk-mu)}
.gs-sk-eq{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.4vw,24px);flex-wrap:wrap}
.gs-sk-conta-eq{display:flex;align-items:center;gap:clamp(6px,1.6vw,14px);font:900 clamp(50px,13.5vw,108px)/1 Montserrat,sans-serif;letter-spacing:-.04em}
.gs-sk-conta-eq .n{display:inline-block;padding:0 .1em 0 .02em;line-height:1.08;background:var(--sk-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #000)}
.gs-sk-conta-eq .o{font-size:.6em;font-weight:700;color:var(--sk-l);text-shadow:0 0 18px rgba(255,163,0,.6)}
.gs-sk-placa-w{position:relative;isolation:isolate}
.gs-sk-placa{--c:18px;position:relative;display:flex;align-items:center;gap:.05em;padding:.1em .26em .08em .3em;
  font:900 clamp(54px,14.5vw,116px)/1 Montserrat,sans-serif;letter-spacing:-.04em;color:#000;
  background:linear-gradient(180deg,#ffcb5e,var(--sk-l) 46%,var(--sk-l2));box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -4px 0 rgba(0,0,0,.18)}
.gs-sk-placa sup{align-self:flex-start;margin-top:.42em;font-size:.3em;line-height:1;vertical-align:baseline;letter-spacing:0}
.gs-sk-placa:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%) 0 0/300% 100% no-repeat;animation:gs-sk-brilho 4.5s ease-in-out infinite}
@keyframes gs-sk-brilho{0%,60%{background-position:0 0}100%{background-position:100% 0}}
.gs-sk-onda-p{position:absolute;inset:0;z-index:-1;border:2px solid var(--sk-l);opacity:0;pointer-events:none}
@media (max-width:640px){.gs-sk-eq{flex-direction:column;gap:14px}.gs-sk-placa{font-size:clamp(64px,20vw,84px)}}
.gs-sk-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:0;
  font:700 11px/1.3 Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--sk-mu)}
.gs-sk-meta i{width:5px;height:5px;background:var(--sk-l);transform:rotate(45deg)}
.gs-sk-meta b{color:var(--sk-l)}
/* entrada: o preco bate e solta a onda; os cartoes caem e assentam */
.gs-sk-entra .gs-sk-placa{animation:gs-sk-bate .65s cubic-bezier(.2,1.3,.4,1) backwards}
.gs-sk-entra .gs-sk-onda-p{animation:gs-sk-onda2 .9s cubic-bezier(.1,.7,.3,1) .28s backwards}
@keyframes gs-sk-bate{0%{transform:scale(1.7) rotate(-3deg);opacity:0}55%{transform:scale(.94);opacity:1}100%{transform:none}}
@keyframes gs-sk-onda2{0%{transform:scale(1);opacity:0}8%{opacity:1}100%{transform:scale(1.9,2.6);opacity:0}}

/* ---------- cartoes ---------- */
.gs-sk-grade{--g:12px;--n:2;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g);max-width:1240px;margin:0 auto;padding:0;list-style:none}
.gs-sk-grade>.gs-sk-card{flex:0 0 calc((100% - (var(--n) - 1) * var(--g)) / var(--n));min-width:0}
@media (min-width:700px){.gs-sk-grade{--n:3}}
@media (min-width:1024px){.gs-sk-grade{--n:4;--g:20px}}
.gs-sk-card{position:relative;transition:transform .28s cubic-bezier(.2,.8,.3,1),filter .28s}
.gs-sk-card:hover{transform:translateY(-6px);filter:drop-shadow(0 16px 26px rgba(255,140,0,.2))}
.gs-sk-borda{--c:16px;height:100%;padding:1px;background:linear-gradient(150deg,#584c4f,#221d1f 32%,#221d1f 68%,#584c4f)}
.gs-sk-card:hover .gs-sk-borda{background:linear-gradient(150deg,var(--sk-l),#3a3133 36%,#3a3133 64%,var(--sk-l))}
.gs-sk-in{--c:15.5px;display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1b1718,#110f0f)}
.gs-sk-espera .gs-sk-card{opacity:0}
.gs-sk-entra .gs-sk-card{animation:gs-sk-cai .6s cubic-bezier(.2,.9,.3,1) backwards;animation-delay:calc(.25s + var(--i,0)*80ms)}
@keyframes gs-sk-cai{0%{opacity:0;transform:translateY(-30px) scale(1.04)}65%{opacity:1;transform:translateY(4px) scale(.99)}100%{transform:none}}
.gs-sk-foto{--c:11px;position:relative;display:block;margin:6px 6px 0;aspect-ratio:1;overflow:hidden;
  background:radial-gradient(circle at 50% 42%,#fff 0,#e6e2e2 80%);clip-path:polygon(var(--c) 0,100% 0,100% 100%,0 100%,0 var(--c))}
.gs-sk-foto img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.8,.3,1)}
.gs-sk-card:hover .gs-sk-foto img{transform:scale(1.07)}
/* produto com 2+ fotos: troca rapida em loop, cada card num tempo, pausa no hover.
   As duas no mesmo quadro e uma some enquanto a outra entra (sem as duas meio transparentes juntas) */
.gs-sk-foto:has(.gs-sk-foto2)>img{position:absolute;inset:0;animation:gs-sk-a 6s linear infinite;animation-delay:calc(var(--i,0)*-.75s)}
.gs-sk-foto:has(.gs-sk-foto2)>img.gs-sk-foto2{opacity:0;animation-name:gs-sk-b}
.gs-sk-card:hover .gs-sk-foto>img{animation-play-state:paused}
@keyframes gs-sk-a{0%,50%{opacity:1}53%,91%{opacity:0}94%,100%{opacity:1}}
@keyframes gs-sk-b{0%,44%{opacity:0}50%,94%{opacity:1}100%{opacity:0}}
.gs-sk-foto:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.6) 50%,transparent 58%) 0 0/300% 100% no-repeat;transition:background-position .8s}
.gs-sk-card:hover .gs-sk-foto:after{background-position:100% 0}
.gs-sk-top{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:#0b0a0a;color:var(--sk-l);
  font:800 9.5px/1 Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.gs-sk-top:before{content:"";width:6px;height:6px;background:var(--sk-l);transform:rotate(45deg);box-shadow:0 0 8px var(--sk-l)}
.gs-sk-off{--c:6px;position:absolute;right:8px;bottom:8px;padding:6px 8px;background:#0b0a0a;color:var(--sk-l);font:900 11px/1 Montserrat,sans-serif}
.gs-sk-corpo{display:flex;flex-direction:column;gap:6px;padding:11px 11px 12px;flex:1}
.gs-sk-nome{font-size:12.5px;line-height:1.3;font-weight:600;color:#e9e5e6;text-decoration:none;
  min-height:2.6em;overflow-wrap:anywhere}
.gs-sk-precos{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.gs-sk-por{padding-right:.06em;font:900 clamp(26px,6.8vw,32px)/1 Montserrat,sans-serif;letter-spacing:-.03em;color:#fff}
.gs-sk-por small{margin-right:2px;font-size:.45em;letter-spacing:0;color:var(--sk-l)}
.gs-sk-de{font-size:12px;color:#7d7477}
.gs-sk-eco{font:800 10px/1.2 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--sk-l)}
.gs-sk-btn{--c:10px;position:relative;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;width:100%;padding:13px 6px;border:0;
  cursor:pointer;text-decoration:none;color:#000;background:linear-gradient(180deg,#ffbb40,var(--sk-l) 50%,var(--sk-l2));
  font:900 clamp(10.5px,2.9vw,12.5px)/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:filter .2s,transform .1s}
.gs-sk-btn svg{flex:0 0 auto;width:15px;height:15px}
.gs-sk-btn:hover{filter:brightness(1.12)}
.gs-sk-btn:active{transform:scale(.97)}
.gs-sk-btn.htmx-request{opacity:.7;pointer-events:none}
.gs-sk-btn.ok{background:#0b0a0a;color:var(--sk-l);box-shadow:inset 0 0 0 1px var(--sk-l)}
@media (max-width:440px){.gs-sk-btn{gap:5px;padding:13px 4px;letter-spacing:.04em;font-size:10.5px}.gs-sk-btn svg{width:13px;height:13px}.gs-sk-nav a{padding:10px 8px;letter-spacing:.04em}.gs-sk-nav a i{display:none}}

/* ---------- efeitos de impacto ---------- */
.gs-sk-impacto{position:fixed;z-index:9999;width:56px;height:56px;margin:-28px 0 0 -28px;border:3px solid var(--sk-l);border-radius:50%;pointer-events:none;
  animation:gs-sk-imp .75s cubic-bezier(.1,.7,.3,1) backwards}
@keyframes gs-sk-imp{from{transform:scale(.15);opacity:1}to{transform:scale(var(--s,3));opacity:0;border-width:1px}}
.gs-sk-lasca{position:fixed;z-index:9999;width:3px;height:14px;margin:-7px 0 0 -1.5px;background:linear-gradient(#fff,var(--sk-l));pointer-events:none;
  transform:rotate(var(--r));animation:gs-sk-lasca .6s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes gs-sk-lasca{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.gs-sk-voa{position:fixed;z-index:9999;pointer-events:none;object-fit:contain;background:#fff;border-radius:10px;box-shadow:0 0 0 2px var(--sk-l),0 10px 30px rgba(0,0,0,.45);
  transition:transform .75s cubic-bezier(.5,-.3,.7,.4),opacity .75s ease-in}
.gs-sk-aviso-cart{--c:12px;position:fixed;left:50%;bottom:86px;z-index:70;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:8px 8px 8px 16px;
  background:#0f0d0d;color:#fff;box-shadow:inset 0 0 0 1px var(--sk-l);font:700 13px/1.2 Montserrat,sans-serif;white-space:nowrap;
  transform:translate(-50%,170%);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),opacity .25s}
.gs-sk-aviso-cart.on{transform:translate(-50%,0);opacity:1}
.gs-sk-aviso-cart span{overflow:hidden;text-overflow:ellipsis}
.gs-sk-aviso-cart button{--c:7px;flex:0 0 auto;padding:11px 14px;border:0;background:var(--sk-l);color:#000;font:900 11px/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
@media (min-width:900px){.gs-sk-aviso-cart{bottom:28px}}

/* ---------- fim ---------- */
.gs-sk-fim{position:relative;padding:40px 16px 60px;text-align:center;border-top:1px solid #1d191a}
.gs-sk-logo--p{font-size:72px;animation:none}
.gs-sk-logo--p .gs-sk-corte{animation:none}
.gs-sk-fim p{margin:6px auto 0;max-width:560px;font-size:13px;line-height:1.5;color:var(--sk-mu)}
.gs-sk-aviso{--c:8px;display:inline-block;margin-top:14px;padding:9px 14px;background:#1a1617;color:var(--sk-l);font-size:12px;font-weight:700}

@media (prefers-reduced-motion:reduce){
  .gs-sk-main *,.gs-sk-main *:before,.gs-sk-main *:after{animation:none!important;transition:none!important}
  .gs-sk-espera .gs-sk-card{opacity:1}
}





@media (min-width:1100px){.gs-sk-contas{grid-template-columns:repeat(6,1fr);max-width:1240px}.gs-sk-conta{padding:18px 14px 16px}}

/* ---------- efeito da conta: soma e multiplicacao (09/10) ---------- */
/* ciclo de 4,5 s: operador age (0-18%), "=" acende (22%), placa bate (26%) */
.gs-sk-conta-eq .o{display:inline-block}
.gs-sk-conta-eq .o-igual{animation:gs-sk-igual 4.5s ease-out infinite}
@keyframes gs-sk-igual{0%,18%,34%,100%{transform:none;text-shadow:0 0 18px rgba(255,163,0,.6)}24%{transform:scale(1.35);text-shadow:0 0 30px #ffa300,0 0 60px rgba(255,140,0,.8)}}
.gs-sk-placa-w{animation:gs-sk-placa-bate 4.5s cubic-bezier(.2,1.4,.4,1) infinite}
@keyframes gs-sk-placa-bate{0%,24%,40%,100%{transform:none}29%{transform:scale(1.08) rotate(-1.5deg)}34%{transform:scale(.98)}}
/* soma: os dois numeros se juntam no "+" e sobe um "+10" */
.gs-sk-soma .n-a{animation:gs-sk-junta-a 4.5s cubic-bezier(.5,0,.3,1) infinite}
.gs-sk-soma .n-b{animation:gs-sk-junta-b 4.5s cubic-bezier(.5,0,.3,1) infinite}
@keyframes gs-sk-junta-a{0%,2%,22%,100%{transform:none}10%,13%{transform:translateX(.18em)}}
@keyframes gs-sk-junta-b{0%,2%,22%,100%{transform:none}10%,13%{transform:translateX(-.18em)}}
.gs-sk-soma .o-soma{position:relative;animation:gs-sk-soma 4.5s cubic-bezier(.3,1.6,.5,1) infinite}
@keyframes gs-sk-soma{0%,6%,24%,100%{transform:none}11%{transform:scale(1.6);text-shadow:0 0 26px #ffa300,0 0 60px rgba(255,140,0,.8)}}
.gs-sk-soma .o-soma:after{content:"+10";position:absolute;left:50%;top:0;font-size:.42em;font-weight:900;color:#fff;white-space:nowrap;
  text-shadow:0 0 12px rgba(255,163,0,.9);opacity:0;transform:translate(-50%,0);animation:gs-sk-sobe 4.5s ease-out infinite}
@keyframes gs-sk-sobe{0%,10%{opacity:0;transform:translate(-50%,0)}14%{opacity:1}30%,100%{opacity:0;transform:translate(-50%,-1.6em)}}
/* multiplicacao: o "×" gira e o numero abre copias em leque */
.gs-sk-mult .o-mult{animation:gs-sk-gira-x 4.5s cubic-bezier(.4,0,.2,1) infinite}
@keyframes gs-sk-gira-x{0%,2%{transform:none}14%{transform:rotate(180deg) scale(1.45);text-shadow:0 0 26px #ffa300,0 0 60px rgba(255,140,0,.8)}22%,100%{transform:rotate(180deg)}}
.gs-sk-mult .n-w{position:relative;display:inline-block}
.gs-sk-mult .n-w>.n:first-child{position:relative;z-index:6}
.gs-sk-mult .eco{position:absolute;left:0;top:0;z-index:calc(6 - var(--j));opacity:0;pointer-events:none;animation:gs-sk-leque 4.5s cubic-bezier(.2,.8,.3,1) infinite}
@keyframes gs-sk-leque{0%,4%{opacity:0;transform:none}12%,15%{opacity:calc(1 - var(--j) * .14);transform:translate(calc(var(--j) * .1em),calc(var(--j) * -.1em))}22%,100%{opacity:0;transform:none}}
/* placas de nivel do hero */
.gs-sk-conta em .op{display:inline-block;font-style:normal;-webkit-text-fill-color:var(--sk-l);color:var(--sk-l)}
.gs-sk-conta em .op-s{animation:gs-sk-soma 4.5s cubic-bezier(.3,1.6,.5,1) infinite}
.gs-sk-conta em .op-m{animation:gs-sk-gira-x2 4.5s cubic-bezier(.4,0,.2,1) infinite}
@keyframes gs-sk-gira-x2{0%,2%{transform:none}14%{transform:rotate(180deg) scale(1.35)}22%,100%{transform:rotate(180deg)}}
.gs-sk-conta:nth-child(3) em .op{animation-delay:.3s}.gs-sk-conta:nth-child(4) em .op{animation-delay:.6s}
.gs-sk-conta:nth-child(5) em .op{animation-delay:.9s}.gs-sk-conta:nth-child(6) em .op{animation-delay:1.2s}
.gs-sk-cupom[hidden],.gs-sk-fixo[hidden]{display:none!important}