Header: restaurar content-box en el nav (tamaño como el original)

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>
This commit is contained in:
2026-07-14 15:10:03 +00:00
parent adb2d86f0b
commit dd748d64d8
+10
View File
@@ -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 {