/* Celular: seções abaixo da primeira tela (Sobre, Áreas de atuação, Fale comigo, rodapé).
   Mesmo fundo em degradê e mesma tipografia da primeira tela; detalhes em champagne. Medidas em cqw. */
.card{--gold:#cdb583}
.m-sec{padding:0 7cqw}
.m-about{padding-top:16cqw}
.m-areas{padding-top:20cqw}
.m-contact{padding-top:20cqw;text-align:center}
.m-eyebrow{margin:0 0 6cqw;font:500 2.7cqw/1 var(--sans);letter-spacing:.3em;color:var(--gold)}
.m-eyebrow::after{content:"";display:block;width:13cqw;height:1px;margin-top:4.4cqw;background:var(--gold);opacity:.8}
.m-contact .m-eyebrow::after{margin-left:auto;margin-right:auto}
.m-title{margin:0 0 5.4cqw;font:400 9.8cqw/1.08 var(--serif2);letter-spacing:-.005em;color:#fff;text-wrap:balance}
.m-text{margin:0;font:400 3.7cqw/1.75 var(--sans);color:var(--text-soft)}
.m-photo{position:relative;margin:0 0 11cqw 6cqw;width:64cqw}
.m-photo::before{content:"";position:absolute;inset:-4.6cqw 4.6cqw 4.6cqw -4.6cqw;border:1px solid var(--gold);opacity:.75}
.m-photo img{position:relative;display:block;width:100%;height:auto;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.m-list{margin:10cqw 0 0;padding:0}
.m-list li{display:grid;grid-template-columns:9cqw 1fr;gap:5cqw;align-items:start;padding:5.6cqw 0;border-top:1px solid rgba(255,255,255,.14)}
.m-list li:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.m-list svg{width:9cqw;height:9cqw;fill:none;stroke:var(--gold);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.m-list h3{margin:.6cqw 0 1.4cqw;font:400 5.9cqw/1.12 var(--serif2);color:#fff}
.m-list p{margin:0;font:400 3.3cqw/1.5 var(--sans);color:var(--text-soft)}
.m-mail{display:grid;place-items:center;width:17cqw;height:17cqw;margin:0 auto 7cqw;border:1px solid var(--gold);border-radius:50%;color:#fff}
.m-mail svg{width:8cqw;height:8cqw;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.m-contact .m-title{font-size:8.6cqw}
.m-contact .wa{margin-top:8cqw}
.m-foot{margin:18cqw 7cqw 0;padding:8cqw 0 calc(4cqw + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.14);text-align:center;color:var(--text-soft)}
.m-foot .mono{display:block;width:13cqw;height:13cqw;margin:0 auto 4cqw;color:var(--gold)}
.m-foot text{font:500 28px var(--serif2);fill:var(--gold)}
.m-foot p{margin:0;font-size:2.9cqw;line-height:1.6}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.site-toast{position:fixed;left:50%;bottom:18px;z-index:30;transform:translateX(-50%);max-width:min(92vw,460px);padding:12px 18px;border-radius:12px;background:#0c2922;color:#faf8f3;font:500 14px/1.4 var(--sans);text-align:center}
.site-toast:empty{display:none}
/* Aparecer ao rolar */
.anim .rv{opacity:0;transition:opacity .9s ease;transition-delay:var(--d,0s)}
.anim .rv.in{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .anim .rv{transform:translateY(7cqw);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
  .anim .rv.in{transform:none}
  .anim:not(.ready) .install{opacity:0;transform:translateY(-2cqw)}
  .install{transition:opacity .8s ease .9s,transform .8s cubic-bezier(.2,.7,.2,1) .9s,border-color .2s}
}
.anim:not(.ready) .install{opacity:0}