/* =====================================================================
   13. RODAPÉ
   ===================================================================== */
.rodape{ background: var(--ink); color: var(--paper-light); padding: 44px 0 max(28px, env(safe-area-inset-bottom)); border-top: 6px double var(--arcane-gold); }
.rodape a{ color: var(--paper-light); }
.rodape .wm{ align-items: flex-start; font-size: clamp(2.2rem, 9vw, 3.6rem); }
.rodape .wm-da{ color: var(--arcane-gold); }
.rodape-grid{ display: grid; gap: 24px; margin-top: 24px; }
@media (min-width: 900px){ .rodape-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); gap: 44px; } }
.rodape h2{ font-family: var(--f-mono); font-size: .7rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--arcane-gold); margin-bottom: 8px; }
.rodape p, .rodape li{ font-size: .94rem; color: var(--paper); }
.rodape ul{ list-style: none; padding: 0; margin: 0; }
.rodape li a{ display: inline-flex; min-height: 44px; align-items: center; }
.rodape p a{ padding: 12px 0; }
.rodape-base{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; margin-top: 32px; padding-top: 14px; border-top: 1px solid var(--rule-claro); }
.rodape-base a{ display: inline-flex; min-height: 44px; align-items: center; }
.toast{ position: fixed; left: 50%; bottom: max(20px, env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 200; background: var(--ink); color: var(--paper-light); font-family: var(--f-mono); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; padding: 10px 16px; border: 1px solid var(--arcane-gold); opacity: 0; pointer-events: none; transition: opacity .2s; max-width: calc(100vw - 32px); }
.toast.on{ opacity: 1; }

.rodape .wm{ margin: 0; }
.rodape-sub{ color: var(--arcane-gold); margin: 10px 0 0; }
.rodape-ed{ margin: 0; align-self: center; }