/* Ajustes para a redação aprovada e seções migradas. */
#amanda,#espaco,#como-funciona,#principios{scroll-margin-top:110px}
.principles-summary{max-width:760px;margin:36px auto 0;text-align:center;color:inherit;line-height:1.7}
.phase-content p+p,.story-card p+p{margin-top:1em}
.contato-whatsapp{margin-top:24px}
@media(max-width:767px){.hero__titulo{overflow-wrap:normal}.principles-summary{padding:0 10px}.phase-content{min-width:0}.photo-deck{max-width:100%}.hero-cover h1{font-size:clamp(2.5rem,10vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Instagram: chamada centralizada, em ameixa para destacar sem perder a paleta. */
#instagram .instagram-action{display:flex;justify-content:center;width:100%;max-width:none;margin:2rem auto 0!important}
#instagram .instagram-cta{background:#794257;color:#fff;border-color:#794257;box-shadow:0 6px 18px #79425722;text-align:center;align-self:center}
#instagram .instagram-cta:hover{background:#633448;border-color:#633448;color:#fff}
#instagram .instagram-cta:focus-visible{outline:3px solid #794257;outline-offset:5px}
/* Mesmo menu suspenso em todas as larguras: sempre acionado pelo botão. */
#siteHeader .header__inner{position:relative}
#siteHeader .header__acoes{margin-left:auto}
#siteHeader .menu-btn{display:flex;flex-shrink:0}
#siteHeader .header__nav{position:absolute;inset:calc(100% + 10px) 0 auto;width:auto;max-width:none;height:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:0 10px;margin:0;background:#fff;border:1px solid var(--linha);border-radius:20px;max-height:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);white-space:normal;transition:max-height .4s var(--ease),opacity .25s,transform .4s var(--ease),padding .4s var(--ease)}
#siteHeader.force-open .header__nav{max-height:calc(100dvh - 120px);overflow-y:auto;visibility:visible;opacity:1;pointer-events:auto;transform:none;padding:10px;box-shadow:0 12px 30px #493d3615}
#siteHeader .header__link{padding:12px 16px;font-size:1.1rem;min-height:48px}
@media(min-width:981px){#siteHeader .header__inner{max-width:540px;gap:20px}#siteHeader .header__nav{max-height:0}#siteHeader.force-open .header__nav{max-height:calc(100dvh - 120px)}}
#home-modes-card-1 .deck-body>img{object-position:50% 38%}
@media(prefers-reduced-motion:reduce){#siteHeader .header__nav{transition:none}}
