/* ============================================================
   the W4y20 — estilos comuns a todas as páginas
   ------------------------------------------------------------
   1. Rodapé enxuto (logo, slogans, frase, Instagram, WhatsApp)
   2. Rótulo longo da navegação ("Comunidade & Manifesto")

   O HTML do rodapé é aplicado em todas as páginas por
   the-w4y20/_patch_rodape.py. Para mudar o texto, mude lá e
   rode o script de novo; para mudar o visual, mude aqui.
   As cores são fixas (não dependem das variáveis da página).
   ============================================================ */

footer.rodape{background:#0D0D0D;color:#F1EFE6;padding:clamp(64px,9vw,128px) 0 30px;position:relative;overflow:hidden;border-top:1px solid rgba(241,239,230,.08);font-family:'Archivo',sans-serif}
.rodape .rp-wrap{max-width:1440px;margin:0 auto;padding:0 28px;position:relative;z-index:2}

.rodape .rp-frase{font-family:'Archivo Black',sans-serif;font-weight:900;font-size:clamp(40px,7.2vw,120px);line-height:.88;letter-spacing:-.045em;text-transform:uppercase;max-width:15ch;margin:0}
.rodape .rp-frase em{font-style:normal;color:#7C8B5A}

.rodape .rp-linha{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:26px 48px;margin-top:clamp(40px,6vw,84px);padding-top:30px;border-top:1px solid rgba(241,239,230,.14)}

.rodape .rp-logo{font-family:'Archivo Black',sans-serif;font-weight:900;font-size:clamp(42px,4.4vw,64px);letter-spacing:-.05em;line-height:.82;display:inline-flex;align-items:baseline;white-space:nowrap;color:#F1EFE6;text-decoration:none}
.rodape .rp-logo .wm-the{font-family:'Archivo',sans-serif;font-weight:400;font-style:italic;letter-spacing:-.01em;font-size:.32em;transform:translateY(-.5em);margin-right:.08em;color:#F1EFE6}
.rodape .rp-logo .wm-letters{color:#F1EFE6}
.rodape .rp-logo .wm-numbers{color:#7C8B5A}
.rodape .rp-logo .wm-r{font-family:'Archivo',sans-serif;font-weight:400;font-size:.18em;color:#7C8B5A;margin-left:.08em;align-self:flex-start;transform:translateY(.4em)}

.rodape .rp-slogan{font-family:'Bebas Neue',sans-serif;font-size:clamp(15px,1.35vw,20px);letter-spacing:.34em;color:rgba(241,239,230,.72);margin:0;padding-bottom:4px}
.rodape .rp-slogan em{font-style:normal;color:#7C8B5A}

.rodape .rp-contato{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.rodape .rp-contato a{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(241,239,230,.24);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#F1EFE6;text-decoration:none;transition:background .2s,border-color .2s}
.rodape .rp-contato a:hover,.rodape .rp-contato a:focus-visible{background:#D44136;border-color:#D44136}
.rodape .rp-contato svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}

.rodape .rp-legal{margin:28px 0 0;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(241,239,230,.4);line-height:1.9}

@media(max-width:860px){
  .rodape .rp-linha{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px}
  .rodape .rp-contato{justify-content:flex-start}
}

/* Navegação: o complemento "& Manifesto" some quando a barra aperta
   (no menu de celular, que ocupa a tela, ele volta a aparecer). */
@media(min-width:681px) and (max-width:1180px){ .nav-amp{display:none} }