/* rodapé (rp-) — noite musgo das poltronas, com o letreiro da fachada aceso */
.rp-rodape { position: relative; isolation: isolate; overflow: clip; background: var(--d-musgo-noite); color: #d9cdbb;
  padding: clamp(4.5rem, 9vw, 7.5rem) var(--d-margem) clamp(1.6rem, 3vw, 2.4rem); --d-terracota-tinta: var(--wf-terra-clara); }
.rp-m1 { --s: 80vmax; --x: 85%; --y: 105%; --c: rgb(196 120 62 / .28); --t: 30s; --dx: -8vmax; --dy: -4vmax; }
.rp-m2 { --s: 60vmax; --x: 5%; --y: 0%; --c: rgb(79 90 42 / .45); --t: 26s; }
.rp-dentro { max-width: 76rem; margin: 0 auto; }
.rp-topo { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.6rem 2rem;
  padding-bottom: clamp(2.2rem, 4vw, 3.2rem); border-bottom: 1px solid rgb(251 244 232 / .14); }
.rp-ate { margin: 0; font-size: clamp(2.8rem, 6vw, 5.4rem); line-height: 1; color: var(--d-creme); }
.rp-ate .wf-script { font-size: .78em; }
.rp-colunas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.8rem 2rem; padding: clamp(2rem, 4vw, 3rem) 0; }
.rp-rot { margin: 0 0 .5rem; font: 600 .875rem/1.2 var(--d-f-texto); letter-spacing: .15em; text-transform: uppercase; color: var(--wf-terra-clara); }
.rp-col p { margin: 0; font-size: 1.05rem; line-height: 1.6; }
.rp-rodape a { color: var(--d-creme); text-underline-offset: .25em; text-decoration-thickness: 1px; }
.rp-mini { display: inline-flex; min-height: 2.75rem; align-items: center; font-weight: 600; }
.rp-rodape .rp-btn { background: var(--d-creme); color: var(--d-tinta); text-decoration: none; }
.rp-rodape .rp-btn:hover { background: #fff; color: var(--d-tinta); }
.rp-nw { white-space: nowrap; }

/* letreiro: o logo grande como a placa da fachada, com a fita de LED âmbar embaixo */
.rp-letreiro { position: relative; padding: clamp(1rem, 3vw, 2.4rem) 0 clamp(1.6rem, 3vw, 2.4rem); }
.rp-simbolo { display: block; width: min(100%, 64rem); height: auto; margin: 0 auto; filter: drop-shadow(0 0 22px rgb(255 190 120 / .14)); }
.rp-led { position: absolute; left: 4%; right: 4%; bottom: .6rem; height: 3px; border-radius: 3px;
  background: linear-gradient(90deg in oklab, rgb(255 196 120 / 0), rgb(255 196 120 / .95) 20% 80%, rgb(255 196 120 / 0));
  box-shadow: 0 0 18px 4px rgb(255 176 92 / .45), 0 0 60px 10px rgb(255 160 80 / .18); }
.js .rp-led { transform: scaleX(0); transition: transform 1.6s cubic-bezier(.6,0,.2,1) .3s; }
.js .rp-letreiro.is-vis .rp-led { transform: none; }

.rp-base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem 2rem; padding-top: 1.2rem;
  border-top: 1px solid rgb(251 244 232 / .14); font-size: .95rem; }
.rp-base p { margin: 0; }
.rp-selo a { font-weight: 700; color: var(--wf-terra-clara); }

@media (max-width: 980px) { .rp-colunas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .rp-colunas { grid-template-columns: minmax(0, 1fr); }
  .rp-topo .wf-btn { width: 100%; justify-content: center; }
  .rp-rodape { padding-bottom: 1.6rem; }
}

/* rodada 3: letreiro acende como neon, colunas mais compactas no celular, texto mais claro */
.rp-col p { color: #e6dccb; }
.js .rp-simbolo { opacity: .18; filter: none; }
.js .rp-letreiro.is-vis .rp-simbolo { animation: rp-acende 1.8s steps(1, end) .5s forwards; }
@keyframes rp-acende {
  0% { opacity: .18; } 12% { opacity: .9; } 18% { opacity: .3; } 30% { opacity: 1; } 36% { opacity: .55; }
  48%, 100% { opacity: 1; filter: drop-shadow(0 0 22px rgb(255 190 120 / .16)); }
}
@media (max-width: 560px) {
  .rp-colunas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem 1.2rem; }
  .rp-colunas .rp-col:first-child, .rp-colunas .rp-col:last-child { grid-column: 1 / -1; }
  .rp-col p { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .js .rp-simbolo { opacity: 1; } }