/* ============================================================
   EDUARDO OLIVEIRA — eduardo.turmaviverbem.com.br
   Identidade visual: pôr do sol sobre o Araguaia.
   Blocos de cor cheios, layout assimétrico, cards "polaroid de
   viagem", bloco escuro de comunidades e trajetória em rio sinuoso.
   ============================================================ */

:root{
  --cream:#FFF6E6;
  --paper:#FFFCF5;
  --ink:#16231E;
  --muted:#4C5F58;

  --sunset:#FF6A3D;
  --sunset-deep:#C6431A;
  --gold:#FFB020;
  --gold-deep:#E08A00;
  --teal:#14A399;
  --teal-deep:#0B6E66;

  --river-dark:#0F2E2A;
  --river-dark-2:#164A40;
  --river-dark-line:rgba(255,250,240,.16);

  --line:rgba(22,35,30,.16);
  --shadow-hard:0 22px 46px rgba(22,35,30,.16);
  --shadow-hard-sm:0 12px 26px rgba(22,35,30,.12);
  --shadow-soft:0 20px 46px rgba(18,38,32,.14);
  --max:1220px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Manrope',system-ui,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(1100px 620px at 88% -8%,rgba(255,176,32,.14),transparent 60%),
    radial-gradient(820px 560px at -8% 46%,rgba(20,163,153,.10),transparent 58%),
    radial-gradient(700px 480px at 30% 108%,rgba(255,106,61,.08),transparent 55%),
    var(--cream);
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--teal-deep);outline-offset:2px;border-radius:6px}
img{display:block;max-width:100%}
.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}
h1,h2,h3{margin-top:0;font-family:'Fredoka',sans-serif}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}

/* ---------- TOPBAR ---------- */
.topbar{
  background:var(--ink);
  color:var(--cream);
  text-align:center;
  padding:9px 12px;
  font-weight:700;
  font-size:12.5px;
  letter-spacing:.02em;
}
.topbar strong{color:var(--gold)}

/* ---------- HEADER ---------- */
header{
  position:sticky;top:0;z-index:60;
  background:rgba(251,241,226,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(22,35,30,.10);
}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;font-family:'Fredoka',sans-serif;font-size:21px;font-weight:600}
.brand-mark{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;
  font-weight:700;
  background:linear-gradient(135deg,var(--sunset),var(--gold));
  border:1px solid rgba(22,35,30,.10);
  box-shadow:var(--shadow-hard-sm);
}
.navlinks{display:flex;gap:6px;font-weight:700;font-size:14px}
.navlinks a{padding:8px 12px;border-radius:10px;transition:.15s ease}
.navlinks a:hover{background:var(--ink);color:var(--cream)}
.nav-cta{display:flex;gap:10px;align-items:center}

.menu-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;border-radius:10px;border:1px solid rgba(22,35,30,.10);
  background:var(--paper);cursor:pointer;padding:0;flex:none
}
.menu-toggle span{width:20px;height:2px;margin:0 auto;background:var(--ink);border-radius:2px;transition:.2s ease;transform-origin:center}
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none}

/* ---------- BUTTONS ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 22px;border-radius:14px;font-weight:800;
  border:1px solid rgba(22,35,30,.10);
  box-shadow:var(--shadow-hard-sm);
  transition:transform .14s ease, box-shadow .14s ease;
  cursor:pointer;
}
.btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(22,35,30,.22)}
.btn:active{transform:translateY(-1px);box-shadow:0 8px 16px rgba(22,35,30,.18)}
.btn-sunset{background:linear-gradient(135deg,var(--sunset),var(--gold));color:#fff}
.btn-ink{background:var(--ink);color:var(--cream)}
.btn-light{background:#fff;color:var(--ink)}
.btn-teal{background:var(--teal);color:#fff}

/* CTA de destaque: leve respiração para puxar o olho sem cansar */
.hero-actions .btn-sunset,.contact-actions .btn-ink{animation:ctaPulse 2.6s ease-in-out .9s infinite}
.hero-actions .btn-sunset:hover,.contact-actions .btn-ink:hover{animation-play-state:paused}
@keyframes ctaPulse{
  0%,100%{box-shadow:var(--shadow-hard-sm)}
  50%{box-shadow:var(--shadow-hard-sm),0 0 0 7px rgba(255,176,32,.20)}
}

