/* Overrides mínimos: menú y hero (carga después de global.css) */
header button {
    display: inline-flex !important;
    width: auto !important;
    margin-bottom: 0 !important;
}

.hero-banner {
    max-width: 100% !important;
    padding-top: var(--header-height, 4rem);
    box-sizing: border-box;
    min-height: calc(100vh - var(--header-height, 4rem));
    min-height: calc(100dvh - var(--header-height, 4rem));
}

.hero-banner > .relative.z-10 {
    min-height: calc(100vh - var(--header-height, 4rem));
    min-height: calc(100dvh - var(--header-height, 4rem));
}