fix(header): fit the header on narrow phones after the language selector

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

components/Header.jsx

@@ -316,7 +316,7 @@ export default function Header() {
 	return (
 		<header className="sticky top-0 z-50 pt-3 sm:pt-4">
 			<div className="shell">
-				<div className="nav-pill flex h-16 items-center justify-between gap-3 rounded-full px-3 sm:px-4">
+				<div className="nav-pill flex h-16 items-center justify-between gap-1.5 rounded-full px-2.5 sm:gap-3 sm:px-4">
 					<Link
 						href={getLinkHref("/")}
 						className="flex min-h-11 shrink-0 items-center gap-2.5 rounded-full pl-1 pr-2"
@@ -333,7 +333,7 @@ export default function Header() {
 						}
 					>
 						<Logo className="h-[30px] w-[30px]" />
-						<span className="font-display text-[1.3rem] font-semibold leading-none tracking-[-0.045em] text-ink">ESPDocs</span>
+						<span className="font-display text-[1.3rem] font-semibold max-[359px]:sr-only leading-none tracking-[-0.045em] text-ink">ESPDocs</span>
 					</Link>
 
 					<nav
@@ -407,7 +407,7 @@ export default function Header() {
 						</Link>
 					</nav>
 
-					<div className="flex items-center gap-1.5">
+					<div className="flex items-center gap-1 sm:gap-1.5">
 						<Link href={getLinkHref("/seletor")} className="btn btn-primary btn-sm hidden lg:inline-flex">
 							<SlidersHorizontal className="h-4 w-4" aria-hidden="true" />
 							{isPt ? "Selecionar chip" : isEs ? "Seleccionar chip" : isFr ? "Choisir une puce" : isDe ? "Chip auswählen" : "Select chip"}