/* Layout: zine de adesivos. Faixas largas na cor do logo, recortes com contorno branco
   e sombra deslocada, leve rotação; conteúdo em coluna única de ~70ch com grades que viram 1 coluna no celular. */
:root{
  --brand:#7E1F66;        /* magenta do fundo do logo, igual nos dois temas */
  --brand-deep:#5A1449;
  --on-brand:#FFF3FA;
  --peach:#F3B08C;        /* "a luta" */
  --mauve:#A46184;        /* "DELAS" */
  --paper:#F8EFF5;
  --paper-2:#F0DFEB;
  --card:#FFFFFF;
  --ink:#2B0F26;
  --ink-soft:#6E4B66;
  --line:#E2C9DA;
  --accent:#9A2B7C;       /* links e destaques sobre o papel */
  --shadow:#2B0F26;
  --f-display:"Bagel Fat One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
  --f-body:"Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-hand:"Caveat", "Comic Sans MS", cursive;
  --f-mono:"DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --s-1:.875rem; --s0:1.0625rem; --s1:1.3rem; --s2:1.7rem; --s3:clamp(2rem,4.6vw,3rem); --s4:clamp(2.6rem,7.4vw,5.4rem);
  --r:18px;
  --gut:clamp(16px,4vw,40px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#1C0918; --paper-2:#281024; --card:#2F1429; --ink:#F8E9F2; --ink-soft:#CDAEC3;
    --line:#4A2442; --accent:#EE9AD3; --shadow:#000000; --brand-deep:#3E0D32; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#1C0918; --paper-2:#281024; --card:#2F1429; --ink:#F8E9F2; --ink-soft:#CDAEC3;
  --line:#4A2442; --accent:#EE9AD3; --shadow:#000000; --brand-deep:#3E0D32; color-scheme:dark;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--f-body); font-size:var(--s0); line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--peach);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.02;letter-spacing:.005em;text-wrap:balance;margin:0}
p{margin:0}
.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:var(--gut)}
.eyebrow{font-family:var(--f-mono);font-size:var(--s-1);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.hand{font-family:var(--f-hand);font-weight:700}

/* ---------- Topo ---------- */
.top{
  position:sticky; top:env(safe-area-inset-top,0px); z-index:20;
  background:color-mix(in srgb,var(--paper) 88%,transparent);
  backdrop-filter:saturate(1.4) blur(10px); -webkit-backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--line);
}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:64px}
.brandlink{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--f-display);font-size:1.25rem}
.brandlink img{width:52px;transform:rotate(-6deg)}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;padding:8px 12px;border-radius:999px}
.nav a:hover{background:var(--paper-2)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:700 1rem/1 var(--f-body);text-decoration:none;cursor:pointer;
  padding:14px 22px;border-radius:999px;border:2.5px solid var(--ink);
  background:var(--peach);color:#2B0F26;box-shadow:4px 4px 0 var(--shadow);
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}
.btn.ghost{background:var(--card);color:var(--ink)}
.btn.sm{padding:10px 16px;font-size:.9rem;box-shadow:3px 3px 0 var(--shadow)}
.menu-btn{display:none;margin-left:auto;background:none;border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:8px 14px;font:700 .9rem var(--f-body);cursor:pointer}
@media (max-width:900px){
  .menu-btn{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;
       background:var(--paper);border-bottom:1px solid var(--line);padding:8px var(--gut) 16px;margin:0}
  .nav a{padding:12px 4px;border-radius:0;border-bottom:1px solid var(--line)}
  .nav .btn{margin-top:12px;border-bottom:2.5px solid var(--ink)}
  .top:not(.open) .nav{display:none}
}

