/* Votação (XtremeTop100): botão de destaque no menu, faixa na home e página vote.php. Funciona com conquer.css e com versao-teste.css. */
@keyframes vote-pulse{0%{box-shadow:0 0 0 0 rgba(255,140,50,.65)}70%{box-shadow:0 0 0 14px rgba(255,140,50,0)}100%{box-shadow:0 0 0 0 rgba(255,140,50,0)}}
@keyframes vote-shine{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes vote-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* link "Votar" no menu */
a.nav-vote{display:inline-flex;align-items:center;gap:6px;padding:7px 14px!important;border-radius:999px!important;font-weight:700!important;color:#1A0F04!important;
  background:linear-gradient(90deg,#FFCF73,#FF9A3D,#FFCF73);background-size:200% 100%;animation:vote-shine 3.5s linear infinite,vote-pulse 2.2s ease-out infinite}
a.nav-vote:hover{color:#1A0F04!important;filter:brightness(1.08)}
a.nav-vote::after{display:none!important}

/* faixa da home e da página */
.vote-banner{position:relative;overflow:hidden;margin:0 auto;max-width:1100px;padding:34px 28px;border-radius:18px;text-align:center;
  background:radial-gradient(120% 140% at 50% 0%,rgba(255,120,40,.28),rgba(20,14,8,.95) 60%),#15110D;border:1px solid rgba(255,190,90,.35);
  box-shadow:0 20px 60px -20px rgba(255,120,40,.45)}
.vote-banner .vote-trophy{display:block;font-size:46px;line-height:1;animation:vote-float 3s ease-in-out infinite}
.vote-banner .vote-kicker{margin:10px 0 4px;letter-spacing:.22em;font-size:12px;font-weight:700;color:#FFD27A;text-transform:uppercase}
.vote-banner h2,.vote-banner h3{margin:0 0 8px;font-family:'Cinzel',Georgia,serif;font-size:clamp(24px,4vw,36px);line-height:1.15;color:#fff4dc}
.vote-banner p{margin:0 auto 20px;max-width:620px;color:#d8cdb8;line-height:1.55}
.vote-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 34px;border-radius:12px;border:0;cursor:pointer;
  font:800 16px/1.1 'Inter',system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:#1A0F04;
  background:linear-gradient(180deg,#FFD98A,#F29A2E);box-shadow:0 10px 30px -8px rgba(255,140,50,.75),inset 0 1px 0 rgba(255,255,255,.55);
  animation:vote-pulse 2.2s ease-out infinite;transition:transform .15s,filter .2s}
.vote-btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.07);color:#1A0F04}
.vote-small{display:block;margin-top:12px;font-size:12px;color:#a89c87}

/* página vote.php */
.vote-wrap{max-width:960px;margin:0 auto;display:grid;gap:22px}
.vote-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:vs}
.vote-steps li{counter-increment:vs;position:relative;padding:20px 18px 18px 64px;border-radius:14px;background:#15110D;border:1px solid rgba(232,176,75,.18);color:#d8cdb8;line-height:1.5}
.vote-steps li::before{content:counter(vs);position:absolute;left:16px;top:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  font:800 16px 'Inter',sans-serif;color:#1A0F04;background:linear-gradient(180deg,#FFD98A,#F29A2E)}
.vote-steps b{display:block;color:#fff4dc;margin-bottom:2px}
.vote-why{padding:22px;border-radius:14px;background:#15110D;border:1px solid rgba(232,176,75,.18);color:#d8cdb8;line-height:1.6}
.vote-why h3{margin:0 0 8px;color:#FFD27A;font-family:'Cinzel',Georgia,serif}
.vote-why ul{margin:0;padding-left:20px}
@media (max-width:640px){.vote-banner{padding:26px 16px;border-radius:14px}.vote-btn{width:100%;padding:16px 18px}}
@media (prefers-reduced-motion:reduce){a.nav-vote,.vote-btn,.vote-banner .vote-trophy{animation:none}}

/* Página de votação: mantém a identidade das páginas internas e a arte do site. */
.vote-page{width:calc(100% - 32px);max-width:1100px;margin:0 auto}
.vote-feature{position:relative;isolation:isolate;overflow:hidden;min-height:410px;display:flex;align-items:center;padding:clamp(30px,5vw,64px);border:1px solid var(--line2);border-radius:var(--radius);background:#15110d url('../img/phoenix-dinasty-world.png') center 42%/cover no-repeat}
.vote-feature::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,8,6,.97) 0%,rgba(10,8,6,.9) 42%,rgba(10,8,6,.42) 100%)}
.vote-feature-content{max-width:590px}
.vote-emblem{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border:1px solid var(--line2);border-radius:12px;color:var(--gold2);background:rgba(232,176,75,.1);font-size:19px}
.vote-feature h2,.vote-details h2{font-family:var(--display);color:var(--text);text-wrap:balance}
.vote-feature h2{max-width:540px;font-size:clamp(29px,4vw,43px);line-height:1.16;margin:0 0 16px}
.vote-feature p{max-width:520px;margin:0 0 26px;color:#e0d5c3;font-size:16px;line-height:1.7}
.vote-feature .vote-action{width:auto;min-height:50px;white-space:normal;text-align:center}
.vote-action-note{display:block;margin-top:13px;color:#d0c2ac;font-size:12px}
.vote-action-note i{margin-right:5px;font-size:10px}
.vote-action:focus-visible{outline:3px solid #ffe3a3;outline-offset:4px}
.vote-details{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:clamp(32px,6vw,76px);padding:56px 8px 16px}
.vote-details h2{font-size:clamp(23px,2.5vw,28px);line-height:1.3;margin:0}
.vote-intro{margin:8px 0 25px;color:var(--muted)}
.vote-guide-list{list-style:none;counter-reset:vote-step;margin:0;padding:0}
.vote-guide-list li{counter-increment:vote-step;display:grid;grid-template-columns:40px 1fr;gap:16px;padding:19px 0;border-top:1px solid var(--line)}
.vote-guide-list li::before{content:counter(vote-step,decimal-leading-zero);font:700 17px/1.4 var(--display);color:var(--gold2)}
.vote-guide-list h3{margin:0 0 5px;color:var(--text);font-size:15px}
.vote-guide-list p,.vote-impact p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.vote-impact{align-self:start;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.vote-impact>i{color:var(--gold2);font-size:21px;margin-bottom:20px}
.vote-impact h2{font-size:21px;margin-bottom:16px}
.vote-impact p+p{margin-top:12px}
@media (max-width:700px){.vote-feature{min-height:0;padding:34px 24px;background-position:60% center}.vote-feature::before{background:linear-gradient(90deg,rgba(10,8,6,.96),rgba(10,8,6,.74))}.vote-details{grid-template-columns:1fr;gap:28px;padding:36px 0 8px}.vote-feature .vote-action{width:100%}.vote-impact{padding:24px}}