From 52370f7e75fadc260deb40aa26893d211bf470e4 Mon Sep 17 00:00:00 2001
From: adevopg <adevopg@gmail.com>
Date: Mon, 13 Jul 2026 12:28:12 +0000
Subject: [PATCH] =?UTF-8?q?web-next:=20corregir=20altura=20de=20los=20<sel?=
 =?UTF-8?q?ect>=20(60px=20=E2=86=92=2040px)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

El override box-sizing:content-box incluía `select`, agrandándolo a 60px de
alto y 320px de ancho. El default del navegador para <select> es border-box
(40px), igual que la web original sin Tailwind. Se quita `select` del override
(los inputs de texto siguen en content-box, que sí es su default). Corrige el
campo de /download-client y todos los selects del sitio (recover, admin,
servicios de personaje).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web-next/app/globals.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/web-next/app/globals.css b/web-next/app/globals.css
index 2254e79..21941f7 100644
--- a/web-next/app/globals.css
+++ b/web-next/app/globals.css
@@ -23,17 +23,18 @@
 /* El tema nw-ryu se diseñó para los defaults del navegador (igual que la web
    Django, que NO usa Tailwind). El preflight de Tailwind rompe dos cosas:
    1) box-sizing:border-box hace que la height fija de los inputs incluya el
-      padding → campos aplastados. Volvemos a content-box en los inputs/select
-      que estiliza el tema (los de .admin-form conservan border-box por su
-      mayor especificidad).
+      padding → campos aplastados. Volvemos a content-box SOLO en los inputs de
+      texto que estiliza el tema (el navegador les da content-box por defecto,
+      como la web Django sin Tailwind; los de .admin-form conservan border-box
+      por su mayor especificidad). OJO: `select` NO va aquí — su default del
+      navegador es border-box (40px); forzarlo a content-box lo agranda a 60px.
    2) border-collapse:collapse anula el border-spacing de las tablas del tema
       (middle-center-table, etc.) → filas pegadas. Volvemos a separate.
    Reglas SIN capa: ganan al preflight de Tailwind (que va en @layer base). */
 input[type='text'],
 input[type='email'],
 input[type='password'],
-input[type='number'],
-select {
+input[type='number'] {
   box-sizing: content-box;
 }
 table {