/* Base comum — Euriler Jubé · páginas de produto
   Fontes e tokens da marca: arka1/.agents/skills/euriler-jube-design (escuro) e euriler-gelo-design (claro). */
@font-face{font-family:"Clash Display";src:url("/assets/fonts/ClashDisplay-Extralight.woff2") format("woff2");font-weight:200;font-display:swap}
@font-face{font-family:"Clash Display";src:url("/assets/fonts/ClashDisplay-Light.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Clash Display";src:url("/assets/fonts/ClashDisplay-Regular-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Clash Display";src:url("/assets/fonts/ClashDisplay-Medium-latin.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Clash Display";src:url("/assets/fonts/ClashDisplay-Semibold-latin.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("/assets/fonts/SpaceGrotesk-Regular-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("/assets/fonts/SpaceGrotesk-Medium-latin.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("/assets/fonts/SpaceGrotesk-SemiBold-latin.woff2") format("woff2");font-weight:600;font-display:swap}

:root{
  --display:"Clash Display",ui-sans-serif,system-ui,sans-serif;
  --body:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;
  --ease-emerge:cubic-bezier(.16,1,.3,1);
  --wrap:1200px;
  --gutter:clamp(20px,4vw,56px);
  --section:clamp(80px,11vw,148px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,picture,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.04;letter-spacing:-.02em;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:#fff;color:#0B1422;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}
.eyebrow{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:54px;padding:0 28px;border-radius:999px;font-family:var(--body);font-weight:600;font-size:16px;text-decoration:none;transition:transform .18s var(--ease-emerge),box-shadow .18s var(--ease-emerge),background-color .18s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:scale(.985)}
.btn .arr{transition:transform .18s var(--ease-emerge)}
.btn:hover .arr{transform:translateX(3px)}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease-emerge),transform .9s var(--ease-emerge)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.btn,.btn .arr{transition:none}}
/* rodapé comum */
.site-foot{padding:48px 0 56px;font-size:14px}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center}
.site-foot nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.site-foot a{text-decoration:none;opacity:.85}
.site-foot a:hover{opacity:1;text-decoration:underline}