Jenn es un nombre femenino, frecuentemente una forma abreviada (hipocorístico) de Jennifer. Como diminutivo, surgió junto con el aumento de la popularidad de Jennifer en el siglo XX, particularmente en regiones de habla inglesa.
Etimología e Historia
El nombre raíz Jennifer proviene de una forma córnica del nombre galés Gwenhwyfar, el nombre original de la reina Ginebra de la leyenda artúrica. Aunque Jennifer era raro fuera de Cornualles antes de principios del siglo XX, ganó reconocimiento generalizado después de aparecer en la obra de George Bernard Shaw The Doctor's Dilemma (1906). El nombre aumentó en popularidad en los Estados Unidos durante mediados del siglo XX, convirtiéndose en el nombre más popular para niñas entre 1970 y 1984. La forma abreviada Jenn siguió naturalmente esta tendencia como una versión corta y afectuosa.
Portadores Notables
Cultura y Artes
<![CDATA[Jenn Bostic (nacida en 1986), cantautora country estadounidense</plaintext><plaintext>Jenn Grant (nacida en 1980), cantante folk pop canadiense</plaintext><plaintext>Jenn Colella, actriz y cantante estadounidense</plaintext><plaintext>Jenn Ashworth (nacida en 1982), escritora inglesa</plaintext><h3>Otros Campos</h3><plaintext>Jenn Robinson (nacida en 1991), modelo de moda canadiense</plaintext><plaintext>Jenn Stone, periodista de videojuegos estadounidense</plaintext><h2>Nombres Relacionados</h2><p>Las variantes de Jenn incluyen <a href="/name/jen">Jen</a>, <a href="/name/jena">Jena</a> y <a href="/name/jenni">Jenni</a>. El nombre también comparte raíces con formas más largas como <a href="/name/guinevere">Ginebra</a> (mitología galesa) y <a href="/name/gwenhwyfar">Gwenhwyfar</a> (galés).</p><ul><li><strong>Significado:</strong> Forma corta de Jennifer</li><li><strong>Origen:</strong> Córnico/Galés (a través de Ginebra)</li><li><strong>Tipo:</strong> Diminutivo/hipocorístico</li><li><strong>Regiones de uso:</strong> Países de habla inglesa (particularmente EE. UU. y Reino Unido)</li></ul>
</div>
</div>
</section>
<section class="mb-8">
<div class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-bronze-700 mb-4">Nombres relacionados</div>
<div class="space-y-4">
<div class="bg-bg-elevated border border-border rounded-xl p-6">
<h3 class="font-display font-medium text-lg text-ink-900 tracking-[-0.015em] mb-3">Variants</h3>
<div class="flex flex-wrap items-baseline gap-x-2 gap-y-2 leading-relaxed">
<a href="https://namehub.info/es/name/jen" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jen</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jena" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jena</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jenelle" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenelle</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jeni" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jeni</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jenna" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenna</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jenni" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenni</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jennie" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jennie</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jenny" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenny</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jenae" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenae</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jenessa" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenessa</a> </div>
</div>
<div class="bg-bg-elevated border border-border rounded-xl p-6">
<h3 class="font-display font-medium text-lg text-ink-900 tracking-[-0.015em] mb-3">Other Languages & Cultures</h3>
<div class="flex flex-wrap items-baseline gap-x-2 gap-y-2 leading-relaxed">
<span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Welsh Mythology)</span>
<a href="https://namehub.info/es/name/gwenhwyfar" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Gwenhwyfar</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Arthurian Cycle)</span>
<a href="https://namehub.info/es/name/guenevere" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Guenevere</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/guinevere" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Guinevere</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Spanish)</span>
<a href="https://namehub.info/es/name/jenifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenifer</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Swedish)</span>
<a href="https://namehub.info/es/name/jennifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jennifer</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jenny" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenny</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(French)</span>
<a href="https://namehub.info/es/name/jenna" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenna</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Finnish)</span>
<a href="https://namehub.info/es/name/jenni" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenni</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(French)</span>
<a href="https://namehub.info/es/name/guenie11vre" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Guenièvre</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/jennah" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jennah</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Hungarian)</span>
<a href="https://namehub.info/es/name/dzsenifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Dzsenifer</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Icelandic)</span>
<a href="https://namehub.info/es/name/jenny10" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenný</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Italian)</span>
<a href="https://namehub.info/es/name/ginevra" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Ginevra</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Spanish (Latin American))</span>
<a href="https://namehub.info/es/name/ye10nifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Yénifer</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/ye10nnifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Yénnifer</a><span class="text-ink-300">,</span> <a href="https://namehub.info/es/name/yenny" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Yenny</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Swedish)</span>
<a href="https://namehub.info/es/name/jennie" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jennie</a> </div>
</div>
</div>
</section>
<p class="mt-10 pt-4 border-t border-border font-serif text-sm text-ink-500 leading-relaxed">
<span class="font-display text-ink-700">Fuentes:</span>
<a href="https://en.wikipedia.org/wiki/Jenn" rel="nofollow noopener" target="_blank" class="text-blue-700 hover:text-blue-900 underline underline-offset-2 decoration-blue-300">Wikipedia — Jenn</a> </p>
</main>
<aside class="w-full lg:w-80 shrink-0 space-y-4">
<div class="bg-bg-elevated border border-border rounded-xl p-5">
<h4 class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-ink-500 mb-3">De un vistazo</h4>
<dl class="text-sm">
<div class="flex justify-between items-baseline py-2 border-t border-border first:border-t-0">
<dt class="text-ink-500">Origen</dt>
<dd class="font-display text-ink-900 text-right">Inglés</dd>
</div>
<div class="flex justify-between items-baseline py-2 border-t border-border first:border-t-0">
<dt class="text-ink-500">Género</dt>
<dd class="font-display text-ink-900">Femenino</dd>
</div>
<div class="flex justify-between items-baseline py-2 border-t border-border">
<dt class="text-ink-500">Nombres relacionados</dt>
<dd class="font-display text-ink-900 tabular-nums">27</dd>
</div>
</dl>
</div>
<div class="bg-bg-elevated border border-border rounded-xl p-5">
<h4 class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-ink-500 mb-3">Descargar</h4>
<a href="https://namehub.info/es/certificate/preview/jenn"
class="flex items-center gap-3 px-4 py-3 rounded-lg border border-border text-sm text-ink-700 hover:border-bronze-300 hover:bg-bronze-50 hover:text-bronze-700 transition group">
<svg class="w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/></svg>
<span class="flex-1 font-display">Certificado de Nombre</span>
<span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[10px] font-bold uppercase tracking-[0.06em] bg-bronze-50 text-bronze-700">Gratis</span>
</a>
</div>
<div class="bg-bg-elevated border border-border rounded-xl p-5">
<h4 class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-ink-500 mb-3">Compartir</h4>
<div class="flex flex-wrap gap-2">
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fnamehub.info%2Fes%2Fname%2Fjenn" target="_blank" rel="noopener"
class="inline-flex items-center justify-center w-10 h-10 rounded-lg border border-border text-ink-500 hover:border-bronze-300 hover:text-bronze-700 transition" title="Facebook">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fnamehub.info%2Fes%2Fname%2Fjenn&text=Jenn+%E2%80%94+Significado%2C+origen+y+popularidad+del+nombre" target="_blank" rel="noopener"
class="inline-flex items-center justify-center w-10 h-10 rounded-lg border border-border text-ink-500 hover:border-bronze-300 hover:text-bronze-700 transition" title="X">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
</a>
<a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fnamehub.info%2Fes%2Fname%2Fjenn&description=Jenn+%E2%80%94+Significado%2C+origen+y+popularidad+del+nombre" target="_blank" rel="noopener"
class="inline-flex items-center justify-center w-10 h-10 rounded-lg border border-border text-ink-500 hover:border-bronze-300 hover:text-bronze-700 transition" title="Pinterest">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12.017 24c6.624 0 11.99-5.367 11.99-11.988C24.007 5.367 18.641 0 12.017 0z"/></svg>
</a>
<button id="copy-link-btn" type="button"
class="inline-flex items-center justify-center w-10 h-10 rounded-lg border border-border text-ink-500 hover:border-bronze-300 hover:text-bronze-700 transition cursor-pointer" title="Copiar enlace">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
</button>
<script>
document.getElementById('copy-link-btn')?.addEventListener('click', function() {
const btn = this;
navigator.clipboard.writeText('https://namehub.info/es/name/jenn').then(function() {
btn.classList.add('bg-bronze-50', 'border-bronze-300', 'text-bronze-700');
setTimeout(function() { btn.classList.remove('bg-bronze-50', 'border-bronze-300', 'text-bronze-700'); }, 2000);
});
});
</script>
</div>
</div>
<div class="bg-bg-elevated border border-border rounded-xl p-5">
<h4 class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-ink-500 mb-3">Categorías</h4>
<div class="flex flex-wrap gap-1.5">
<a href="https://namehub.info/es/names/tag/youtubers"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
youtubers
</a>
<a href="https://namehub.info/es/names/tag/the_west_wing_characters"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
Los personajes del ala oeste
</a>
<a href="https://namehub.info/es/names/tag/short_forms"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
formas cortas
</a>
<a href="https://namehub.info/es/names/tag/family_ties_characters"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
Personajes de lazos familiares
</a>
<a href="https://namehub.info/es/names/tag/rappers"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
raperos
</a>
</div>
</div>
<a href="https://namehub.info/es/ask" class="block relative overflow-hidden rounded-xl bg-blue-900 text-parchment-50 p-5 group">
<div class="absolute -top-12 -right-12 w-40 h-40 rounded-full bg-bronze-500/20 blur-2xl pointer-events-none"></div>
<h4 class="relative text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-bronze-300 mb-3">Preguntar a la IA</h4>
<p class="relative font-serif italic text-sm text-parchment-50/85 leading-relaxed mb-4">¿Qué historias lleva el nombre Jenn?</p>
<span class="relative inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-[0.04em] text-bronze-300 group-hover:text-bronze-100 group-hover:gap-2.5 transition-all">
Abrir chat
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/></svg>
</span>
</a>
</aside>
</div>
</main>
<footer class="nh-footer">
<div class="nh-footer-inner">
<div>
<a href="https://namehub.info/es" class="nh-footer-brand">
<img src="/img/brand/logo-mark-light.svg" alt="" width="32" height="32">
<span>Name<em>Hub</em></span>
</a>
<p class="nh-footer-tag mt-2 mb-4">Una base de datos en crecimiento de nombres y apellidos con orígenes, significados e historias de culturas de todo el mundo.</p>
<a href="https://buy.stripe.com/6oU5kE6OM1ct0g35ed7Zu00" target="_blank" rel="noopener" class="nh-donate">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
Donar
</a>
</div>
<div>
<h3 class="nh-footer-h">Descubrir</h3>
<ul class="nh-footer-list">
<li><a href="https://namehub.info/es/names" class="nh-footer-link">Nombres</a></li>
<li><a href="https://namehub.info/es/names/list" class="nh-footer-link">Origen</a></li>
<li><a href="https://namehub.info/es/top" class="nh-footer-link">Nombres populares</a></li>
<li><a href="https://namehub.info/es/namesakes" class="nh-footer-link">Homónimos</a></li>
<li><a href="https://namehub.info/es/glossary" class="nh-footer-link">Glosario</a></li>
</ul>
</div>
<div>
<h3 class="nh-footer-h">Herramientas</h3>
<ul class="nh-footer-list">
<li><a href="https://namehub.info/es/ask" class="nh-footer-link">Preguntar a la IA</a></li>
<li><a href="https://namehub.info/es/name-combiner" class="nh-footer-link">Combina vuestros nombres</a></li>
<li><a href="https://namehub.info/es/names/random" class="nh-footer-link">Generador de Nombres</a></li>
<li><a href="https://namehub.info/es/family-tree" class="nh-footer-link">Árbol Genealógico</a></li>
<li><a href="https://namehub.info/es/members" class="nh-footer-link">Miembros</a></li>
</ul>
</div>
<div>
<h3 class="nh-footer-h">Recursos</h3>
<ul class="nh-footer-list">
<li><a href="https://namehub.info/es/pages" class="nh-footer-link">Artículos</a></li>
<li><a href="https://namehub.info/es/contact" class="nh-footer-link">Contacto</a></li>
<li>
<a href="https://surnames.namehub.info/es/names" class="nh-footer-link inline-flex items-center gap-1">
Apellidos
<svg class="w-3 h-3 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"/></svg>
</a>
</li>
</ul>
</div>
</div>
<div class="nh-footer-legal">
<span>© 2026 NameHub. Todos los derechos reservados.</span>
<nav class="flex flex-wrap items-center gap-x-5 gap-y-2">
<a href="https://namehub.info/es/page/privacy-policy">Política de Privacidad</a>
<a href="https://namehub.info/es/page/terms-of-service">Términos de Servicio</a>
</nav>
</div>
</footer>
<div class="js-cookie-consent cookie-consent fixed bottom-0 inset-x-0 z-50 p-4">
<div class="max-w-3xl mx-auto">
<div class="bg-bg-elevated rounded-xl shadow-lg border border-border px-5 py-4 flex flex-col sm:flex-row items-start sm:items-center gap-4">
<div class="flex items-start gap-3 flex-1">
<div class="w-10 h-10 rounded-lg bg-bronze-50 flex items-center justify-center shrink-0 mt-0.5">
<svg class="w-5 h-5 text-bronze-700" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5Z"/><circle cx="8.5" cy="10.5" r="1" fill="currentColor"/><circle cx="14" cy="14.5" r="1" fill="currentColor"/><circle cx="9.5" cy="15.5" r="1" fill="currentColor"/></svg>
</div>
<div>
<p class="font-display text-base font-medium text-ink-900 mb-0.5 leading-tight">Usamos cookies</p>
<p class="text-xs text-ink-500 leading-relaxed">Usamos cookies esenciales para que NameHub funcione. También nos gustaría establecer cookies de análisis para entender cómo usas el sitio. <a href="https://namehub.info/es/page/privacy-policy" class="text-blue-700 hover:text-blue-900 underline decoration-blue-300 underline-offset-2">Política de Privacidad</a></p>
</div>
</div>
<div class="flex items-center gap-2 shrink-0">
<button class="js-cookie-consent-agree cookie-consent__agree btn btn-primary cursor-pointer">
Aceptar
</button>
<button onclick="document.querySelector('.js-cookie-consent').style.display='none'" class="cursor-pointer px-4 py-2 bg-bg-subtle text-ink-700 text-sm font-medium rounded-lg hover:bg-border transition">
Rechazar
</button>
</div>
</div>
</div>
</div>
<script>
window.laravelCookieConsent = (function () {
const COOKIE_VALUE = 1;
const COOKIE_DOMAIN = '.namehub.info';
function consentWithCookies() {
setCookie('laravel_cookie_consent', COOKIE_VALUE, 7300);
hideCookieDialog();
}
function cookieExists(name) {
return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1);
}
function hideCookieDialog() {
const dialogs = document.getElementsByClassName('js-cookie-consent');
for (let i = 0; i < dialogs.length; ++i) {
dialogs[i].style.display = 'none';
}
}
function setCookie(name, value, expirationInDays) {
const date = new Date();
date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
document.cookie = name + '=' + value
+ ';expires=' + date.toUTCString()
+ ';domain=' + COOKIE_DOMAIN
+ ';path=/;secure'
+ ';samesite=lax';
}
if (cookieExists('laravel_cookie_consent')) {
hideCookieDialog();
}
const buttons = document.getElementsByClassName('js-cookie-consent-agree');
for (let i = 0; i < buttons.length; ++i) {
buttons[i].addEventListener('click', consentWithCookies);
}
return {
consentWithCookies: consentWithCookies,
hideCookieDialog: hideCookieDialog
};
})();
</script>
<script>
document.getElementById('mobile-menu-btn')?.addEventListener('click', function() {
document.getElementById('mobile-menu')?.classList.toggle('hidden');
document.getElementById('mobile-lang-menu')?.classList.add('hidden');
});
document.getElementById('mobile-lang-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('mobile-lang-menu')?.classList.toggle('hidden');
document.getElementById('mobile-menu')?.classList.add('hidden');
});
document.getElementById('lang-switcher-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('lang-switcher-menu')?.classList.toggle('hidden');
document.getElementById('tools-dropdown-menu')?.classList.add('hidden');
});
document.getElementById('tools-dropdown-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('tools-dropdown-menu')?.classList.toggle('hidden');
document.getElementById('lang-switcher-menu')?.classList.add('hidden');
});
document.getElementById('profile-dropdown-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('profile-dropdown-menu')?.classList.toggle('hidden');
document.getElementById('lang-switcher-menu')?.classList.add('hidden');
});
document.getElementById('auth-dropdown-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('auth-dropdown-menu')?.classList.toggle('hidden');
document.getElementById('lang-switcher-menu')?.classList.add('hidden');
});
document.addEventListener('click', function() {
document.getElementById('lang-switcher-menu')?.classList.add('hidden');
document.getElementById('tools-dropdown-menu')?.classList.add('hidden');
document.getElementById('profile-dropdown-menu')?.classList.add('hidden');
document.getElementById('auth-dropdown-menu')?.classList.add('hidden');
document.getElementById('mobile-lang-menu')?.classList.add('hidden');
});
</script>
<script>
(function() {
const toggle = document.getElementById('header-search-toggle');
const box = document.getElementById('header-search-box');
const input = document.getElementById('header-search-input');
const results = document.getElementById('header-search-results');
if (!toggle) return;
const noNamesText = "No se encontraron nombres";
const currentLocale = "es";
const headerSpinner = document.getElementById('header-search-spinner');
const setLoading = (on) => headerSpinner?.classList.toggle('hidden', !on);
let timeout;
toggle.addEventListener('click', function(e) {
e.stopPropagation();
box.classList.toggle('hidden');
if (!box.classList.contains('hidden')) {
input.focus();
}
});
input?.addEventListener('input', function() {
clearTimeout(timeout);
const q = this.value.trim();
if (q.length < 2) { results.innerHTML = ''; setLoading(false); return; }
setLoading(true);
timeout = setTimeout(async () => {
const requestedQuery = q;
let names;
try {
const res = await fetch(`https://namehub.info/api/names/search?q=${encodeURIComponent(q)}`);
names = await res.json();
} catch (_) {
names = [];
}
if (input.value.trim() !== requestedQuery) return;
setLoading(false);
const genderColors = { m: 'bg-sky-100 text-sky-600', f: 'bg-rose-100 text-rose-600', mf: 'bg-amber-100 text-amber-600' };
const genderLabels = { m: 'M', f: 'F', mf: 'M&F' };
if (names.length === 0) {
results.innerHTML = '<div class="px-4 py-3 text-sm text-gray-400">' + noNamesText + '</div>';
} else {
results.innerHTML = names.map(n => {
const gc = genderColors[n.gender] || 'bg-gray-100 text-gray-500';
const gl = genderLabels[n.gender] || '';
const usages = n.usages ? `<div class="text-[11px] text-gray-400 truncate">${n.usages}</div>` : '';
return `<a href="/${currentLocale}/name/${n.slug}" class="flex items-center gap-3 px-4 py-2 hover:bg-indigo-50 transition border-b border-gray-50 last:border-0">
<div class="w-8 h-8 rounded-full ${gc} flex items-center justify-center font-bold text-[10px] shrink-0">${gl || n.name.charAt(0)}</div>
<div class="min-w-0 flex-1 overflow-hidden">
<div class="text-sm font-medium text-gray-800 truncate">${n.name}</div>
${usages}
</div>
</a>`;
}).join('');
}
}, 250);
});
input?.addEventListener('keydown', function(e) {
if (e.key === 'Escape') { box.classList.add('hidden'); results.innerHTML = ''; }
});
document.addEventListener('click', function(e) {
if (!document.getElementById('header-search-wrapper')?.contains(e.target)) {
box?.classList.add('hidden');
}
});
})();
</script>
<a href="https://namehub.info/es/ask"
class="fixed bottom-4 right-4 z-[60] inline-flex items-center gap-2 rounded-full bg-bronze-500 hover:bg-bronze-700 text-ink-900 px-4 py-2.5 shadow-lg shadow-bronze-500/30 transition-colors"
aria-label="Abrir chat">
<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.86 9.86 0 0 1-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/>
</svg>
<span class="text-xs font-bold uppercase tracking-[0.04em]">Preguntar a la IA</span>
</a>
</body>
</html>
]]></plaintext></div></div> 