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 {