/* Gueulat Israel v2 — layout: textura leve, containers, ritmo, grids, funil. */
.site{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-cream);
  background-image:url("../img/paper.png"),
    radial-gradient(150% 100% at 50% -8%, rgba(255,251,242,.7), transparent 50%),
    linear-gradient(180deg,var(--color-cream),var(--color-cream-edge));
  background-size:200px 200px,auto,auto;}   /* textura no scroll (sem fixed/blend: barato em Android) */
main{display:block;}

.container{max-width:1180px;margin:0 auto;padding:0 var(--space-6);}
.container--mid{max-width:1000px;margin:0 auto;padding:0 var(--space-6);}
.container--narrow{max-width:800px;margin:0 auto;padding:0 var(--space-6);}
.container--form{max-width:720px;margin:0 auto;padding:0 var(--space-6);}
.container--tight{max-width:580px;margin:0 auto;padding:0 var(--space-6);}

.section{position:relative;padding:var(--space-16) 0;}
.section--surface{background:var(--color-surface);box-shadow:inset 0 1px 0 var(--color-line),inset 0 -1px 0 var(--color-line);}
.section--tight{padding:var(--space-12) 0;}
@media (max-width:820px){.section{padding:var(--space-12) 0;}
  .container,.container--mid,.container--narrow,.container--form,.container--tight{padding:0 var(--space-4);}}

.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-earth-soft);
  font-size:var(--size-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--space-4);}
.page-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.3rem,5.4vw,3.4rem);
  margin:0 0 var(--space-4);letter-spacing:-.02em;}
.h2{font-size:clamp(1.9rem,4vw,2.7rem);letter-spacing:-.015em;}
.lede{color:var(--color-earth-soft);max-width:64ch;font-size:var(--size-lg);line-height:1.5;}
@media (max-width:820px){.lede{font-size:var(--size-base);}}

.grid{display:grid;gap:var(--space-4);}
.grid--2{grid-template-columns:repeat(2,1fr);}
.grid--3{grid-template-columns:repeat(3,1fr);}
.grid--4{grid-template-columns:repeat(4,1fr);}
.grid--auto{grid-template-columns:1.05fr .95fr;align-items:center;gap:var(--space-12);}
@media (max-width:1080px){.grid--4{grid-template-columns:repeat(2,1fr);}.grid--3,.grid--auto{grid-template-columns:1fr;}}
@media (max-width:820px){.grid--2,.grid--4{grid-template-columns:1fr;}}
.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;}
.row--center{justify-content:center;}
.stack{display:flex;flex-direction:column;gap:var(--space-2);}
.center{text-align:center;}

/* Banda escura de secao. NUNCA combinar com .card — use .card--band. */
.band{background:var(--color-earth);color:var(--color-cream);position:relative;}
.band::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:.6;}
.band .eyebrow,.band .gold{color:var(--color-gold);}
.band .lede{color:rgba(252,235,209,.82);}
.band a{color:var(--color-cream);}
.band a:hover{color:var(--color-gold);}
.divider{border:none;border-top:1px solid var(--color-line);margin:var(--space-8) 0;}

/* Funil de proximo passo — fecha toda pagina (conhecer -> participar -> contribuir). */
.next{background:var(--color-earth);color:var(--color-cream);padding:var(--space-12) 0;position:relative;}
.next::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:.6;}
.next__title{font-family:var(--font-display);font-size:var(--size-2xl);font-weight:700;margin:0 0 var(--space-2);}
.next__sub{color:rgba(252,235,209,.75);margin:0 0 var(--space-6);}
.next .row{gap:var(--space-3);}