/* Ajustes para tablet y teléfono. Va al final para poder sobrescribir todo lo anterior. */

@media (max-width:980px){
  .finalists{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-grid{grid-template-columns:1fr}
  .voter{grid-template-columns:1fr 1fr}
  .voter .teamf{grid-column:1/-1}
  .res{grid-template-columns:1fr}
  .up-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:760px){
  .cats{grid-template-columns:1fr}
  .logo .txt{display:none}
}

@media (max-width:540px){
  .voter,.names,.up-grid{grid-template-columns:1fr}
  .finalists{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .fin .over{padding:30px 8px 8px}.fin .over b{font-size:12px}.fin .over small{display:none}.fin .count{display:none}
  .photo .ini{font-size:34px}.vote-cat,.cat,.card,.res-card{padding:18px}
  .tab{padding:8px 12px;font-size:13px}
  .dock{border-radius:22px}.dock .txt strong{font-size:13px}.btn{padding:12px 18px}
  .merge{grid-template-columns:1fr 34px}.merge select{grid-column:1/-1}
  .stat b{font-size:36px}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}