/* ============================================================
   HERO — assimétrico
   ============================================================ */
.hero{
  position:relative;
  padding:56px 0 0;
  overflow:hidden;
}
.hero-blob{
  position:absolute;right:-10%;top:-16%;width:58%;aspect-ratio:1/1;
  background:radial-gradient(circle at 34% 34%,var(--gold) 0%,var(--sunset) 55%,transparent 78%);
  filter:blur(46px);
  opacity:.85;
  z-index:0;
  animation:blobFloat 9s ease-in-out infinite;
}
.hero-blob-2{
  position:absolute;left:-8%;bottom:-18%;width:28%;aspect-ratio:1/1;
  background:radial-gradient(circle at 38% 38%,var(--teal) 0%,var(--teal-deep) 60%,transparent 80%);
  filter:blur(38px);
  opacity:.5;z-index:0;
  animation:blobFloat 11s ease-in-out infinite reverse;
}
@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-2%,3%) scale(1.04)}}
.hero-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start;
}
.hero-copy{padding-top:12px}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
  background:linear-gradient(120deg,rgba(255,176,32,.24),rgba(255,252,245,.95));
  border:1px solid rgba(22,35,30,.10);font-weight:800;font-size:13px;
  box-shadow:var(--shadow-hard-sm);
}
.hero-badge span{display:inline-block;animation:wave 2.4s ease-in-out infinite}
@keyframes wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}}
h1{
  font-size:clamp(40px,6vw,74px);
  line-height:.96;letter-spacing:-.03em;font-weight:600;
  margin:20px 0 18px;max-width:12ch;
}
.hero .lead{font-size:clamp(17px,1.8vw,20px);color:var(--muted);line-height:1.6;max-width:52ch;font-weight:600}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-trust span{
  padding:9px 12px;border-radius:12px;background:rgba(255,252,245,.75);border:1px solid rgba(22,35,30,.12);
  font-weight:700;font-size:12.5px;
}

