/* Rodapé: o recado dela, o telefone, as seis pedras na fita e os dados da casa */
.rodape{position:relative;z-index:8;isolation:isolate;overflow:hidden;background:var(--basalto);color:var(--creme-escuro);margin-top:-2.4rem;border-radius:2.4rem 2.4rem 0 0;padding:calc(var(--respiro) * .8) var(--margem) 1.6rem}
.ro-luz{position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 46% at 30% 34% in oklch,rgba(247,207,145,.24),transparent 72%)}
.ro-dentro{max-width:var(--largura);margin:0 auto}
.ro-fecho{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.ro-fala{font-family:var(--display);font-size:clamp(3.6rem,9.6vw,9.2rem);line-height:.9;letter-spacing:-.03em;white-space:nowrap;color:var(--led);text-shadow:0 0 80px rgba(247,207,145,.45);transition:color 1.6s .3s,text-shadow 1.6s .3s}
.js .ro-fala[data-r]{opacity:1;transform:none}
.js .ro-fala:not(.visto){color:rgba(243,228,209,.35);text-shadow:none}
.js .rodape:has(.ro-fala:not(.visto)) .ro-luz{opacity:0}
.ro-luz{transition:opacity 1.8s .2s}
.ro-de{margin-top:1.2rem;font-size:.9rem;color:#c9a98f}
.ro-zap .olho{color:var(--ambar)}
.ro-num{display:block;margin-top:.8rem;font-family:var(--display);font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.015em;text-decoration:none;color:var(--creme-escuro)}
.ro-num:hover{color:var(--led)}
.ro-zap .btn{margin-top:1.4rem;background:var(--creme);color:var(--basalto)}
.ro-zap .btn:hover{background:var(--pink);color:#fff}
.ro-prat{margin-top:clamp(2.6rem,6vw,5rem)}
.ro-fila{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:-.5rem;padding:0 clamp(.4rem,4vw,4rem);position:relative;z-index:1}
.ro-fila svg{width:clamp(2.4rem,6.4vw,5.6rem);height:auto}
.rodape .led{animation:none}
.ro-cols{margin-top:clamp(2.4rem,5vw,4rem);display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:2rem;align-items:start}
.ro-cols i{font-style:normal;white-space:nowrap}
.ro-logo{display:block;width:clamp(12rem,17vw,15.5rem);height:auto;filter:brightness(1.22) saturate(1.05) drop-shadow(0 0 26px rgba(247,207,145,.22))}
.ro-cols h2{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ambar);line-height:1.4}
.ro-cols p,.ro-cols li{margin-top:.65rem;font-size:.94rem;line-height:1.55;color:#e0cbb6}
.ro-cols ul{list-style:none;padding:0}
.ro-cols a{text-underline-offset:.25em;text-decoration-color:rgba(243,228,209,.4)}
.ro-cols a:hover{text-decoration-color:var(--led)}
.ro-fim{margin-top:clamp(2.2rem,4vw,3.4rem);padding-top:1.1rem;border-top:1px solid rgba(243,228,209,.14);display:grid;grid-template-columns:auto 1fr auto;gap:.5rem 2rem;font-size:.78rem;line-height:1.5;color:#c9a98f}
.ro-fim strong{font-weight:700;color:var(--creme-escuro)}
.ro-fim a{color:var(--creme-escuro);font-weight:700;text-underline-offset:.25em}
.ro-fim a:hover{color:var(--led)}
@media (max-width:860px){
  .rodape{border-radius:1.6rem 1.6rem 0 0;margin-top:-1.6rem}
  .ro-fecho{grid-template-columns:1fr}
  .ro-fala{font-size:clamp(3.4rem,17.5vw,5.4rem)}
  .ro-cols{grid-template-columns:1fr;gap:1.5rem}
  .ro-logo{width:12.5rem}
  .ro-fim{grid-template-columns:1fr;padding-bottom:4.4rem}
}