/* ============================================================
   INSTITUTO AUTISTAS — Design System
   Paleta: Lilás + Pêssego (acolhedor, suave e de impacto)
   Tipografia: Fraunces (display) + Nunito (corpo)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Nunito:wght@400;500;600;700;800&display=swap');

:root{
  /* fundos */
  --cream:        #FBF8F0;
  --cream-2:      #F0F0E2;
  --paper:        #FFFFFF;

  /* lilás */
  --lilac-50:     #EEF1E3;
  --lilac-100:    #DEE5CE;
  --lilac-200:    #C6D0AC;
  --lilac:        #7E8C58;
  --lilac-deep:   #4F5D38;

  /* pêssego / coral */
  --peach-soft:   #FFE6D6;
  --peach:        #FFC9A6;
  --coral:        #C16A45;
  --coral-deep:   #A4502E;

  /* apoio */
  --teal:         #8FA86A;
  --gold:         #E9B864;

  /* texto */
  --plum:         #37352A;
  --plum-soft:    #6A6A54;
  --line:         #E4E5D3;

  /* toques de lilás (acento intencional) */
  --lilac-accent:    #8E78C2;
  --lilac-accent-50: #ECE6F6;

  --shadow-sm: 0 2px 10px rgba(55,53,42,.07);
  --shadow:    0 14px 40px rgba(79,93,56,.16);
  --shadow-lg: 0 30px 70px rgba(79,93,56,.20);

  --radius: 22px;
  --radius-lg: 34px;
  --maxw: 1180px;

  --display: 'Fraunces', Georgia, serif;
  --body: 'Nunito', system-ui, sans-serif;
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }

