/* Seção 03 — apresentação simples da Arquitetura da Vida. */
.formation{display:block;padding:48px 6% 46px;background:#0b0f0e;border-top:0;border-bottom:1px solid #aaa39538;text-align:center}
.formation-heading{max-width:790px;margin:0 auto}
.formation .eyebrow{font-size:.75rem;letter-spacing:.23em;color:var(--ivory);margin-bottom:20px;text-align:left}
.formation .eyebrow:after{display:inline-block;width:45px;margin-left:20px;border-top:1px solid var(--gold)}
.formation h2{font-size:clamp(2.8rem,4.3vw,4.7rem);line-height:1.05;margin:0 0 20px;letter-spacing:-.035em}
.formation h2 em{color:#c6a265}
.formation-description{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65;max-width:710px;margin:0 auto;color:#ded9cf;text-wrap:pretty}
.formation-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:38px auto 0;max-width:1150px;position:relative;gap:20px}
.formation-journey:before{content:'';position:absolute;top:33px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,#b5945270,#d2ab6a,#b5945270)}
.formation-journey li{position:relative;display:flex;flex-direction:column;align-items:center;gap:17px}
.formation-symbol{display:grid;place-items:center;width:67px;height:67px;border:1px solid #b5945288;border-radius:50%;background:#0b0f0e;color:#d2ad70}
.formation-symbol svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.formation-journey li:last-child .formation-symbol{box-shadow:0 0 24px #b5945219}
.formation-journey p{font:clamp(1.15rem,1.7vw,1.65rem)/1.25 var(--serif);margin:0;color:#ebe6dd}
@media(max-width:760px){.formation{padding:36px 7%}.formation h2{font-size:clamp(2.65rem,9vw,3.7rem)}.formation-description{font-size:1rem;line-height:1.6}.formation-journey{display:flex;flex-direction:column;gap:22px;max-width:350px;margin-top:30px;text-align:left}.formation-journey:before{left:28px;right:auto;top:29px;bottom:29px;width:1px;height:auto;background:#b5945270}.formation-journey li{flex-direction:row;gap:22px;align-items:center}.formation-symbol{width:57px;height:57px;flex-shrink:0}.formation-symbol svg{width:31px;height:31px}.formation-journey p{font-size:1.35rem}}

/* Personagens acrescentados abaixo dos textos, preservando o diagrama. */
.formation-character{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:760px){.formation .eyebrow{letter-spacing:.16em}.formation .eyebrow:after{width:25px;margin-left:12px}.formation-journey li{display:grid;grid-template-columns:57px minmax(0,1fr);gap:16px 22px}.formation-character{grid-column:2;width:100%;max-width:240px;justify-self:center}.formation-symbol{grid-column:1;grid-row:1}.formation-journey p{grid-column:2;grid-row:1}}