.hero-card{
  position:relative;
  background:var(--paper);border:1px solid rgba(22,35,30,.10);border-radius:26px;padding:16px;
  box-shadow:var(--shadow-hard);
  transform:rotate(2deg) translateY(6px);
}
.photo{
  border-radius:16px;overflow:hidden;position:relative;min-height:340px;
  background:linear-gradient(135deg,var(--sunset),var(--gold));
  border:1px solid rgba(22,35,30,.10);
}
.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.photo-scrim{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(18,38,32,0) 58%,rgba(14,26,22,.62) 100%);
}
.photo-label{position:absolute;left:14px;right:14px;bottom:14px;color:#fff}
.photo-label strong{display:block;font-size:19px;font-family:'Fredoka',sans-serif}
.photo-label span{font-size:12.5px;opacity:.92}
.stats{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.stat{border:1px solid rgba(22,35,30,.10);background:var(--gold);border-radius:14px;padding:12px}
.stat:nth-child(2){background:var(--teal);color:#fff}
.stat:nth-child(3){background:var(--sunset);color:#fff}
.stat:nth-child(4){background:var(--cream)}
.stat b{display:block;font-size:19px;font-family:'Fredoka',sans-serif;font-weight:600}
.stat small{line-height:1.3;font-weight:700;opacity:.9}

/* hero entrance — sobe suavemente, mas NUNCA parte de opacidade 0:
   se a animação travar (print, PDF, aba em segundo plano, reduced-motion),
   o conteúdo continua legível, só sem o movimento. */
.hero-copy>*,.hero-card{
  opacity:1;transform:translateY(16px);
  animation:riseIn .7s cubic-bezier(.2,.7,.2,1) forwards;
}
.hero-badge{animation-delay:.05s}
h1{animation-delay:.14s}
.hero .lead{animation-delay:.22s}
.hero-actions{animation-delay:.30s}
.hero-trust{animation-delay:.38s}
.hero-card{animation-delay:.24s;animation-name:riseInCard;transform:rotate(2deg) translateY(16px)}
@keyframes riseIn{from{opacity:.7}to{opacity:1;transform:translateY(0)}}
@keyframes riseInCard{from{opacity:.7}to{opacity:1;transform:rotate(2deg) translateY(0)}}

/* ---------- MARQUEE / ROTATIVO ---------- */
.rotativo{
  padding:0;background:var(--ink);overflow:hidden;margin-top:46px;
  border-top:3px solid var(--sunset);border-bottom:3px solid var(--teal);
}
.rotativo-viewport{overflow:hidden;width:100%;scrollbar-width:none}
.rotativo-viewport::-webkit-scrollbar{display:none}
.rotativo-track{display:flex;align-items:center;width:max-content;will-change:transform;animation:rotativo 30s linear infinite}
.rotativo:hover .rotativo-track{animation-play-state:paused}
.rotativo-item{display:flex;align-items:center;white-space:nowrap;color:var(--cream);font-weight:800;font-size:14.5px;padding:13px 24px}
.rotativo-item::after{content:"☀";color:var(--gold);font-size:16px;margin-left:24px}
@keyframes rotativo{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- SECTION HEADS ---------- */
section{padding:74px 0}
.section-head{margin-bottom:32px;max-width:640px}
.section-kicker{
  display:inline-flex;align-items:center;gap:8px;font-family:'Fredoka',sans-serif;
  font-weight:600;font-size:14px;color:var(--sunset-deep);margin-bottom:6px;
}
.section-kicker .dot{width:9px;height:9px;border-radius:50%;background:currentColor}
.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.03;letter-spacing:-.02em;font-weight:600;margin:2px 0 12px}
.section-head p{color:var(--muted);font-size:16.5px;line-height:1.6;font-weight:600}
.section-head.light h2,.section-head.light p{color:#fff}
.section-head.light .section-kicker{color:var(--gold)}
.section-head.on-color h2,.section-head.on-color p{color:var(--ink)}

/* ============================================================
   CAMINHOS — blocos de cor cheios
   ============================================================ */
.path-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;grid-template-rows:1fr}
.path{
  position:relative;
  border:1px solid rgba(22,35,30,.10);border-radius:26px;padding:28px;
  min-height:270px;display:flex;flex-direction:column;justify-content:space-between;
  color:#fff;box-shadow:var(--shadow-hard);
  transition:transform .16s ease, box-shadow .16s ease;
  clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%);
}
.path:hover{transform:translateY(-5px);box-shadow:0 28px 50px rgba(22,35,30,.26)}
.path.teal{background:linear-gradient(160deg,var(--teal),var(--teal-deep))}
.path.coral{background:linear-gradient(160deg,var(--sunset),var(--sunset-deep))}
.path.gold{background:linear-gradient(160deg,var(--gold),var(--gold-deep));color:var(--ink)}
.path-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:rgba(255,255,255,.24);border:2px solid rgba(255,255,255,.5);transition:transform .2s ease}
.path:hover .path-icon{transform:rotate(-8deg) scale(1.08)}
.path.gold .path-icon{background:rgba(22,35,30,.14);border-color:rgba(22,35,30,.4)}
.path h3{font-size:25px;margin:18px 0 8px;font-weight:600}
.path p{margin:0;opacity:.95;font-weight:600;line-height:1.5}
.path .go{margin-top:18px;font-weight:800;display:flex;align-items:center;gap:6px}

/* ============================================================
   TURISMO — cards "polaroid de viagem"
   ============================================================ */
.polaroid-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px;
}
.polaroid{
  background:#fff;border:1px solid rgba(22,35,30,.08);border-radius:4px;
  padding:12px 12px 18px;box-shadow:var(--shadow-soft);
  transition:transform .2s ease, box-shadow .2s ease;
  position:relative;
}
.polaroid:nth-child(6n+1){transform:rotate(-2.4deg)}
.polaroid:nth-child(6n+2){transform:rotate(1.6deg)}
.polaroid:nth-child(6n+3){transform:rotate(-1deg)}
.polaroid:nth-child(6n+4){transform:rotate(2.2deg)}
.polaroid:nth-child(6n+5){transform:rotate(-1.8deg)}
.polaroid:nth-child(6n+6){transform:rotate(1.2deg)}
.polaroid:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 28px 54px rgba(18,38,32,.22);z-index:2}
.polaroid::before{
  content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-4deg);
  width:56px;height:20px;background:rgba(240,167,48,.75);border:1px solid rgba(22,35,30,.15);
}
.polaroid-photo{
  aspect-ratio:4/3;border-radius:2px;display:flex;align-items:center;justify-content:center;
  font-size:44px;position:relative;overflow:hidden;
}
.polaroid:nth-child(6n+1) .polaroid-photo{background:linear-gradient(150deg,var(--teal),#1fb3a8)}
.polaroid:nth-child(6n+2) .polaroid-photo{background:linear-gradient(150deg,var(--sunset),var(--gold))}
.polaroid:nth-child(6n+3) .polaroid-photo{background:linear-gradient(150deg,var(--gold),var(--sunset-deep))}
.polaroid:nth-child(6n+4) .polaroid-photo{background:linear-gradient(150deg,var(--teal-deep),var(--teal))}
.polaroid:nth-child(6n+5) .polaroid-photo{background:linear-gradient(150deg,var(--sunset-deep),#e0803f)}
.polaroid:nth-child(6n+6) .polaroid-photo{background:linear-gradient(150deg,var(--gold-deep),var(--gold))}
.polaroid-tag{
  position:absolute;top:8px;left:8px;background:rgba(22,35,30,.82);color:#fff;
  font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  padding:5px 9px;border-radius:999px;
}
.polaroid-cap{padding:14px 6px 2px}
.polaroid-cap h3{font-family:'Fredoka',sans-serif;font-size:19px;margin:0 0 5px;font-weight:600}
.polaroid-cap p{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.5;font-weight:600}
.polaroid-cap .cta{font-weight:800;font-size:13.5px;color:var(--sunset-deep)}

/* ============================================================
   COMUNIDADES — bloco escuro
   ============================================================ */
.comunidades-block{
  background:
    radial-gradient(circle at 92% 8%,rgba(255,176,32,.22),transparent 42%),
    radial-gradient(circle at 4% 90%,rgba(255,106,61,.20),transparent 40%),
    linear-gradient(175deg,var(--river-dark),var(--river-dark-2));
  color:#fff;border-radius:0;
  margin:0;padding:74px 0;
}
.network{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:start}
.network-main .btn{margin-top:26px}
.network-list{background:rgba(255,252,245,.05);border:1.5px solid var(--river-dark-line);border-radius:22px;padding:8px}
.community-list{display:grid}
.community{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 16px;border-bottom:1px solid var(--river-dark-line);
  font-weight:800;font-size:14.5px;color:#fff;transition:.15s ease;
  border-left:4px solid transparent;
}
.community:last-child{border-bottom:none}
.community:nth-child(3n+1){border-left-color:var(--sunset)}
.community:nth-child(3n+2){border-left-color:var(--gold)}
.community:nth-child(3n+3){border-left-color:var(--teal)}
.community:hover{background:rgba(255,252,245,.06);padding-left:22px}
.community:hover span:first-child{color:var(--gold)}
.community span:last-child{color:var(--gold);font-family:'Fredoka',sans-serif;transition:transform .15s ease}
.community:hover span:last-child{transform:translateX(4px)}

/* ============================================================
   PROJETOS / NEGÓCIOS — cards estilo adesivo (hard shadow)
   ============================================================ */
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{
  background:var(--paper);border:1px solid rgba(22,35,30,.10);border-radius:20px;padding:22px;
  box-shadow:var(--shadow-hard-sm);display:flex;flex-direction:column;justify-content:space-between;
  min-height:224px;transition:transform .16s ease, box-shadow .16s ease;
}
.card:hover{transform:translateY(-5px);box-shadow:0 22px 40px rgba(22,35,30,.20)}
.card .tag{display:inline-block;padding:5px 10px;border-radius:999px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(22,35,30,.12)}
.card.tone-teal .tag{background:var(--teal);color:#fff;border-color:var(--teal)}
.card.tone-sunset .tag{background:var(--sunset);color:#fff;border-color:var(--sunset)}
.card h3{font-size:20px;margin:14px 0 8px;font-weight:600}
.card p{margin:0;color:var(--muted);font-weight:600;font-size:14.5px;line-height:1.5}
.card .cta{margin-top:16px;font-weight:800;font-size:13.5px}
.card.tone-teal .cta{color:var(--teal-deep)}
.card.tone-sunset .cta{color:var(--sunset-deep)}

/* ============================================================
   TRAJETÓRIA — rio sinuoso
   ============================================================ */
.timeline-section{position:relative}
.timeline-intro{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:end;
  margin-bottom:20px;padding:26px 28px;background:var(--paper);
  border:1px solid rgba(22,35,30,.10);border-radius:22px;box-shadow:var(--shadow-hard-sm);
}
.timeline-intro h3{font-size:clamp(24px,3vw,34px);line-height:1.05;margin:0;font-weight:600}
.timeline-intro p{color:var(--muted);margin:0;font-weight:600}

.river-timeline{position:relative;padding-top:20px}
.river-svg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:visible}
.river-svg path{fill:none;stroke-width:5;stroke-linecap:round}

.timeline{position:relative;z-index:1;display:grid;gap:8px}
.timeline-item{
  position:relative;display:grid;grid-template-columns:1fr 1fr;
  min-height:150px;align-items:center;
}
.timeline-item .timeline-card{
  background:var(--paper);border:1px solid rgba(22,35,30,.10);border-radius:20px;
  padding:20px 22px;box-shadow:var(--shadow-hard-sm);max-width:400px;
}
.timeline-item.side-left .timeline-card{grid-column:1;justify-self:end;text-align:right}
.timeline-item.side-right .timeline-card{grid-column:2;justify-self:start}
.timeline-dot{
  position:absolute;left:50%;top:50%;width:20px;height:20px;border-radius:50%;
  background:var(--paper);border:4px solid var(--sunset);transform:translate(-50%,-50%);z-index:2;
}
.timeline-item:nth-child(3n+2) .timeline-dot{border-color:var(--gold)}
.timeline-item:nth-child(3n+3) .timeline-dot{border-color:var(--teal)}
.timeline-year{
  display:inline-block;font-family:'Fredoka',sans-serif;font-weight:600;font-size:14px;
  color:#fff;background:var(--ink);padding:3px 10px;border-radius:8px;margin-bottom:8px;
}
.timeline-card h3{font-size:19px;margin:0 0 6px;font-weight:600}
.timeline-card p{margin:0;color:var(--muted);font-weight:600;font-size:14.5px;line-height:1.5}

/* ============================================================
   SOBRE
   ============================================================ */
.about{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.panel{border:1px solid rgba(22,35,30,.10);border-radius:24px;padding:30px;box-shadow:var(--shadow-hard-sm)}
.panel.solid{background:var(--teal);color:#fff}
.panel.paper{background:var(--paper)}
.panel h2,.panel h3{font-weight:600}
.panel h2{font-size:34px;line-height:1.06}
.panel h3{font-size:23px}
.panel p{font-weight:600;line-height:1.6}
.panel.solid p{opacity:.95}
.panel.paper p{color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pill{padding:8px 13px;border-radius:999px;border:1.5px solid rgba(255,255,255,.7);font-size:13px;font-weight:800}
.panel.solid .pill{background:rgba(255,255,255,.12)}
.steps{display:grid;gap:14px;margin-top:18px}
.steps div{display:flex;gap:12px;align-items:flex-start}
.steps strong{color:var(--sunset-deep);font-family:'Fredoka',sans-serif;font-size:17px;min-width:26px;font-weight:600}
.steps span{font-weight:600;color:var(--muted)}

/* ============================================================
   CONTATO
   ============================================================ */
.contact{
  border-radius:28px;padding:40px;color:var(--ink);
  background:linear-gradient(120deg,var(--gold) 0%,var(--sunset) 60%,var(--sunset-deep) 100%);
  border:1px solid rgba(22,35,30,.10);box-shadow:var(--shadow-hard);
}
.contact-grid{display:grid;grid-template-columns:1.2fr auto;gap:26px;align-items:center}
.contact h2{font-size:clamp(30px,4vw,48px);line-height:1.03;margin:6px 0 12px;color:#fff;font-weight:600}
.contact .section-kicker{color:var(--ink)}
.contact p{max-width:640px;font-weight:700;color:rgba(255,255,255,.95)}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px}
.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.socials a{padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.5);font-weight:800;color:#fff;font-size:13px}

footer{padding:30px 0 44px;color:var(--muted);font-size:13px}
.foot{border-top:1px solid rgba(22,35,30,.12);padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-weight:700}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1080px){
  .cards-4{grid-template-columns:repeat(2,1fr)}
  .polaroid-grid{grid-template-columns:repeat(2,1fr)}
  .path-grid{grid-template-columns:1fr 1fr}
  .path:first-child{grid-column:1/-1}
}
@media(max-width:940px){
  .navlinks{display:none}
  .nav-cta{display:none}
  .menu-toggle{display:flex}
  .mobile-menu{
    display:block;position:fixed;left:0;right:0;top:76px;z-index:59;
    max-height:0;overflow:hidden;background:var(--cream);
    border-bottom:1px solid rgba(22,35,30,.10);transition:max-height .28s ease;
  }
  .mobile-menu.open{max-height:calc(100vh - 76px);overflow-y:auto}
  .mobile-navlinks{display:flex;flex-direction:column;padding:8px 0}
  .mobile-navlinks a{padding:16px 20px;font-weight:800;font-size:16px;border-bottom:1px solid var(--line)}
  .mobile-menu .btn{margin:16px 20px 20px}
  body.menu-lock{overflow:hidden}

  .hero-grid{grid-template-columns:1fr}
  .hero-blob{width:80%;right:-20%}
  .hero-card{margin-top:20px;transform:rotate(1deg)}
  .network,.about,.contact-grid{grid-template-columns:1fr}
  .path-grid{grid-template-columns:1fr}
  .path:first-child{grid-column:auto}

  .timeline-item{grid-template-columns:1fr}
  .timeline-item .timeline-card{grid-column:1;justify-self:stretch;text-align:left;margin-left:44px;max-width:none}
  .timeline-dot{left:20px;top:28px;transform:translate(-50%,-50%)}
  .river-svg{display:none}
  .timeline{border-left:3px solid var(--line);margin-left:20px;padding-left:0}
}
@media(max-width:640px){
  .wrap{width:min(var(--max),calc(100% - 20px))}
  .cards-4,.polaroid-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .hero-actions .btn,.contact-actions .btn{width:100%}
  .photo{min-height:280px}
  h1{font-size:36px}
  .nav{min-height:64px}
  .mobile-menu{top:64px}
  .mobile-menu.open{max-height:calc(100vh - 64px)}
  .rotativo-item{font-size:13px;padding:11px 18px}
  section{padding:52px 0}
  .comunidades-block{padding:52px 0}
}
/* Apenas cor dos textos da seção Contato */
.contact h2,
.contact p,
.contact .section-kicker,
.contact .socials a {
    color: #34363A !important;
}