Qué genera esta herramienta
y meta description: lo básico que muestran los buscadores.</li><li>link rel=canonical: la dirección oficial de la página para evitar contenido duplicado.</li><li>Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name): cómo se ve tu enlace al compartirlo en redes como Facebook o LinkedIn.</li><li>Twitter Card (twitter:card, título, descripción e imagen): el formato de tarjeta en X/Twitter, con summary o summary_large_image.</li> </ul> </section><section aria-labelledby="sec-recomendaciones-de-longitud-e-imagen"> <h2 id="sec-recomendaciones-de-longitud-e-imagen" class="text-lg font-bold tracking-tight text-stone-900 sm:text-xl dark:text-white"> Recomendaciones de longitud e imagen </h2> <div class="prose-util mt-3"> <p>Mantén el título por debajo de unos 60 caracteres y la descripción entre 70 y 155: son los espacios que suelen respetar los resultados de búsqueda; si te pasas, la herramienta te avisa. Para la imagen de compartir, 1200 × 630 píxeles funciona bien en la mayoría de plataformas y evita recortes.</p> </div> </section><section aria-labelledby="sec-d-nde-pegar-el-resultado"> <h2 id="sec-d-nde-pegar-el-resultado" class="text-lg font-bold tracking-tight text-stone-900 sm:text-xl dark:text-white"> Dónde pegar el resultado </h2> <div class="prose-util mt-3"> <p>Copia el bloque generado y pégalo dentro del <head> de tu HTML, antes de </head>. Si tu web usa plantillas, coloca las etiquetas en la plantilla de página individual para que cada contenido tenga su propio título, descripción e imagen.</p> </div> <p class="mt-4 rounded-xl px-4 py-3 text-sm bg-brand-50 text-brand-800 dark:bg-brand-950/60 dark:text-brand-300"> Las etiquetas solo se leen del HTML inicial: si tu página las construye con JavaScript, asegúrate de que el servidor también las sirva, o las redes y buscadores no las verán. </p> </section> </article> <section class="mt-12" aria-labelledby="faq-title"><h2 id="faq-title" class="section-title">Preguntas frecuentes</h2><div class="mt-4 space-y-3"><details class="card group overflow-hidden"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 p-4 text-[15px] font-semibold text-stone-800 transition-colors hover:bg-stone-50 dark:text-stone-100 dark:hover:bg-stone-800/50">¿Las meta tags mejoran mi SEO?<svg class="size-4.5 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="border-t border-stone-100 px-4 py-3.5 prose-util dark:border-stone-800">El título y la description no suben posiciones por sí solos, pero deciden qué se muestra en los resultados y cuántos clics recibes. El canonical y los datos OG evitan duplicados y mejoran el aspecto al compartir.</div></details><details class="card group overflow-hidden"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 p-4 text-[15px] font-semibold text-stone-800 transition-colors hover:bg-stone-50 dark:text-stone-100 dark:hover:bg-stone-800/50">¿Qué tamaño debe tener la og:image?<svg class="size-4.5 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="border-t border-stone-100 px-4 py-3.5 prose-util dark:border-stone-800">La convención más segura es 1200 × 630 píxeles (proporción 1,91:1) en JPG o PNG, con el motivo centrado para sobrevivir a los recortes cuadrados de algunas plataformas.</div></details><details class="card group overflow-hidden"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 p-4 text-[15px] font-semibold text-stone-800 transition-colors hover:bg-stone-50 dark:text-stone-100 dark:hover:bg-stone-800/50">¿Necesito twitter:card si ya tengo Open Graph?<svg class="size-4.5 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="border-t border-stone-100 px-4 py-3.5 prose-util dark:border-stone-800">X/Twitter entiende muchas etiquetas OG como alternativa, pero twitter:card define el formato de la tarjeta. Inclúyela para controlar si sale la versión grande con imagen o la compacta.</div></details><details class="card group overflow-hidden"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 p-4 text-[15px] font-semibold text-stone-800 transition-colors hover:bg-stone-50 dark:text-stone-100 dark:hover:bg-stone-800/50">¿Puedo dejar campos vacíos?<svg class="size-4.5 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="border-t border-stone-100 px-4 py-3.5 prose-util dark:border-stone-800">Sí: solo se generan las etiquetas de los datos que rellenes, así el HTML queda limpio y sin placeholders.</div></details></div></section> <section class="mt-12" aria-labelledby="related-title"><h2 id="related-title" class="section-title"> Herramientas relacionadas </h2><p class="mt-1 text-sm text-stone-500 dark:text-stone-400">Continúa donde lo dejaste con estas utilidades que combinan bien con esta.</p><div class="mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3"><a href="/generador-robots-txt/" class="card group flex flex-col gap-2 p-4 transition-all duration-150 hover:-translate-y-0.5 hover:border-brand-300 hover:shadow-(--shadow-lift) dark:hover:border-brand-800 sm:p-5"> <span class="grid size-9 place-items-center rounded-xl bg-lime-100 text-lime-700 dark:bg-lime-950 dark:text-lime-400"> <svg class="lucide lucide-code-xml" xmlns="http://www.w3.org/2000/svg" class="size-4.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m18 16 4-4-4-4" /> <path d="m6 8-4 4 4 4" /> <path d="m14.5 4-5 16" /> </svg> </span> <span class="text-[15px] leading-snug font-semibold text-stone-900 transition-colors group-hover:text-brand-700 dark:text-white dark:group-hover:text-brand-400"> Generador de robots.txt </span> </a><a href="/entidades-html/" class="card group flex flex-col gap-2 p-4 transition-all duration-150 hover:-translate-y-0.5 hover:border-brand-300 hover:shadow-(--shadow-lift) dark:hover:border-brand-800 sm:p-5"> <span class="grid size-9 place-items-center rounded-xl bg-lime-100 text-lime-700 dark:bg-lime-950 dark:text-lime-400"> <svg class="lucide lucide-code-xml" xmlns="http://www.w3.org/2000/svg" class="size-4.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m18 16 4-4-4-4" /> <path d="m6 8-4 4 4 4" /> <path d="m14.5 4-5 16" /> </svg> </span> <span class="text-[15px] leading-snug font-semibold text-stone-900 transition-colors group-hover:text-brand-700 dark:text-white dark:group-hover:text-brand-400"> Entidades HTML: codificar y decodificar </span> </a><a href="/analizar-url/" class="card group flex flex-col gap-2 p-4 transition-all duration-150 hover:-translate-y-0.5 hover:border-brand-300 hover:shadow-(--shadow-lift) dark:hover:border-brand-800 sm:p-5"> <span class="grid size-9 place-items-center rounded-xl bg-lime-100 text-lime-700 dark:bg-lime-950 dark:text-lime-400"> <svg class="lucide lucide-code-xml" xmlns="http://www.w3.org/2000/svg" class="size-4.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m18 16 4-4-4-4" /> <path d="m6 8-4 4 4 4" /> <path d="m14.5 4-5 16" /> </svg> </span> <span class="text-[15px] leading-snug font-semibold text-stone-900 transition-colors group-hover:text-brand-700 dark:text-white dark:group-hover:text-brand-400"> Analizador de URLs </span> </a><a href="/generador-redirecciones/" class="card group flex flex-col gap-2 p-4 transition-all duration-150 hover:-translate-y-0.5 hover:border-brand-300 hover:shadow-(--shadow-lift) dark:hover:border-brand-800 sm:p-5"> <span class="grid size-9 place-items-center rounded-xl bg-lime-100 text-lime-700 dark:bg-lime-950 dark:text-lime-400"> <svg class="lucide lucide-code-xml" xmlns="http://www.w3.org/2000/svg" class="size-4.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m18 16 4-4-4-4" /> <path d="m6 8-4 4 4 4" /> <path d="m14.5 4-5 16" /> </svg> </span> <span class="text-[15px] leading-snug font-semibold text-stone-900 transition-colors group-hover:text-brand-700 dark:text-white dark:group-hover:text-brand-400"> Generador de redirecciones 301 </span> </a></div></section> </div> </div> </main> <footer class="mt-auto border-t border-stone-200 bg-white dark:border-stone-800 dark:bg-stone-950" data-astro-cid-sz7xmlte> <div class="container-page py-10 lg:py-16" data-astro-cid-sz7xmlte> <div class="grid grid-cols-1 lg:grid-cols-4 lg:gap-10" data-astro-cid-sz7xmlte> <nav aria-label="Calculadoras" class="border-b border-stone-200 last:border-b-0 lg:border-b-0 dark:border-stone-800" data-astro-cid-sz7xmlte> <details data-acc open class="group" data-astro-cid-sz7xmlte> <summary class="flex cursor-pointer list-none select-none items-center justify-between gap-2 py-3.5 lg:cursor-default lg:py-0 [&::-webkit-details-marker]:hidden" data-astro-cid-sz7xmlte> <a href="/calculadoras/" class="flex items-center gap-2 text-sm font-bold text-stone-900 hover:text-brand-700 dark:text-white dark:hover:text-brand-400" data-astro-cid-sz7xmlte> <span class="grid size-6 place-items-center rounded-md bg-emerald-100 text-emerald-700 dark:bg-emerald-950 dark:text-emerald-400" data-astro-cid-sz7xmlte> <svg class="lucide lucide-calculator" xmlns="http://www.w3.org/2000/svg" class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <rect width="16" height="20" x="4" y="2" rx="2" /> <line x1="8" x2="16" y1="6" y2="6" /> <line x1="16" x2="16" y1="14" y2="18" /> <path d="M16 10h.01" /> <path d="M12 10h.01" /> <path d="M8 10h.01" /> <path d="M12 14h.01" /> <path d="M8 14h.01" /> <path d="M12 18h.01" /> <path d="M8 18h.01" /> </svg> </span> Calculadoras </a> <svg class="size-4 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180 lg:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="m6 9 6 6 6-6" data-astro-cid-sz7xmlte></path> </svg> </summary> <ul class="mt-1 space-y-1 pb-3.5 lg:mt-3 lg:pb-0" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/calculadora-basica/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora básica </a> </li><li data-astro-cid-sz7xmlte> <a href="/calculadora-cientifica/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora científica </a> </li> <li data-astro-cid-sz7xmlte> <a href="/calculadoras/" class="inline-block py-1.5 text-xs font-semibold text-brand-700 hover:underline dark:text-brand-400" data-astro-cid-sz7xmlte> Ver todas → </a> </li> </ul> </details> </nav><nav aria-label="Matemáticas" class="border-b border-stone-200 last:border-b-0 lg:border-b-0 dark:border-stone-800" data-astro-cid-sz7xmlte> <details data-acc open class="group" data-astro-cid-sz7xmlte> <summary class="flex cursor-pointer list-none select-none items-center justify-between gap-2 py-3.5 lg:cursor-default lg:py-0 [&::-webkit-details-marker]:hidden" data-astro-cid-sz7xmlte> <a href="/matematicas/" class="flex items-center gap-2 text-sm font-bold text-stone-900 hover:text-brand-700 dark:text-white dark:hover:text-brand-400" data-astro-cid-sz7xmlte> <span class="grid size-6 place-items-center rounded-md bg-teal-100 text-teal-700 dark:bg-teal-950 dark:text-teal-400" data-astro-cid-sz7xmlte> <svg class="lucide lucide-sigma" xmlns="http://www.w3.org/2000/svg" class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M18 7V5a1 1 0 0 0-1-1H6.5a.5.5 0 0 0-.4.8l4.5 6a2 2 0 0 1 0 2.4l-4.5 6a.5.5 0 0 0 .4.8H17a1 1 0 0 0 1-1v-2" /> </svg> </span> Matemáticas </a> <svg class="size-4 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180 lg:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="m6 9 6 6 6-6" data-astro-cid-sz7xmlte></path> </svg> </summary> <ul class="mt-1 space-y-1 pb-3.5 lg:mt-3 lg:pb-0" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/calculadora-regla-de-tres/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de regla de tres </a> </li><li data-astro-cid-sz7xmlte> <a href="/calculadora-de-fracciones/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de fracciones </a> </li> <li data-astro-cid-sz7xmlte> <a href="/matematicas/" class="inline-block py-1.5 text-xs font-semibold text-brand-700 hover:underline dark:text-brand-400" data-astro-cid-sz7xmlte> Ver todas → </a> </li> </ul> </details> </nav><nav aria-label="Física" class="border-b border-stone-200 last:border-b-0 lg:border-b-0 dark:border-stone-800" data-astro-cid-sz7xmlte> <details data-acc open class="group" data-astro-cid-sz7xmlte> <summary class="flex cursor-pointer list-none select-none items-center justify-between gap-2 py-3.5 lg:cursor-default lg:py-0 [&::-webkit-details-marker]:hidden" data-astro-cid-sz7xmlte> <a href="/fisica/" class="flex items-center gap-2 text-sm font-bold text-stone-900 hover:text-brand-700 dark:text-white dark:hover:text-brand-400" data-astro-cid-sz7xmlte> <span class="grid size-6 place-items-center rounded-md bg-sky-100 text-sky-700 dark:bg-sky-950 dark:text-sky-400" data-astro-cid-sz7xmlte> <svg class="lucide lucide-atom" xmlns="http://www.w3.org/2000/svg" class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="1" /> <path d="M20.2 20.2c2.04-2.03.02-7.36-4.5-11.9-4.54-4.52-9.87-6.54-11.9-4.5-2.04 2.03-.02 7.36 4.5 11.9 4.54 4.52 9.87 6.54 11.9 4.5Z" /> <path d="M15.7 15.7c4.52-4.54 6.54-9.87 4.5-11.9-2.03-2.04-7.36-.02-11.9 4.5-4.52 4.54-6.54 9.87-4.5 11.9 2.03 2.04 7.36.02 11.9-4.5Z" /> </svg> </span> Física </a> <svg class="size-4 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180 lg:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="m6 9 6 6 6-6" data-astro-cid-sz7xmlte></path> </svg> </summary> <ul class="mt-1 space-y-1 pb-3.5 lg:mt-3 lg:pb-0" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/calculadora-caida-libre/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de caída libre </a> </li><li data-astro-cid-sz7xmlte> <a href="/calculadora-mru/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de MRU </a> </li> <li data-astro-cid-sz7xmlte> <a href="/fisica/" class="inline-block py-1.5 text-xs font-semibold text-brand-700 hover:underline dark:text-brand-400" data-astro-cid-sz7xmlte> Ver todas → </a> </li> </ul> </details> </nav><nav aria-label="Porcentajes" class="border-b border-stone-200 last:border-b-0 lg:border-b-0 dark:border-stone-800" data-astro-cid-sz7xmlte> <details data-acc open class="group" data-astro-cid-sz7xmlte> <summary class="flex cursor-pointer list-none select-none items-center justify-between gap-2 py-3.5 lg:cursor-default lg:py-0 [&::-webkit-details-marker]:hidden" data-astro-cid-sz7xmlte> <a href="/porcentajes/" class="flex items-center gap-2 text-sm font-bold text-stone-900 hover:text-brand-700 dark:text-white dark:hover:text-brand-400" data-astro-cid-sz7xmlte> <span class="grid size-6 place-items-center rounded-md bg-green-100 text-green-700 dark:bg-green-950 dark:text-green-400" data-astro-cid-sz7xmlte> <svg class="lucide lucide-percent" xmlns="http://www.w3.org/2000/svg" class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <line x1="19" x2="5" y1="5" y2="19" /> <circle cx="6.5" cy="6.5" r="2.5" /> <circle cx="17.5" cy="17.5" r="2.5" /> </svg> </span> Porcentajes </a> <svg class="size-4 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180 lg:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="m6 9 6 6 6-6" data-astro-cid-sz7xmlte></path> </svg> </summary> <ul class="mt-1 space-y-1 pb-3.5 lg:mt-3 lg:pb-0" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/calculadora-porcentaje/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de porcentaje </a> </li><li data-astro-cid-sz7xmlte> <a href="/porcentaje-de-un-numero/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Porcentaje de un número </a> </li> <li data-astro-cid-sz7xmlte> <a href="/porcentajes/" class="inline-block py-1.5 text-xs font-semibold text-brand-700 hover:underline dark:text-brand-400" data-astro-cid-sz7xmlte> Ver todas → </a> </li> </ul> </details> </nav><nav aria-label="Finanzas" class="border-b border-stone-200 last:border-b-0 lg:border-b-0 dark:border-stone-800" data-astro-cid-sz7xmlte> <details data-acc open class="group" data-astro-cid-sz7xmlte> <summary class="flex cursor-pointer list-none select-none items-center justify-between gap-2 py-3.5 lg:cursor-default lg:py-0 [&::-webkit-details-marker]:hidden" data-astro-cid-sz7xmlte> <a href="/finanzas/" class="flex items-center gap-2 text-sm font-bold text-stone-900 hover:text-brand-700 dark:text-white dark:hover:text-brand-400" data-astro-cid-sz7xmlte> <span class="grid size-6 place-items-center rounded-md bg-amber-100 text-amber-700 dark:bg-amber-950 dark:text-amber-400" data-astro-cid-sz7xmlte> <svg class="lucide lucide-banknote" xmlns="http://www.w3.org/2000/svg" class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <rect width="20" height="12" x="2" y="6" rx="2" /> <circle cx="12" cy="12" r="2" /> <path d="M6 12h.01M18 12h.01" /> </svg> </span> Finanzas </a> <svg class="size-4 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180 lg:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="m6 9 6 6 6-6" data-astro-cid-sz7xmlte></path> </svg> </summary> <ul class="mt-1 space-y-1 pb-3.5 lg:mt-3 lg:pb-0" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/calculadora-descuento/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de descuento </a> </li><li data-astro-cid-sz7xmlte> <a href="/calculadora-de-iva/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de IVA </a> </li> <li data-astro-cid-sz7xmlte> <a href="/finanzas/" class="inline-block py-1.5 text-xs font-semibold text-brand-700 hover:underline dark:text-brand-400" data-astro-cid-sz7xmlte> Ver todas → </a> </li> </ul> </details> </nav><nav aria-label="Fechas y tiempo" class="border-b border-stone-200 last:border-b-0 lg:border-b-0 dark:border-stone-800" data-astro-cid-sz7xmlte> <details data-acc open class="group" data-astro-cid-sz7xmlte> <summary class="flex cursor-pointer list-none select-none items-center justify-between gap-2 py-3.5 lg:cursor-default lg:py-0 [&::-webkit-details-marker]:hidden" data-astro-cid-sz7xmlte> <a href="/fechas/" class="flex items-center gap-2 text-sm font-bold text-stone-900 hover:text-brand-700 dark:text-white dark:hover:text-brand-400" data-astro-cid-sz7xmlte> <span class="grid size-6 place-items-center rounded-md bg-orange-100 text-orange-700 dark:bg-orange-950 dark:text-orange-400" data-astro-cid-sz7xmlte> <svg class="lucide lucide-calendar-days" xmlns="http://www.w3.org/2000/svg" class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M8 2v3" /> <path d="M16 2v3" /> <rect x="3" y="3" width="18" height="18" rx="2" /> <path d="M3 9h18" /> <path d="M8 13h.01" /> <path d="M12 13h.01" /> <path d="M16 13h.01" /> <path d="M8 17h.01" /> <path d="M12 17h.01" /> <path d="M16 17h.01" /> </svg> </span> Fechas y tiempo </a> <svg class="size-4 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180 lg:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="m6 9 6 6 6-6" data-astro-cid-sz7xmlte></path> </svg> </summary> <ul class="mt-1 space-y-1 pb-3.5 lg:mt-3 lg:pb-0" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/calculadora-edad/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de edad </a> </li><li data-astro-cid-sz7xmlte> <a href="/dias-entre-fechas/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Días entre fechas </a> </li> <li data-astro-cid-sz7xmlte> <a href="/fechas/" class="inline-block py-1.5 text-xs font-semibold text-brand-700 hover:underline dark:text-brand-400" data-astro-cid-sz7xmlte> Ver todas → </a> </li> </ul> </details> </nav><nav aria-label="Conversiones" class="border-b border-stone-200 last:border-b-0 lg:border-b-0 dark:border-stone-800" data-astro-cid-sz7xmlte> <details data-acc open class="group" data-astro-cid-sz7xmlte> <summary class="flex cursor-pointer list-none select-none items-center justify-between gap-2 py-3.5 lg:cursor-default lg:py-0 [&::-webkit-details-marker]:hidden" data-astro-cid-sz7xmlte> <a href="/conversiones/" class="flex items-center gap-2 text-sm font-bold text-stone-900 hover:text-brand-700 dark:text-white dark:hover:text-brand-400" data-astro-cid-sz7xmlte> <span class="grid size-6 place-items-center rounded-md bg-cyan-100 text-cyan-700 dark:bg-cyan-950 dark:text-cyan-400" data-astro-cid-sz7xmlte> <svg class="lucide lucide-arrow-left-right" xmlns="http://www.w3.org/2000/svg" class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M8 3 4 7l4 4" /> <path d="M4 7h16" /> <path d="m16 21 4-4-4-4" /> <path d="M20 17H4" /> </svg> </span> Conversiones </a> <svg class="size-4 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180 lg:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="m6 9 6 6 6-6" data-astro-cid-sz7xmlte></path> </svg> </summary> <ul class="mt-1 space-y-1 pb-3.5 lg:mt-3 lg:pb-0" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/convertir-kg-a-libras/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Kilogramo a libra </a> </li><li data-astro-cid-sz7xmlte> <a href="/convertir-celsius-a-fahrenheit/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Grado Celsius a grado Fahrenheit </a> </li> <li data-astro-cid-sz7xmlte> <a href="/conversiones/" class="inline-block py-1.5 text-xs font-semibold text-brand-700 hover:underline dark:text-brand-400" data-astro-cid-sz7xmlte> Ver todas → </a> </li> </ul> </details> </nav><nav aria-label="Construcción y bricolaje" class="border-b border-stone-200 last:border-b-0 lg:border-b-0 dark:border-stone-800" data-astro-cid-sz7xmlte> <details data-acc open class="group" data-astro-cid-sz7xmlte> <summary class="flex cursor-pointer list-none select-none items-center justify-between gap-2 py-3.5 lg:cursor-default lg:py-0 [&::-webkit-details-marker]:hidden" data-astro-cid-sz7xmlte> <a href="/construccion/" class="flex items-center gap-2 text-sm font-bold text-stone-900 hover:text-brand-700 dark:text-white dark:hover:text-brand-400" data-astro-cid-sz7xmlte> <span class="grid size-6 place-items-center rounded-md bg-stone-200 text-stone-700 dark:bg-stone-800 dark:text-stone-300" data-astro-cid-sz7xmlte> <svg class="lucide lucide-hammer" xmlns="http://www.w3.org/2000/svg" class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" /> <path d="m18 15 4-4" /> <path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" /> </svg> </span> Construcción y bricolaje </a> <svg class="size-4 shrink-0 text-stone-400 transition-transform duration-200 group-open:rotate-180 lg:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sz7xmlte> <path d="m6 9 6 6 6-6" data-astro-cid-sz7xmlte></path> </svg> </summary> <ul class="mt-1 space-y-1 pb-3.5 lg:mt-3 lg:pb-0" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <a href="/calculadora-metros-cuadrados/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de metros cuadrados </a> </li><li data-astro-cid-sz7xmlte> <a href="/calculadora-de-hormigon/" class="inline-block py-1 text-sm text-stone-500 transition-colors hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte> Calculadora de hormigón </a> </li> <li data-astro-cid-sz7xmlte> <a href="/construccion/" class="inline-block py-1.5 text-xs font-semibold text-brand-700 hover:underline dark:text-brand-400" data-astro-cid-sz7xmlte> Ver todas → </a> </li> </ul> </details> </nav> </div> <div class="mt-10 flex flex-col items-start justify-between gap-6 border-t border-stone-200 pt-8 dark:border-stone-800 sm:flex-row sm:items-center lg:mt-12" data-astro-cid-sz7xmlte> <div class="flex items-center gap-2.5" data-astro-cid-sz7xmlte> <span class="grid size-8 place-items-center rounded-lg bg-gradient-to-br from-brand-500 to-brand-700 text-white" aria-hidden="true" data-astro-cid-sz7xmlte> <svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-sz7xmlte><path d="M7 4v9a5 5 0 0 0 10 0V4" data-astro-cid-sz7xmlte></path><path d="M4 8h2" data-astro-cid-sz7xmlte></path><path d="M18 8h2" data-astro-cid-sz7xmlte></path><path d="M12 13v7" data-astro-cid-sz7xmlte></path></svg> </span> <div data-astro-cid-sz7xmlte> <p class="text-sm font-bold text-stone-900 dark:text-white" data-astro-cid-sz7xmlte>Utilia</p> <p class="text-xs text-stone-500 dark:text-stone-400" data-astro-cid-sz7xmlte>Calculadoras y herramientas online gratis</p> </div> </div> <nav class="flex flex-wrap gap-x-5 gap-y-2 text-sm" aria-label="Enlaces legales" data-astro-cid-sz7xmlte> <a href="/herramientas/" class="text-stone-500 hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte>Todas las herramientas</a> <a href="/favoritos/" class="text-stone-500 hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte>Mis favoritos</a> <a href="/acerca/" class="text-stone-500 hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte>Acerca de</a> <a href="/privacidad/" class="text-stone-500 hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte>Privacidad</a> <a href="/sitemap-index.xml" class="text-stone-500 hover:text-brand-700 dark:text-stone-400 dark:hover:text-brand-400" data-astro-cid-sz7xmlte>Sitemap</a> </nav> </div> <p class="mt-6 text-xs leading-relaxed text-stone-400 dark:text-stone-500" data-astro-cid-sz7xmlte> © 2027 Utilia. Herramientas gratuitas que se ejecutan en tu navegador. Los resultados son informativos: comprueba los valores críticos con fuentes oficiales o profesionales cualificados. </p> </div> </footer> <script type="module">const t=window.matchMedia("(min-width: 1024px)"),c=document.querySelectorAll("footer details[data-acc]"),n=new Set,o=()=>{for(const e of c)e.open=t.matches||n.has(e)};for(const e of c)e.addEventListener("toggle",()=>{t.matches||(e.open?n.add(e):n.delete(e))}),e.querySelector("summary")?.addEventListener("click",a=>{t.matches&&a.preventDefault()});t.addEventListener("change",()=>{n.clear(),o()});o();</script> <dialog id="search-dialog" class="fixed inset-0 m-auto w-[calc(100vw-2rem)] max-w-xl rounded-2xl border border-stone-200 bg-white p-0 shadow-(--shadow-pop) backdrop:bg-stone-900/50 backdrop:backdrop-blur-sm dark:border-stone-800 dark:bg-stone-900" aria-label="Buscar herramientas"> <div class="flex items-center gap-3 border-b border-stone-200 px-4 py-3.5 dark:border-stone-800"> <svg class="size-5 shrink-0 text-stone-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg> <input id="search-input" type="search" class="w-full bg-transparent text-base text-stone-900 outline-none placeholder:text-stone-400 dark:text-white dark:placeholder:text-stone-500" placeholder="¿Qué quieres calcular o convertir?" autocomplete="off" spellcheck="false" role="combobox" aria-expanded="true" aria-controls="search-results" aria-autocomplete="list"> <button type="button" data-close-search class="grid size-8 cursor-pointer place-items-center rounded-lg text-stone-400 hover:bg-stone-100 hover:text-stone-700 dark:hover:bg-stone-800 dark:hover:text-stone-200" aria-label="Cerrar buscador"> <svg class="size-4.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg> </button> </div> <div id="search-results" role="listbox" aria-label="Resultados" class="scroll-thin max-h-[55vh] min-h-40 overflow-y-auto overscroll-contain p-2"></div> <div class="hidden items-center gap-4 border-t border-stone-200 px-4 py-2.5 text-[11px] text-stone-400 dark:border-stone-800 dark:text-stone-500 sm:flex"> <span><kbd class="rounded border border-stone-300 px-1 dark:border-stone-600">↑↓</kbd> navegar</span> <span><kbd class="rounded border border-stone-300 px-1 dark:border-stone-600">↵</kbd> abrir</span> <span><kbd class="rounded border border-stone-300 px-1 dark:border-stone-600">esc</kbd> cerrar</span> </div> </dialog> <script type="module" src="/_astro/SearchDialog.astro_astro_type_script_index_0_lang.DhJqzMv7.js"></script> <div id="toast" class="pointer-events-none fixed bottom-5 left-1/2 z-50 -translate-x-1/2 opacity-0 transition-opacity duration-300" role="status" aria-live="polite"></div> <script type="module" src="/_astro/Base.astro_astro_type_script_index_0_lang.C8WstudS.js"></script> </body> </html>