.rodape { position: relative; isolation: isolate; overflow: clip; background: var(--d-breu); color: #f3eee6; padding: 0 var(--d-margem) 28px; --acento: #e8b877; }
.rodape__pista { position: absolute; inset: 0 0 auto 0; height: clamp(320px, 46vw, 560px); z-index: -1; overflow: hidden; background: linear-gradient(in oklab, #070b1c 0%, #0c1226 12%, #1b2150 24%, #3b2f55 30.5%, #090a0f 31%); }
.rodape__pista img { position: absolute; left: 50%; top: 26%; width: max(1700px, 150vw); max-width: none; height: auto; transform: translateX(-50%); filter: brightness(.5) saturate(.6) hue-rotate(-8deg); }
.rodape__pista::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgb(9 10 15 / 0) 40%, var(--d-breu) 96%), radial-gradient(in oklab ellipse 34% 14% at 50% 31%, rgb(232 184 119 / .22), transparent 70%); }
.rodape__fecho { width: min(100%, var(--largura)); margin-inline: auto; min-height: clamp(320px, 46vw, 560px); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 28px; padding-block: 56px clamp(40px, 6vw, 80px); }
.rodape__frase { font-weight: 800; font-size: clamp(2rem, 5vw, 4.4rem); line-height: 1.04; letter-spacing: -.015em; text-shadow: 0 2px 30px rgb(9 12 28 / .7); }
.rodape__frase span { display: block; margin-top: .35em; font-weight: 600; font-size: .52em; line-height: 1.25; letter-spacing: 0; color: rgb(243 238 230 / .88); }
.rodape__frase b { color: var(--d-pessego); font-weight: 800; }
.rodape__estrelas { position: absolute; inset: 0 0 70% 0; opacity: .8; animation: rodape-pisca 7s ease-in-out infinite alternate;
  background: radial-gradient(1.2px 1.2px at 8% 30%, #fff, transparent), radial-gradient(1px 1px at 17% 62%, #cfd6ff, transparent), radial-gradient(1.4px 1.4px at 29% 18%, #fff, transparent), radial-gradient(1px 1px at 41% 48%, #fff, transparent), radial-gradient(1.2px 1.2px at 55% 12%, #ffe9c9, transparent), radial-gradient(1px 1px at 63% 58%, #fff, transparent), radial-gradient(1.5px 1.5px at 74% 26%, #fff, transparent), radial-gradient(1px 1px at 83% 66%, #cfd6ff, transparent), radial-gradient(1.2px 1.2px at 92% 20%, #fff, transparent), radial-gradient(1px 1px at 36% 80%, #fff, transparent), radial-gradient(1px 1px at 69% 84%, #fff, transparent); }
@keyframes rodape-pisca { from { opacity: .45; } to { opacity: .9; } }
.rodape__farois { position: absolute; left: 0; right: 0; top: 46%; bottom: 0; mix-blend-mode: screen;
  background: radial-gradient(in oklab ellipse 20% 46% at 36% 78%, rgb(243 226 190 / .2), transparent 70%), radial-gradient(in oklab ellipse 20% 46% at 60% 78%, rgb(243 226 190 / .2), transparent 70%); }
.rodape__nota { margin-top: 26px; }
.rodape__nav { display: flex; flex-wrap: wrap; gap: 0 28px; margin-top: 22px; font-weight: 600; }
.rodape__nav a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; opacity: .85; }
.rodape__nav a:hover, .rodape__nav a:focus-visible { opacity: 1; text-decoration: underline; text-underline-offset: .3em; }
.rodape__nav a:last-child { color: var(--d-pessego); opacity: 1; }
.rodape__tachoes { grid-column: 1 / -1; height: 6px; margin-top: 20px; background: radial-gradient(circle, #e8b877 0 2.2px, rgb(232 184 119 / .25) 2.6px 4px, transparent 4.5px) 0 50% / 56px 6px repeat-x; opacity: .8; }
.rodape__miolo { width: min(100%, var(--largura)); margin-inline: auto; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.rodape__marca { display: flex; gap: 12px; align-items: center; }
.rodape__marca img { filter: brightness(0) invert(1); }
.rodape__marca strong { display: block; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; }
.rodape__marca small { font-family: var(--d-mono); font-size: var(--t-mini); letter-spacing: .3em; text-transform: uppercase; opacity: .7; }
.rodape__nome { margin-top: 28px; font-weight: 800; font-size: clamp(1.3rem, 2vw, 1.7rem); line-height: 1.2; }
.rodape__nome .dado { display: block; font-weight: 600; font-size: 1.05rem; letter-spacing: .08em; color: var(--d-pessego); margin-top: 6px; }
.rodape__areas { margin-top: 10px; color: rgb(243 238 230 / .75); }
.rodape__placa { border: 2px solid #f3eee6; border-radius: 12px; background: var(--d-indigo); box-shadow: 0 0 0 4px var(--d-indigo), 0 24px 50px -24px #000; }
.rodape__placa li { display: grid; grid-template-columns: 7.5em 1fr; gap: 16px; align-items: baseline; padding: 16px 20px 14px; }
.rodape__placa li + li { border-top: 2px solid rgb(243 238 230 / .35); }
.rodape__placa .dado { font-size: var(--t-mini); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
.rodape__placa a, .rodape__placa li > span:last-child { font-weight: 600; font-size: 1.08rem; text-underline-offset: .3em; overflow-wrap: anywhere; }
.rodape__fim { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; padding-top: 12px; font-size: var(--t-mini); color: rgb(243 238 230 / .7); }
.rodape__fim a { color: #f3eee6; font-weight: 600; text-underline-offset: .3em; display: inline-flex; min-height: 44px; align-items: center; }
.rodape__fim span { display: inline-flex; align-items: center; gap: .35em; }
@media (max-width: 860px) {
  .rodape { padding-bottom: 96px; }
  .rodape__miolo { grid-template-columns: 1fr; }
  .rodape__pista img { top: 22%; }
  .rodape__fecho { min-height: 420px; }
  .rodape__pista { height: 420px; background: linear-gradient(in oklab, #070b1c 0%, #0c1226 12%, #1b2150 22%, #3b2f55 27.5%, #090a0f 28%); }
  .rodape__placa li { grid-template-columns: 1fr; gap: 4px; }
  .rodape__fecho .d-botao { width: 100%; flex: 0 0 auto; }
  .rodape__nav { display: grid; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) { .rodape__placa a[href^="mailto"] { font-size: .9rem; } }
