@font-face{font-family:"Fugaz One";src:url("/fonts/fugazone-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("/fonts/plusjakarta-latin.woff2") format("woff2 supports variations"),url("/fonts/plusjakarta-latin.woff2") format("woff2-variations");font-weight:200 800;font-style:normal;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#04180c;color:#f3ffe8;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:18px;line-height:1.55}
body{background:#04180c;min-width:320px}
img{max-width:100%;height:auto;display:block}
a{color:#ffe14a;text-decoration:none}
a:hover{color:#c8ff4a}
:focus-visible{outline:3px solid #c8ff4a;outline-offset:3px}

/* ===== HEADER ===== */
.festa-top{position:relative;z-index:40;background:linear-gradient(180deg,#06240f 0%,#04180c 100%);border-bottom:2px solid #e8b423;min-height:56px}
.festa-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:6px 14px;height:56px;overflow:hidden}
.brand-combo{display:flex;align-items:center;gap:8px;flex-shrink:0}
.brand-combo img{width:40px;height:40px;border-radius:10px;border:2px solid #ffd24a;background:#0a8a30}
.brand-badge{font-family:"Fugaz One",sans-serif;font-size:22px;line-height:1;color:#04180c;background:linear-gradient(180deg,#fff0a8,#ffd24a 55%,#d4a017);border-radius:999px;padding:8px 14px;border:2px solid #7a4e00;letter-spacing:.01em}
.nav-pills{display:flex;flex-wrap:nowrap;gap:6px;flex:1;justify-content:center;overflow:hidden}
.nav-pills a{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 11px;border-radius:999px;background:#0b2a14;border:1px solid #1f6b32;color:#eaffd4;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.nav-pills a[aria-current="page"],.nav-pills a:hover{background:#146328;border-color:#ffd24a;color:#fff8c8}
.cta-lime{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font-family:"Fugaz One",sans-serif;font-size:16px;letter-spacing:.03em;color:#142406;background:linear-gradient(180deg,#f6ff6a 0%,#c6ff28 40%,#8fd80a 100%);border:2px solid #163800;box-shadow:0 3px 0 #163800,0 0 16px rgba(180,255,40,.35);text-decoration:none}
.cta-lime:hover{color:#142406;filter:brightness(1.06)}
.cta-on-deck{min-height:62px;padding:0 28px;font-size:28px;box-shadow:0 5px 0 #163800,0 0 22px rgba(180,255,40,.45)}

/* ===== HOME PLAYFIELD 1280x800 ===== */
.shape-stage{position:relative;width:100%;max-width:1280px;margin:0 auto;height:744px;background:#04180c;overflow:hidden}
.deck-scene{position:absolute;inset:0;background:#04180c url("/img/lobby-shape-deck.webp?v=3") no-repeat 0 0 / 1280px 744px}
/* the bg image includes a painted header; we shift it up by 56px so the board fills under our real header, and we crop the painted header away */
.nose-crest{position:absolute;left:58px;top:128px;width:430px;z-index:8;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.logo-plate{width:200px;height:200px;border-radius:28px;background:radial-gradient(circle at 40% 30%,#6b1218,#3a0a0d 70%);border:6px solid #e8b423;box-shadow:0 0 0 3px #7a4e00,0 8px 24px rgba(0,0,0,.55),0 0 28px rgba(255,200,40,.3);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}
.logo-plate img{width:176px;height:176px;object-fit:contain;border-radius:22px}
.crest-h1{font-family:"Fugaz One",sans-serif;font-size:84px;line-height:.88;color:#ffe34d;paint-order:stroke fill;-webkit-text-stroke:6px #06180a;text-shadow:0 4px 0 #041208,2px 6px 0 #041208,0 0 20px rgba(255,210,40,.5);letter-spacing:-.02em;margin-top:-18px;max-width:430px}
.sash-indep{display:inline-block;background:linear-gradient(180deg,#fff8e0,#f0d48a);color:#3a1208;font-weight:800;font-size:16px;letter-spacing:.02em;padding:6px 22px;border-radius:4px 12px 4px 12px;transform:rotate(-4deg);box-shadow:0 3px 0 #7a4e00;margin:4px 0 6px 24px}
.sticker-deck{position:absolute;inset:0;z-index:6;pointer-events:none}
.sticker-deck a{pointer-events:auto;position:absolute;display:block;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 3px #c9a227;background:#1a1204}
.sticker-deck a img{width:100%;height:100%;object-fit:cover}
.tile-plaque{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(8,20,8,0),rgba(6,16,8,.92) 30%,#061408 100%);color:#ffe9a0;font-weight:800;font-size:16px;line-height:1.15;text-align:center;padding:18px 6px 7px;text-shadow:0 1px 2px #000}
.badge-hot,.badge-novo{position:absolute;top:6px;right:6px;font-weight:800;font-size:11px;letter-spacing:.06em;padding:3px 8px;border-radius:6px;color:#fff;z-index:2}
.badge-hot{background:#e31c23;box-shadow:0 0 8px rgba(227,28,35,.7)}
.badge-novo{background:#128a32;box-shadow:0 0 8px rgba(18,138,50,.7)}
/* irregular sticker positions on the 1280x744 stage (header 56 + 744 = 800) */
.t-tigre{left:428px;top:142px;width:132px;height:132px;transform:rotate(-8deg)}
.t-bandeira{left:578px;top:92px;width:142px;height:142px;transform:rotate(6deg)}
.t-colete{left:772px;top:172px;width:128px;height:128px;transform:rotate(8deg)}
.t-coelho{left:478px;top:272px;width:128px;height:128px;transform:rotate(-4deg)}
.t-lixa{left:618px;top:242px;width:128px;height:128px;transform:rotate(3deg)}
.t-giro{left:452px;top:402px;width:132px;height:132px;transform:rotate(-6deg)}
.t-salto{left:608px;top:376px;width:134px;height:134px;transform:rotate(5deg)}
.t-roda{left:752px;top:312px;width:130px;height:130px;transform:rotate(-3deg)}
.tail-stickers{position:absolute;inset:0;z-index:7;pointer-events:none}
.tail-stickers a{pointer-events:auto;position:absolute;display:block;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.5),0 0 0 3px #c9a227;background:#1a1204}
.tail-stickers a img{width:100%;height:100%;object-fit:cover;object-position:center}
.p-promos{left:968px;top:32px;width:250px;height:112px;transform:rotate(7deg)}
.p-pix{left:988px;top:148px;width:250px;height:104px;transform:rotate(4deg)}
.p-app{left:1008px;top:256px;width:240px;height:104px;transform:rotate(6deg)}

/* ===== BELOW FOLD ===== */
.ticker{background:#0a2e14;border-top:1px solid #e8b423;border-bottom:1px solid #1f6b32;color:#ffe9a0;font-weight:700;font-size:14px;padding:8px 0;overflow:hidden;white-space:nowrap}
.ticker b{color:#c8ff4a}
.below{max-width:1120px;margin:0 auto;padding:36px 20px 64px}
.sec{margin:0 0 48px}
.sec h2{font-family:"Fugaz One",sans-serif;font-size:36px;color:#ffe34d;paint-order:stroke fill;-webkit-text-stroke:3px #06180a;letter-spacing:.01em;line-height:1.15;margin:0 0 14px}
.sec p,.sec li{color:#e6f5d8;margin:0 0 12px}
.sec ul{padding-left:1.2em}
.verificar{display:inline-block;background:#5a2208;color:#ffd2a0;font-weight:800;font-size:12px;letter-spacing:.04em;padding:1px 8px;border-radius:6px;vertical-align:middle}
.note{font-size:14px;color:#b8c9a8}
.disc{font-size:13px;color:#c9d8b8;margin-top:8px}
.cta-row{margin:16px 0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.game-chip{width:160px;border-radius:12px;overflow:hidden;border:3px solid #c9a227;background:#0b2a14;color:#ffe9a0;font-weight:800;font-size:14px;text-align:center}
.game-chip img{width:160px;height:160px;object-fit:cover}
.game-chip span{display:block;padding:8px 6px 10px}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.plate-card{background:#0b2a14;border:2px solid #1f6b32;border-radius:18px;padding:18px}
.plate-card img.pub-logo{width:160px;height:160px;border-radius:20px;border:3px solid #ffd24a;margin:0 auto 10px}

/* inner pages: lixa inspection sheet, not the home skateboard */
.page-wrap{max-width:1080px;margin:0 auto;padding:28px 20px 72px}
.lixa-hero{position:relative;border-radius:22px;overflow:hidden;min-height:280px;margin:0 0 28px;border:3px solid #c9a227;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.lixa-hero img.cover{width:100%;height:280px;object-fit:cover;filter:brightness(.55)}
.lixa-hero .lixa-copy{position:absolute;left:28px;right:28px;bottom:22px}
.lixa-hero h1{font-family:"Fugaz One",sans-serif;font-size:46px;line-height:1.05;color:#ffe34d;paint-order:stroke fill;-webkit-text-stroke:4px #06180a;text-shadow:0 3px 0 #041208;max-width:900px}
.crumb{font-size:13px;color:#c9d8b8;margin:0 0 10px}
.lixa-sheet{background:linear-gradient(180deg,#0d3318,#082210);border:2px solid #1f6b32;border-left:10px solid #e8b423;border-radius:4px 16px 16px 4px;padding:28px 28px 20px;margin:0 0 28px;box-shadow:inset 0 1px 0 rgba(255,255,200,.08)}
.lixa-sheet h2{font-family:"Fugaz One",sans-serif;font-size:28px;color:#ffe34d;-webkit-text-stroke:2px #06180a;paint-order:stroke fill;margin:0 0 12px}
.stamp-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.stamp{border:2px dashed #c8ff4a;color:#c8ff4a;font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:6px;transform:rotate(-2deg)}
.stamp.warm{border-color:#ff8a3a;color:#ffb080}
figcaption{font-size:13px;color:#b8c9a8;margin-top:8px}

/* reviews hub */
.hub-intro{margin:0 0 24px}
.full-reviews{display:flex;flex-direction:column;gap:16px;margin:0 0 36px}
.inspecao{display:grid;grid-template-columns:160px 1fr auto;gap:16px;align-items:center;background:#0b2a14;border:2px solid #1f6b32;border-radius:16px;padding:14px}
.inspecao img.cover-sm{width:160px;height:84px;object-fit:cover;border-radius:8px;border:2px solid #c9a227}
.inspecao h2{font-size:20px;color:#ffe34d;margin:0 0 4px;font-family:"Fugaz One",sans-serif;-webkit-text-stroke:0;text-shadow:none}
.inspecao .logo-mini{width:56px;height:56px;border-radius:10px;border:2px solid #ffd24a;object-fit:contain;background:#06240f}
.hub-grid{display:flex;flex-wrap:wrap;gap:8px}
.hub-chip{background:#0b2a14;border:1px solid #1f6b32;border-radius:8px;padding:6px 10px;color:#e6f5d8;font-size:13px;font-weight:650}
.hub-chip.is-full{border-color:#ffd24a;color:#ffe34d;font-weight:800}

/* footer */
.rodape{background:#021009;border-top:3px solid #e8b423;padding:28px 20px 40px;color:#c9d8b8;font-size:14px}
.rodape-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.rodape nav{display:flex;flex-wrap:wrap;gap:10px 16px}
.rodape a{color:#ffe9a0}
.idade{font-weight:800;color:#ffd24a}

@media (max-width:1280px){
  .shape-stage{max-width:100%;height:calc((100vw * 744 / 1280));}
  .deck-scene{background-size:100% auto;background-position:0 0}
  .nose-crest{transform-origin:top left;transform:scale(calc(100vw / 1280));left:calc(58 * 100vw / 1280);top:calc(128 * 100vw / 1280)}
  .sticker-deck a,.tail-stickers a{transform-origin:top left}
}
@media (max-width:840px){
  .festa-inner{flex-wrap:wrap;height:auto;overflow:visible;min-height:56px}
  .nav-pills{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap;overflow:visible}
  .shape-stage{height:auto;min-height:0}
  .deck-scene{position:relative;background:radial-gradient(circle at 20% 10%,#0b3a18,#04180c 60%);padding:16px 12px 28px;display:flex;flex-direction:column;gap:16px}
  .nose-crest{position:relative;left:auto;top:auto;width:100%;transform:none;align-items:center;text-align:center}
  .crest-h1{font-size:64px;-webkit-text-stroke:5px #06180a;text-align:center;max-width:100%}
  .sash-indep{margin-left:0}
  .sticker-deck{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:6px}
  .sticker-deck a{position:relative;left:auto;top:auto;width:46%;height:auto;aspect-ratio:1;transform:rotate(-2deg)}
  .sticker-deck a:nth-child(even){transform:rotate(3deg)}
  .tail-stickers{position:relative;inset:auto;display:flex;flex-direction:column;gap:10px;align-items:center}
  .tail-stickers a{position:relative;left:auto;top:auto;width:min(320px,92%);height:120px;transform:none}
  .two-col,.inspecao,.rodape-inner{grid-template-columns:1fr}
  .lixa-hero h1{font-size:32px;-webkit-text-stroke:3px #06180a}
  .cta-on-deck{font-size:22px}
}

.shape-stage .disc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}