/* responsive-overrides.css — se carga DESPUÉS del CSS original */
#tnei, #tnei * { box-sizing: border-box; }
#tnei img { max-width: 100%; height: auto; display: block; }
#tnei .container { width: 100%; max-width: 740px; margin: 0 auto; }

@media (max-width: 640px) {
  #tnei .form { display: grid; grid-template-columns: 1fr; gap: 12px; }
  #tnei .button { width: 100%; }
  #tnei .input { width: 100%; font-size: 16px; }
  #tnei .container { padding: 12px; }
  #tnei .card { padding: 14px; border-radius: 14px; }
  #tnei #cardContent { font-size: clamp(16px, 4vw, 20px); line-height: 1.25; }
}
#tnei h1, #tnei h2, #tnei h3 { line-height: 1.2; }
#tnei .title { font-size: clamp(22px, 5vw, 34px); font-weight: 700; }