:root{
  --rosa:#F745AB;--rosa-txt:#B5136F;--rosa-claro:#FFD6EC;--ardosia:#2C3547;--tinta:#161B26;--creme:#F8F3EE;--creme2:#EFE6DC;
  --f-tit:"Bricolage Grotesque",system-ui,sans-serif;--f-txt:"Onest",system-ui,sans-serif;
  --mola:cubic-bezier(.34,1.5,.64,1);--saida:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0}
body{background:var(--creme);color:var(--ardosia);font:400 17px/1.55 var(--f-txt);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--ardosia);outline-offset:3px;border-radius:6px}
.pular{position:absolute;left:-999px;top:8px;background:var(--ardosia);color:var(--creme);padding:10px 14px;z-index:9}
.pular:focus{left:8px}
.wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
h1,h2,h3{font-family:var(--f-tit);color:var(--tinta);letter-spacing:-.03em;line-height:.95}
h2{font-size:clamp(2.4rem,1.2rem + 4.6vw,5.4rem);font-weight:800}
.chapeu{font:700 14px/1 var(--f-txt);letter-spacing:.04em;text-transform:uppercase;color:var(--rosa-txt);margin-bottom:14px}

.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px}
.marca{display:inline-flex;align-items:center;min-height:44px;font:800 32px/1 var(--f-tit);letter-spacing:-.05em;text-decoration:none;color:var(--tinta)}
.marca span{color:var(--rosa-txt)}
.topo ul{display:flex;align-items:center;gap:2px;list-style:none;padding:0;flex-wrap:wrap}
.topo nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px}
.topo nav a:hover{background:var(--rosa-claro)}
.topo nav a[aria-current]{background:var(--ardosia);color:var(--creme)}

.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;border:2px solid var(--tinta);background:var(--tinta);color:var(--creme);font:700 17px/1 var(--f-txt);text-decoration:none;cursor:pointer;transition:transform .18s var(--mola),background .16s}
.btn:hover{transform:translateY(-3px) rotate(-1.5deg)}
.btn.rosa{background:var(--rosa);color:var(--tinta);border-color:var(--rosa)}
.btn.vazado{background:transparent;color:var(--tinta)}

.rodape{background:var(--tinta);color:#D9DCE3;padding-block:40px;font-size:14px}
.rodape a{color:#fff3f9}
.rodape p+p{margin-top:10px}
@media (max-width:640px){.topo{flex-wrap:wrap}.topo nav a{padding:0 9px;font-size:14px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}