From dd748d64d846dc8cc854b5443c4cc672829a274e Mon Sep 17 00:00:00 2001
From: adevopg <adevopg@gmail.com>
Date: Tue, 14 Jul 2026 15:10:03 +0000
Subject: [PATCH] =?UTF-8?q?Header:=20restaurar=20content-box=20en=20el=20n?=
 =?UTF-8?q?av=20(tama=C3=B1o=20como=20el=20original)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

El tema nw-ryu se diseñó para content-box; los items del nav usan min-width:126px
+ padding:24px (ancho total 174px). El preflight de Tailwind fuerza border-box, que
mete el padding dentro del min-width -> items ~48px más estrechos y header apretado
respecto a ultimowow.com. Se revierte a content-box en .nav-bar a / .nav-dropdown-btn
/ .nav-dropdown-content a (mismo patrón que ya se hizo con inputs/tablas/img).

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

diff --git a/web-next/app/globals.css b/web-next/app/globals.css
index f31c9e0..65fa7cb 100644
--- a/web-next/app/globals.css
+++ b/web-next/app/globals.css
@@ -48,6 +48,16 @@ table {
 img {
   display: inline;
 }
+/* 4) La barra de navegación se diseñó para content-box: sus enlaces/botones usan
+   `min-width: 126px` + `padding: 24px`, así que con el border-box del preflight
+   quedan ~48px más estrechos (contenido 78px) y el header sale apretado/pequeño
+   respecto al original. Volvemos a content-box en los elementos del nav para que
+   el ancho coincida con la web original (126 + 48 = 174px). */
+.nav-bar a,
+.nav-dropdown-btn,
+.nav-dropdown-content a {
+  box-sizing: content-box;
+}
 
 /* Componentes reutilizables */
 @layer components {