/* ---------- Hero ---------- */
.hero{
  background:var(--brand); color:var(--on-brand); position:relative; overflow:hidden;
  background-image:
    radial-gradient(circle at 85% 20%, rgba(243,176,140,.22), transparent 45%),
    radial-gradient(circle at 10% 90%, rgba(0,0,0,.25), transparent 50%);
}
.hero::after{ /* granulado de papel, igual à textura do logo */
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,64px);align-items:center;padding-block:clamp(48px,8vw,104px) clamp(56px,8vw,96px)}
.hero .eyebrow{color:#F6C9E6}
.hero h1{font-size:var(--s4);margin-top:14px}
.hero h1 .pe{color:var(--peach)}
.hero h1 .ve{display:inline-block;position:relative}
.hero h1 .ve::after{ /* sublinhado de marca-texto */
  content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.2em;background:var(--peach);opacity:.55;border-radius:99px;z-index:-1;transform:rotate(-1.5deg)
}
.hero .lede{font-size:var(--s1);max-width:34ch;margin-top:22px;color:#FBE3F2}
.hero .cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero .btn.ghost{background:transparent;color:var(--on-brand);border-color:var(--on-brand);box-shadow:4px 4px 0 var(--brand-deep)}
.hero .btn{box-shadow:4px 4px 0 var(--brand-deep);border-color:#2B0F26}
.stats{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:36px;font-family:var(--f-mono);font-size:var(--s-1);color:#F6C9E6;font-variant-numeric:tabular-nums}
.stats b{display:block;font-family:var(--f-display);font-weight:400;font-size:1.9rem;color:var(--on-brand);letter-spacing:0}
.hero-art{position:relative;justify-self:center;width:min(100%,460px);display:grid}
.hero-art img{filter:drop-shadow(10px 14px 0 rgba(40,6,32,.45));transform:rotate(-4deg);animation:float 6s ease-in-out infinite}
.hero-art .note{
  position:relative;justify-self:end;margin:-6px -8px 0 0;background:var(--card);color:var(--ink);
  font-family:var(--f-hand);font-size:1.45rem;line-height:1.1;padding:10px 16px;border-radius:12px;
  transform:rotate(5deg);box-shadow:4px 4px 0 var(--brand-deep);border:2.5px solid #2B0F26;max-width:220px
}
@keyframes float{50%{transform:rotate(-2deg) translateY(-8px)}}
@media (prefers-reduced-motion: reduce){.hero-art img{animation:none}}
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr}
  .hero-art{order:-1;width:min(78%,340px)}
  .hero-art .note{font-size:1.15rem;margin-right:0}
  .hero .wrap{gap:20px}
}

/* ---------- Faixa rolante ---------- */
.ticker{background:var(--peach);color:#2B0F26;border-block:2.5px solid #2B0F26;overflow:hidden;white-space:nowrap}
.ticker .track{display:inline-flex;gap:28px;padding-block:12px;animation:roll 38s linear infinite;font-family:var(--f-display);font-size:1.35rem}
.ticker span::after{content:"✦";margin-left:28px;color:var(--brand)}
@keyframes roll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.ticker .track{animation:none}}

/* ---------- Seções ---------- */
section{scroll-margin-top:72px}
.sec{padding-block:clamp(64px,9vw,112px)}
.sec-head{display:grid;gap:14px;max-width:60ch;margin-bottom:clamp(32px,5vw,52px)}
.sec-head h2{font-size:var(--s3)}
.sec-head p{color:var(--ink-soft);font-size:1.1rem}

/* Manifesto */
.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.manifesto .big{font-family:var(--f-display);font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.12;text-wrap:balance}
.manifesto .big em{font-style:normal;color:var(--accent)}
.manifesto .txt{display:grid;gap:16px;color:var(--ink-soft);max-width:60ch}
.manifesto .txt strong{color:var(--ink)}
.pillars{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.pill{font-family:var(--f-mono);font-size:.85rem;padding:7px 14px;border-radius:999px;border:2px solid var(--ink);background:var(--card);color:var(--ink)}
.pill:nth-child(1){background:var(--peach);color:#2B0F26}
.pill:nth-child(3){background:var(--mauve);color:#fff;border-color:var(--mauve)}
@media (max-width:760px){.manifesto{grid-template-columns:1fr}}

/* Pautas: adesivos */
.pautas{background:var(--paper-2)}
.stickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,30px)}
.stk{
  background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r);padding:26px 24px 24px;
  box-shadow:6px 6px 0 var(--shadow);display:grid;gap:12px;align-content:start;min-width:0;
  transition:transform .2s ease;
}
.stk:nth-child(3n+1){transform:rotate(-.8deg)}
.stk:nth-child(3n+2){transform:rotate(.6deg)}
.stk:nth-child(3n){transform:rotate(-.3deg)}
.stk:hover{transform:rotate(0) translateY(-4px)}
@media (prefers-reduced-motion: reduce){.stk,.stk:hover{transform:none}}
.stk .tag{justify-self:start;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--peach);color:#2B0F26}
.stk:nth-child(even) .tag{background:var(--mauve);color:#fff}
.stk h3{font-size:1.55rem}
.stk p{color:var(--ink-soft);font-size:.98rem}
.stk .ref{font-family:var(--f-mono);font-size:.78rem;color:var(--ink-soft);border-top:1.5px dashed var(--line);padding-top:10px;margin-top:4px}
@media (max-width:960px){.stickers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.stickers{grid-template-columns:1fr}}

/* Números */
.numeros{background:var(--brand);color:var(--on-brand);position:relative;overflow:hidden}
.numeros .eyebrow{color:#F6C9E6}
.numeros .sec-head p{color:#FBE3F2}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid rgba(255,243,250,.35)}
.num{padding:26px 22px 4px 0;display:grid;gap:10px;align-content:start;min-width:0}
.num + .num{padding-left:22px;border-left:2px solid rgba(255,243,250,.2)}
.num b{font-family:var(--f-display);font-weight:400;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:var(--peach);font-variant-numeric:tabular-nums}
.num p{font-size:.98rem;color:#FBE3F2}
.num small{font-family:var(--f-mono);font-size:.74rem;color:#E9B6D8;letter-spacing:.02em}
@media (max-width:900px){.nums{grid-template-columns:repeat(2,minmax(0,1fr))}.num:nth-child(3){padding-left:0;border-left:0}.num:nth-child(n+3){border-top:2px solid rgba(255,243,250,.2)}}
@media (max-width:520px){.nums{grid-template-columns:1fr}.num,.num + .num{padding-left:0;border-left:0}.num + .num{border-top:2px solid rgba(255,243,250,.2)}}
.numeros .closing{margin-top:40px;font-family:var(--f-hand);font-size:1.8rem;color:var(--peach)}

/* Cursos & ebooks */
.loja{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,28px)}
.prod{display:grid;grid-template-rows:auto 1fr;border:2.5px solid var(--ink);border-radius:var(--r);overflow:hidden;background:var(--card);box-shadow:6px 6px 0 var(--shadow);min-width:0}
.cover{aspect-ratio:4/3;max-width:100%;position:relative;display:grid;place-items:center;padding:20px;border-bottom:2.5px solid var(--ink);overflow:hidden}
.cover.c1{background:var(--peach)}
.cover.c2{background:var(--mauve)}
.cover.c3{background:var(--brand)}
.cover .bk{
  width:58%;aspect-ratio:3/4;border-radius:6px 12px 12px 6px;background:var(--card);border:2.5px solid #2B0F26;
  box-shadow:8px 8px 0 rgba(43,15,38,.85);display:grid;align-content:space-between;padding:14px;transform:rotate(-5deg);color:var(--ink)
}
.cover.c2 .bk{transform:rotate(4deg)}
.cover .bk span{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.cover .bk strong{font-family:var(--f-display);font-weight:400;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.05}
.cover .badge{z-index:2;position:absolute;top:14px;left:14px;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:#2B0F26;color:#FFF3FA;padding:5px 10px;border-radius:999px}
.prod .body{padding:22px;display:grid;gap:10px;align-content:start}
.prod .kind{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.prod h3{font-size:1.4rem}
.prod p{color:var(--ink-soft);font-size:.96rem}
.prod ul{margin:4px 0 0;padding-left:1.1em;color:var(--ink-soft);font-size:.93rem;display:grid;gap:4px}
@media (max-width:960px){.loja{grid-template-columns:repeat(2,minmax(0,1fr))}.prod:last-child{grid-column:1/-1}}
@media (max-width:600px){.loja{grid-template-columns:1fr}.prod:last-child{grid-column:auto}}
.espera{margin-top:clamp(32px,5vw,48px);display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;padding:24px 28px;border-radius:var(--r);background:var(--paper-2);border:2px dashed var(--mauve)}
.espera p{max-width:52ch}
.espera .hand{font-size:1.6rem;color:var(--accent);display:block;line-height:1.1;margin-bottom:4px}

/* Rede de apoio */
.apoio{background:var(--paper-2)}
.apoio-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:start}
.lines{display:grid;gap:14px}
.line{display:grid;grid-template-columns:auto 1fr auto;gap:6px 18px;align-items:center;padding:18px 20px;background:var(--card);border:2.5px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--shadow);min-width:0}
.line .n{font-family:var(--f-display);font-size:2.2rem;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;min-width:2.6ch}
.line h3{font-family:var(--f-body);font-weight:700;font-size:1.05rem;line-height:1.3}
.line p{color:var(--ink-soft);font-size:.92rem}
.line .copy{font:600 .82rem var(--f-mono);background:none;border:2px solid var(--line);color:var(--ink);border-radius:999px;padding:7px 12px;cursor:pointer;white-space:nowrap}
.line .copy:hover{border-color:var(--ink)}
@media (max-width:520px){.line{grid-template-columns:auto 1fr}.line .copy{grid-column:1/-1;justify-self:start}}
.leis{display:grid;gap:0;border-left:3px solid var(--peach);padding-left:22px}
.lei{padding-block:14px;border-bottom:1.5px dashed var(--line);display:grid;gap:4px}
.lei:last-child{border-bottom:0}
.lei .y{font-family:var(--f-mono);font-size:.8rem;color:var(--accent);font-variant-numeric:tabular-nums}
.lei b{font-weight:700}
.lei span{color:var(--ink-soft);font-size:.95rem}
@media (max-width:860px){.apoio-grid{grid-template-columns:1fr}}

/* Parcerias / fecho */
.fecho{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.fecho img{width:clamp(160px,24vw,260px);transform:rotate(6deg);filter:drop-shadow(6px 8px 0 var(--shadow))}
.fecho h2{font-size:var(--s3)}
.fecho p{color:var(--ink-soft);margin-top:14px;max-width:52ch;font-size:1.1rem}
.fecho .cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
@media (max-width:700px){.fecho{grid-template-columns:1fr}.fecho img{width:170px}}

footer{background:var(--brand-deep);color:#F6C9E6;padding-block:36px}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;font-size:.92rem}
footer a{color:var(--on-brand)}
footer .links{display:flex;flex-wrap:wrap;gap:8px 20px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;font-weight:600;font-size:.92rem;z-index:50}