body{
  font-family:var(--body);
  color:var(--plum);
  background:var(--cream);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* atmosfera de fundo suave */
body::before{
  content:"";
  position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(58vw 58vw at 12% -8%, var(--cream-2) 0%, transparent 60%),
    radial-gradient(50vw 50vw at 105% 8%, #F3E7D6 0%, transparent 55%),
    radial-gradient(60vw 60vw at 50% 118%, var(--lilac-50) 0%, transparent 60%),
    var(--cream);
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }

.wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 26px; }

h1,h2,h3,h4{ font-family:var(--display); font-weight:600; line-height:1.12; letter-spacing:-.01em; color:var(--plum); }
.eyebrow{
  font-family:var(--body); font-weight:800; font-size:.78rem;
  letter-spacing:.18em; text-transform:uppercase; color:var(--lilac-deep);
  display:inline-flex; align-items:center; gap:.55rem;
}
.eyebrow::before{ content:""; width:26px; height:2px; background:var(--coral); border-radius:2px; }

/* ---------- NAV ---------- */
.nav{
  position:sticky; top:0; z-index:60;
  backdrop-filter:saturate(140%) blur(12px);
  background:rgba(255,247,242,.82);
  border-bottom:1px solid var(--line);
}
.nav-inner{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 26px; max-width:var(--maxw); margin:0 auto; }
.brand{ display:flex; align-items:center; gap:12px; font-family:var(--display); font-weight:600; font-size:1.18rem; color:var(--plum); }
.brand .mark{ width:42px; height:42px; flex:0 0 42px; }
.brand small{ display:block; font-family:var(--body); font-weight:700; font-size:.62rem; letter-spacing:.16em; text-transform:uppercase; color:var(--lilac-deep); margin-top:1px; }
.nav-links{ display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.nav-links a{
  font-weight:700; font-size:.92rem; color:var(--plum-soft);
  padding:9px 14px; border-radius:999px; transition:.2s;
}
.nav-links a:hover{ color:var(--lilac-deep); background:var(--lilac-50); }
.nav-links a.active{ color:#fff; background:var(--lilac-deep); }
.nav-toggle{ display:none; background:none; border:0; cursor:pointer; padding:8px; color:var(--plum); }

@media(max-width:880px){
  .nav-toggle{ display:block; }
  .nav-links{
    position:absolute; top:100%; left:0; right:0;
    flex-direction:column; align-items:stretch; gap:2px;
    background:var(--cream); padding:12px 18px 18px;
    border-bottom:1px solid var(--line);
    max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s;
    padding-top:0; padding-bottom:0;
  }
  .nav-links.open{ max-height:520px; padding-top:12px; padding-bottom:18px; }
  .nav-links a{ padding:13px 14px; }
}

/* ---------- BOTÕES ---------- */
.btn{
  display:inline-flex; align-items:center; gap:.55rem;
  font-family:var(--body); font-weight:800; font-size:.98rem;
  padding:14px 26px; border-radius:999px; cursor:pointer; border:0;
  transition:transform .2s, box-shadow .2s, background .2s;
}
.btn-primary{ background:var(--coral); color:#fff; box-shadow:0 10px 26px rgba(164,80,46,.32); }
.btn-primary:hover{ transform:translateY(-3px); background:var(--coral-deep); box-shadow:0 16px 32px rgba(164,80,46,.4); }
.btn-ghost{ background:var(--paper); color:var(--lilac-deep); box-shadow:var(--shadow-sm); border:1px solid var(--lilac-100); }
.btn-ghost:hover{ transform:translateY(-3px); background:var(--lilac-50); }

/* ---------- HERO ---------- */
.hero{ padding:64px 0 30px; }
.hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:54px; align-items:center; }
.hero h1{ font-size:clamp(2.4rem,5.2vw,4rem); margin:18px 0 16px; }
.hero h1 em{ font-style:italic; color:var(--lilac-deep); }
.hero p.lead{ font-size:1.18rem; color:var(--plum-soft); max-width:42ch; }
.hero-cta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.hero-art{ position:relative; }
@media(max-width:860px){ .hero-grid{ grid-template-columns:1fr; gap:32px; } .hero{ padding:40px 0 10px; } }

/* página interna — cabeçalho */
.page-head{ padding:60px 0 18px; }
.page-head h1{ font-size:clamp(2.1rem,4.4vw,3.2rem); margin:14px 0 14px; max-width:18ch; }
.page-head p{ font-size:1.12rem; color:var(--plum-soft); max-width:60ch; }

/* ---------- SECÇÕES ---------- */
section{ padding:46px 0; }
.section-title{ font-size:clamp(1.7rem,3.4vw,2.4rem); margin:12px 0 10px; max-width:22ch; }
.section-intro{ color:var(--plum-soft); font-size:1.08rem; max-width:62ch; }
.center{ text-align:center; margin-inline:auto; }
.center.section-intro{ margin-inline:auto; }

/* ---------- CARDS / EIXOS ---------- */
.cards{ display:grid; gap:24px; margin-top:38px; }
.cards.c3{ grid-template-columns:repeat(3,1fr); }
.cards.c2{ grid-template-columns:repeat(2,1fr); }
@media(max-width:900px){ .cards.c3,.cards.c2{ grid-template-columns:1fr; } }

.card{
  background:var(--paper); border-radius:var(--radius-lg);
  padding:32px 28px; box-shadow:var(--shadow-sm);
  border:1px solid var(--line); position:relative; overflow:hidden;
  transition:transform .25s, box-shadow .25s;
}
.card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.card .num{ font-family:var(--display); font-size:1rem; font-weight:600; color:var(--coral); }
.card h3{ font-size:1.42rem; margin:14px 0 10px; }
.card p{ color:var(--plum-soft); }
.card .ic{ width:62px; height:62px; margin-bottom:6px; }
.card-link{ display:inline-flex; align-items:center; gap:.4rem; margin-top:18px; font-weight:800; color:var(--lilac-deep); }
.card-link svg{ transition:transform .2s; }
.card:hover .card-link svg{ transform:translateX(4px); }

/* faixa colorida nos cards de eixo */
.card.eixo::after{ content:""; position:absolute; left:0; top:0; bottom:0; width:6px; }
.card.eixo.e1::after{ background:var(--coral); }
.card.eixo.e2::after{ background:var(--lilac); }
.card.eixo.e3::after{ background:var(--teal); }

/* ---------- BLOCO COM IMAGEM ---------- */
.split{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.split.rev .split-media{ order:-1; }
@media(max-width:860px){ .split{ grid-template-columns:1fr; gap:28px; } .split.rev .split-media{ order:0; } }
.split-media{ position:relative; }
.photo{
  border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow);
  aspect-ratio:4/3; position:relative;
  background:linear-gradient(135deg,var(--lilac-100),var(--peach-soft));
}
.photo img{ width:100%; height:100%; object-fit:cover; }
.photo .ph-fallback{ position:absolute; inset:0; display:grid; place-items:center; }
.media-badge{
  position:absolute; bottom:-18px; left:-18px;
  background:var(--paper); border-radius:18px; padding:14px 18px;
  box-shadow:var(--shadow); display:flex; align-items:center; gap:12px;
  font-weight:800; font-size:.9rem; border:1px solid var(--line);
}
.media-badge .dot{ width:34px; height:34px; border-radius:50%; display:grid; place-items:center; flex:0 0 34px; }

ul.ticks{ list-style:none; margin-top:18px; display:grid; gap:12px; }
ul.ticks li{ display:flex; gap:12px; align-items:flex-start; color:var(--plum-soft); }
ul.ticks li::before{
  content:""; flex:0 0 22px; width:22px; height:22px; margin-top:2px; border-radius:50%;
  background:var(--lilac-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234F5D38' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/14px no-repeat;
}

/* ---------- ARTIGO / CIÊNCIA ---------- */
.sci{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);
  padding:28px 28px 26px; box-shadow:var(--shadow-sm); position:relative;
}
.sci + .sci{ margin-top:22px; }
.sci .tag{
  display:inline-block; font-weight:800; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
  padding:5px 12px; border-radius:999px; background:var(--lilac-50); color:var(--lilac-deep); margin-bottom:14px;
}
.sci h3{ font-size:1.34rem; margin-bottom:8px; }
.sci p{ color:var(--plum-soft); margin-bottom:12px; }
.sci .verdict{
  background:var(--peach-soft); border-radius:14px; padding:14px 16px; color:#7a4a30; font-weight:600;
  display:flex; gap:10px; align-items:flex-start;
}
.sci .verdict b{ color:var(--coral-deep); }
.sci .ref{ margin-top:14px; font-size:.86rem; color:var(--plum-soft); border-top:1px dashed var(--line); padding-top:12px; }
.sci .ref span{ font-weight:800; color:var(--lilac-deep); }

/* ---------- DESTAQUE / CALLOUT ---------- */
.callout{
  background:linear-gradient(120deg,var(--lilac-deep),#6F7E4E);
  color:#fff; border-radius:var(--radius-lg); padding:46px 44px;
  position:relative; overflow:hidden; box-shadow:var(--shadow);
}
.callout h2{ color:#fff; font-size:clamp(1.7rem,3.2vw,2.3rem); max-width:24ch; }
.callout p{ color:#E7E6D4; margin-top:12px; max-width:54ch; font-size:1.06rem; }
.callout .btn-primary{ margin-top:24px; }
.callout::after{
  content:""; position:absolute; right:-60px; bottom:-80px; width:280px; height:280px;
  background:radial-gradient(circle,rgba(255,201,166,.5),transparent 70%);
}

/* lista de leis / direitos */
.law{ display:grid; grid-template-columns:auto 1fr; gap:18px 20px; align-items:start; padding:22px 0; border-bottom:1px solid var(--line); }
.law:last-child{ border-bottom:0; }
.law .yr{ font-family:var(--display); font-weight:700; font-size:1.5rem; color:var(--coral); white-space:nowrap; }
.law h3{ font-size:1.2rem; margin-bottom:6px; }
.law p{ color:var(--plum-soft); }

/* passos */
.steps{ counter-reset:s; display:grid; gap:16px; margin-top:30px; }
.step{ display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:start; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:22px 24px; box-shadow:var(--shadow-sm); }
.step .n{ counter-increment:s; width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:var(--lilac-deep); color:#fff; display:grid; place-items:center; font-family:var(--display); font-weight:700; }
.step .n::before{ content:counter(s); }
.step h3{ font-size:1.15rem; margin-bottom:4px; }
.step p{ color:var(--plum-soft); }

/* faq */
.faq{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-sm); overflow:hidden; }
.faq details{ border-bottom:1px solid var(--line); }
.faq details:last-child{ border-bottom:0; }
.faq summary{ cursor:pointer; padding:20px 24px; font-weight:800; font-size:1.05rem; list-style:none; display:flex; justify-content:space-between; gap:16px; align-items:center; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font-family:var(--display); font-size:1.5rem; color:var(--lilac-deep); transition:.2s; }
.faq details[open] summary::after{ transform:rotate(45deg); }
.faq .ans{ padding:0 24px 22px; color:var(--plum-soft); }

/* estatística */
.stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:34px; }
@media(max-width:760px){ .stats{ grid-template-columns:1fr; } }
.stat{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:26px; text-align:center; box-shadow:var(--shadow-sm); }
.stat .big{ font-family:var(--display); font-size:2.6rem; font-weight:700; color:var(--lilac-deep); line-height:1; }
.stat p{ color:var(--plum-soft); margin-top:8px; font-size:.98rem; }

/* pill row */
.pills{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.pill{ background:var(--paper); border:1px solid var(--lilac-100); color:var(--lilac-deep); font-weight:700; padding:8px 16px; border-radius:999px; font-size:.92rem; box-shadow:var(--shadow-sm); }

/* ---------- FOOTER ---------- */
.disclaimer{
  background:var(--lilac-50); border:1px solid var(--lilac-100); border-radius:var(--radius);
  padding:22px 26px; color:var(--plum-soft); font-size:.92rem; display:flex; gap:14px; align-items:flex-start;
}
.disclaimer svg{ flex:0 0 24px; color:var(--lilac-deep); margin-top:2px; }

footer.site{ background:var(--plum); color:#E9E6D6; margin-top:40px; padding:54px 0 30px; }
footer.site a{ color:#E9E6D6; }
footer.site .cols{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:34px; }
@media(max-width:760px){ footer.site .cols{ grid-template-columns:1fr; gap:24px; } }
footer.site h4{ color:#fff; font-size:1rem; margin-bottom:14px; font-family:var(--body); font-weight:800; letter-spacing:.04em; }
footer.site ul{ list-style:none; display:grid; gap:9px; }
footer.site ul a{ color:#BEC0A4; font-size:.95rem; }
footer.site ul a:hover{ color:#fff; }
footer.site .brand{ color:#fff; }
footer.site .brand small{ color:#BEC0A4; }
footer.site .fdesc{ color:#BEC0A4; font-size:.95rem; margin-top:14px; max-width:34ch; }
.foot-bottom{ border-top:1px solid rgba(255,255,255,.12); margin-top:36px; padding-top:22px; color:#AAAA8E; font-size:.85rem; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }

/* reveal on load / scroll */
.reveal{ opacity:0; transform:translateY(22px); }
.reveal.show{ opacity:1; transform:none; transition:opacity .7s ease, transform .7s ease; }

@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto; }
  .reveal{ opacity:1; transform:none; }
}

/* float gentil para arte do hero (respeitando reduce-motion) */
@keyframes floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } }
.floaty{ animation:floaty 7s ease-in-out infinite; }
.floaty.d2{ animation-duration:9s; }

/* ============================================================
   EXPANSÃO — Instituto operacional (físico), formulários,
   manifesto, contato, termo de adesão
   ============================================================ */

/* hero do Instituto operacional */
.hero-op{ padding:60px 0 26px; }
.hero-op .lead{ font-size:1.22rem; }
.hero-op h1 em{ color:var(--coral-deep); }
.slogan{ font-family:var(--display); font-style:italic; color:var(--lilac-deep); font-size:1.15rem; margin-top:6px; }

/* faixa que liga as duas "casas" */
.crosslink{
  display:flex; align-items:center; gap:18px; flex-wrap:wrap; justify-content:space-between;
  background:linear-gradient(120deg,var(--peach-soft),var(--lilac-50));
  border:1px solid var(--lilac-100); border-radius:var(--radius-lg); padding:24px 28px;
}
.crosslink p{ color:var(--plum); font-weight:700; max-width:46ch; }
.crosslink p span{ display:block; color:var(--plum-soft); font-weight:500; font-size:.96rem; margin-top:4px; }

/* pilares do manifesto */
.pillars{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:34px; }
@media(max-width:760px){ .pillars{ grid-template-columns:1fr; } }
.pillar{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:26px 26px; box-shadow:var(--shadow-sm); display:flex; gap:18px; align-items:flex-start; }
.pillar .pic{ width:54px; height:54px; flex:0 0 54px; border-radius:16px; display:grid; place-items:center; }
.pillar h3{ font-size:1.25rem; margin-bottom:6px; }
.pillar p{ color:var(--plum-soft); }

/* duas frentes (mães / filhos) */
.frente{ border-radius:var(--radius-lg); padding:30px 30px; }
.frente.maes{ background:var(--peach-soft); }
.frente.filhos{ background:var(--lilac-50); }
.frente h3{ font-size:1.5rem; margin:10px 0 10px; }
.frente p{ color:var(--plum-soft); }

/* linha do tempo / fases */
.fases{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px; }
@media(max-width:760px){ .fases{ grid-template-columns:1fr; } }
.fase{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow-sm); position:relative; }
.fase .tag{ font-family:var(--body); font-weight:800; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--coral); }
.fase h3{ font-size:1.18rem; margin:8px 0 6px; }
.fase p{ color:var(--plum-soft); font-size:.98rem; }

/* CTAs grandes */
.cta-row{ display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.btn-soft{ background:var(--lilac-50); color:var(--lilac-deep); }
.btn-soft:hover{ background:var(--lilac-100); transform:translateY(-3px); }

/* ---------- FORMULÁRIOS ---------- */
.form-card{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-lg); padding:32px 30px; box-shadow:var(--shadow); }
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px 18px; }
.form-grid .full{ grid-column:1 / -1; }
@media(max-width:620px){ .form-grid{ grid-template-columns:1fr; } }
.field{ display:flex; flex-direction:column; gap:6px; }
.field label{ font-weight:700; font-size:.92rem; color:var(--plum); }
.field input, .field textarea, .field select{
  font-family:var(--body); font-size:1rem; color:var(--plum);
  padding:12px 14px; border:1.5px solid var(--lilac-100); border-radius:14px; background:#fff; width:100%;
  transition:border-color .15s, box-shadow .15s;
}
.field textarea{ min-height:120px; resize:vertical; }
.field input:focus, .field textarea:focus, .field select:focus{ outline:none; border-color:var(--lilac); box-shadow:0 0 0 4px var(--lilac-50); }
.choice{ display:flex; flex-wrap:wrap; gap:10px; }
.choice label{ display:flex; align-items:center; gap:8px; font-weight:600; color:var(--plum-soft); background:var(--lilac-50); border:1.5px solid transparent; border-radius:999px; padding:9px 16px; cursor:pointer; font-size:.95rem; }
.choice input{ accent-color:var(--lilac-deep); width:16px; height:16px; }
.choice label:hover{ border-color:var(--lilac-100); }
.form-note{ font-size:.88rem; color:var(--plum-soft); margin-top:6px; }

/* contato — info direta */
.contact-info{ display:grid; gap:14px; margin-top:8px; }
.contact-info li{ list-style:none; display:flex; gap:14px; align-items:flex-start; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; box-shadow:var(--shadow-sm); }
.contact-info .ic{ width:42px; height:42px; flex:0 0 42px; border-radius:12px; display:grid; place-items:center; }
.contact-info b{ display:block; color:var(--plum); }
.contact-info span{ color:var(--plum-soft); }
.contact-info a{ color:var(--lilac-deep); font-weight:700; word-break:break-word; }

/* mapa */
.map-embed{ border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--line); }
.map-embed iframe{ width:100%; height:380px; border:0; display:block; }

/* termo de adesão */
.termo{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-lg); padding:34px 36px; box-shadow:var(--shadow-sm); }
.termo h2{ font-size:1.4rem; text-align:center; margin-bottom:18px; }
.termo h3{ font-size:1.12rem; margin:22px 0 8px; color:var(--lilac-deep); }
.termo p{ color:var(--plum-soft); margin-bottom:12px; }
.termo ul{ margin:0 0 12px 0; padding-left:0; list-style:none; display:grid; gap:10px; }
.termo ul li{ display:flex; gap:10px; color:var(--plum-soft); }
.termo ul li b{ color:var(--plum); }
.termo ul li::before{ content:""; flex:0 0 8px; width:8px; height:8px; margin-top:9px; border-radius:50%; background:var(--coral); }

/* footer institucional (injetado) */
footer.site .tagline-foot{ font-family:var(--display); font-style:italic; color:#E9E6D6; margin-top:10px; }
footer.site .addr{ color:#BEC0A4; font-size:.92rem; line-height:1.7; }

/* galeria de fotos */
.gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px; }
@media(max-width:760px){ .gallery{ grid-template-columns:1fr; } }
.gallery figure{ margin:0; }
.gallery .photo{ aspect-ratio:4/3; }
.gallery figcaption{ margin-top:12px; font-weight:800; color:var(--plum); font-size:1rem; }
.gallery figcaption span{ display:block; font-weight:500; color:var(--plum-soft); font-size:.92rem; margin-top:2px; }

/* nota de transparência (renda revertida ao Instituto) */
.apoio{ display:flex; gap:14px; align-items:flex-start; background:linear-gradient(120deg,var(--peach-soft),#F3E7D6); border:1px solid var(--peach); border-radius:var(--radius); padding:18px 22px; color:#6b4a32; box-shadow:var(--shadow-sm); }
.apoio svg{ flex:0 0 26px; margin-top:2px; color:var(--coral-deep); }
.apoio b{ color:var(--coral-deep); }

/* foto da sede (projeto em execução) */
.sede-foto{ position:relative; max-width:780px; margin:28px auto 0; border-radius:22px; overflow:hidden; box-shadow:var(--shadow-lg); }
.sede-foto img{ width:100%; height:auto; display:block; }
.badge-obra{ position:absolute; top:16px; left:16px; background:var(--coral-deep); color:#fff; font-weight:800; font-size:.85rem; letter-spacing:.02em; padding:9px 16px; border-radius:999px; box-shadow:var(--shadow); display:inline-flex; align-items:center; gap:8px; }