. El orden no afecta el funcionamiento, pero por convención: charset primero, luego viewport, luego meta SEO, luego Open Graph."}]}},"ogPreview":{"name":"Vista Previa Open Graph","description":"Vista previa del contenido en redes sociales","breadcrumb":"Herramientas SEO","title":"Vista Previa Open Graph","pageDescription":"Previsualiza cómo aparece tu contenido en redes sociales","input":{"title":"Propiedades OG","ogTitle":"og:title","ogTitlePlaceholder":"Ingrese el título de la página","ogDescription":"og:description","ogDescriptionPlaceholder":"Ingrese la descripción de la página","ogImage":"og:image","ogImagePlaceholder":"Ingrese la URL de la imagen","siteName":"Nombre del Sitio","siteNamePlaceholder":"Ingrese el nombre del sitio","url":"URL","urlPlaceholder":"Ingrese la URL de la página"},"preview":{"title":"Vista Previa","facebook":"Vista Previa Facebook","linkedin":"Vista Previa LinkedIn","noImage":"Sin imagen","defaultTitle":"Título de la Página","defaultDescription":"La descripción de la página aparecerá aquí"},"output":{"title":"Tags Generados"},"guide":{"title":"Guía de Vista Previa Open Graph","description":"Optimiza cómo aparecen tus enlaces en redes sociales","whatIs":{"title":"¿Qué es Open Graph?","content":"Open Graph es un protocolo que controla cómo se muestran las URLs cuando se comparten en Facebook, LinkedIn y otras plataformas. Define título, descripción e imagen de vista previa."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa URL y título de la página","step2":"Añade una descripción atractiva","step3":"Sube o vincula una imagen de vista previa","step4":"Vista previa y copia los tags OG"},"tips":{"title":"Mejores Prácticas","tip1":"El tamaño óptimo de imagen es 1200x630 píxeles","tip2":"Los títulos deben ser llamativos","tip3":"Prueba con Facebook Debugger antes de compartir"},"browserSupport":{"title":"Soporte de Plataforma","content":"Open Graph es soportado por Facebook, LinkedIn, Twitter, WhatsApp y la mayoría de plataformas sociales."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es el tamaño de imagen ideal para Open Graph?","answer":"El tamaño recomendado es 1200x630 píxeles (proporción 1.91:1). Tamaño mínimo 600x315 para visualización completa. Para alta resolución, usa 2400x1260. Las imágenes menores a 200x200 pueden no mostrarse. Formato: JPG, PNG o GIF (sin animación)."},{"question":"¿Por qué mi imagen OG no aparece en Facebook?","answer":"Causas comunes: 1) Facebook tiene caché de una versión anterior (usa Facebook Debugger para limpiar), 2) La imagen es demasiado pequeña, 3) URL de imagen incorrecta o inaccesible, 4) El servidor bloquea el crawler de Facebook. Usa Open Graph Debugger de Facebook para diagnosticar."},{"question":"¿Puedo usar diferentes imágenes OG para diferentes páginas?","answer":"Sí, y es recomendado. Cada página debe tener og:image relevante para su contenido. La página de inicio puede tener el logo/banner general. Las páginas de producto deben mostrar el producto. Esto mejora el CTR cuando se comparte."},{"question":"¿Open Graph afecta al SEO?","answer":"Open Graph no afecta directamente al ranking de Google. Sin embargo, mejora cómo se ve tu contenido al compartirse, aumentando clics y engagement social. Las señales sociales pueden tener efecto indirecto en SEO a través de mayor tráfico y links."},{"question":"¿Necesito tanto Open Graph como Twitter Cards?","answer":"Twitter puede usar tags de Open Graph como fallback. Sin embargo, para control preciso en Twitter, usa ambos. Twitter Cards ofrecen tipos específicos (Summary, Large Image, App, Player) que OG no tiene. Si solo puedes elegir uno, prioriza Open Graph."}]}},"twitterCard":{"name":"Generador de Twitter Card","description":"Crear meta tags de Twitter Card para compartir","breadcrumb":"Herramientas SEO","title":"Generador de Twitter Card","pageDescription":"Crea meta tags de Twitter Card para vistas previas enriquecidas","controls":{"title":"Propiedades de Card","cardType":"Tipo de Card","cardTypes":{"summary":"Resumen","largeImage":"Imagen Grande","app":"App","player":"Reproductor"},"site":"Handle del Sitio","creator":"Handle del Creador","titleLabel":"Título","description":"Descripción","imageUrl":"URL de Imagen"},"preview":{"title":"Vista Previa"},"output":{"title":"Tags Generados"},"guide":{"title":"Guía de Twitter Card","description":"Crea vistas previas atractivas para Twitter/X","whatIs":{"title":"¿Qué son las Twitter Cards?","content":"Las Twitter Cards son meta tags que controlan cómo aparecen tus enlaces en Twitter/X. Permiten vistas previas enriquecidas con imágenes, títulos y descripciones."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona el tipo de Card (Summary, Large Image, etc.)","step2":"Ingresa título y descripción","step3":"Añade una imagen de vista previa","step4":"Copia los tags de Twitter Card"},"tips":{"title":"Mejores Prácticas","tip1":"Las Cards con imagen grande obtienen más engagement","tip2":"Mantén los títulos bajo 70 caracteres","tip3":"Valida las Cards con el Twitter Card Validator"},"browserSupport":{"title":"Soporte de Plataforma","content":"Las Twitter Cards son soportadas en Twitter/X y muchas otras plataformas que leen meta tags de Twitter."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre Summary y Large Image?","answer":"Summary muestra una imagen cuadrada pequeña con título y descripción al lado. Large Image muestra una imagen grande rectangular arriba con texto abajo. Large Image genera más engagement pero ocupa más espacio en el feed."},{"question":"¿Qué tamaño de imagen necesito para Twitter Cards?","answer":"Summary: mínimo 144x144, máximo 4096x4096, ideal 1:1. Large Image: mínimo 300x157, máximo 4096x4096, ideal 2:1 (1200x600). Las imágenes deben ser menores a 5MB. Formato: JPG, PNG, WEBP o GIF."},{"question":"¿Cómo valido mis Twitter Cards?","answer":"Usa el Twitter Card Validator (cards-dev.twitter.com/validator). Ingresa tu URL y verifica la vista previa. El validador también limpia la caché para ver cambios recientes. Nota: necesitas cuenta de Twitter para usarlo."},{"question":"¿Por qué mi Twitter Card muestra información incorrecta?","answer":"Twitter cachea las Cards por 7 días. Usa el Card Validator para forzar actualización. Verifica que los meta tags estén en el <head> del HTML. Asegúrate de que el servidor no bloquee el crawler de Twitter (Twitterbot)."},{"question":"¿Puedo usar Twitter Cards sin cuenta de Twitter?","answer":"Sí. Los meta tags funcionan independientemente de tu cuenta. Cualquier persona que comparta tu URL verá la Card. Solo necesitas cuenta para: usar el validador oficial, ver analytics de Cards, y usar formatos app/player."}]}},"robots":{"name":"Generador Robots.txt","description":"Generar archivo robots.txt para rastreadores","breadcrumb":"Herramientas SEO","title":"Generador de Robots.txt","pageDescription":"Crea y personaliza robots.txt para rastreadores de búsqueda","rule":{"title":"Regla","userAgent":"User-Agent","allow":"Rutas Permitidas","disallow":"Rutas Prohibidas","onePerLine":"Una ruta por línea"},"options":{"title":"Opciones Adicionales","sitemap":"URL del Sitemap","crawlDelay":"Retraso de Rastreo (segundos)"},"addRule":"Agregar Regla","output":{"title":"robots.txt Generado","saveAs":"Guarda como robots.txt en el directorio raíz de tu sitio"},"guide":{"title":"Guía del Generador Robots.txt","description":"Controla los crawlers de motores de búsqueda con robots.txt","whatIs":{"title":"¿Qué es robots.txt?","content":"Robots.txt es un archivo que indica a los crawlers de motores de búsqueda qué páginas pueden indexar y cuáles no. Es importante para controlar la visibilidad de tu sitio web."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona los crawlers para los que aplicarán las reglas","step2":"Define rutas permitidas y bloqueadas","step3":"Añade el enlace a tu sitemap","step4":"Copia el archivo a tu directorio raíz"},"tips":{"title":"Consejos SEO","tip1":"Nunca bloquees archivos CSS/JS importantes","tip2":"Siempre incluye una referencia al sitemap","tip3":"Prueba con Google Search Console"},"browserSupport":{"title":"Soporte de Motores de Búsqueda","content":"Robots.txt es respetado por todos los motores de búsqueda principales. Es una directriz, no una medida de seguridad."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Robots.txt puede ocultar páginas de Google?","answer":"Robots.txt bloquea el rastreo pero no la indexación. Si hay links a tu página, Google puede indexar la URL sin el contenido. Para excluir de indexación, usa meta robots noindex. Robots.txt no es una medida de seguridad para contenido privado."},{"question":"¿Cuál es la diferencia entre Allow y Disallow?","answer":"Disallow bloquea el rastreo de rutas específicas. Allow permite rutas específicas dentro de directorios bloqueados. El orden importa: la regla más específica tiene precedencia. Ejemplo: Disallow: /admin/ pero Allow: /admin/public/"},{"question":"¿Debo usar robots.txt para bloquear CSS y JavaScript?","answer":"No. Google necesita acceso a CSS y JS para renderizar páginas correctamente. Bloquear estos recursos puede afectar negativamente el ranking. Googlebots modernos ejecutan JavaScript; bloquear estos recursos impide el renderizado correcto."},{"question":"¿Qué hace el Crawl-delay?","answer":"Crawl-delay especifica segundos entre solicitudes del bot. Google NO respeta Crawl-delay (usa Search Console). Bing y otros sí lo respetan. Es útil si tu servidor tiene recursos limitados. Valor alto = menos rastreo = indexación más lenta."},{"question":"¿Dónde debo colocar el archivo robots.txt?","answer":"Debe estar en la raíz del dominio: https://tusitio.com/robots.txt. Solo funciona en la raíz; /carpeta/robots.txt no tiene efecto. Para subdominios, necesitas robots.txt separado en cada subdominio."}]}},"sitemap":{"name":"Generador de Sitemap","description":"Crear sitemaps XML para mejor indexación SEO","breadcrumb":"Herramientas SEO","title":"Generador de Sitemap","pageDescription":"Genera sitemaps XML para mejor indexación en buscadores","url":{"title":"URL","loc":"URL","lastmod":"Última Modificación","changefreq":"Frecuencia de Cambio","priority":"Prioridad"},"addUrl":"Agregar URL","output":{"title":"Sitemap Generado","saveAs":"Guarda como sitemap.xml en el directorio raíz de tu sitio"},"guide":{"title":"Guía del Generador de Sitemap","description":"Crea sitemaps XML para mejor indexación","whatIs":{"title":"¿Qué es un Sitemap?","content":"Un sitemap XML es un archivo que lista todas las páginas importantes de tu sitio web y ayuda a los motores de búsqueda a rastrear e indexar. Contiene metadatos como frecuencia de cambio y prioridad."},"howToUse":{"title":"Cómo Usar","step1":"Añade URLs de tu sitio web","step2":"Establece prioridad y frecuencia de cambio","step3":"Genera el sitemap XML","step4":"Sube y envía a Search Console"},"tips":{"title":"Consejos SEO","tip1":"Mantén los sitemaps bajo 50,000 URLs y 50MB","tip2":"Envía a Google Search Console y Bing Webmaster Tools","tip3":"Actualiza cuando haya cambios importantes en las páginas"},"browserSupport":{"title":"Soporte de Motores de Búsqueda","content":"Los sitemaps XML son soportados por Google, Bing, Yahoo y Yandex."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Es obligatorio tener un sitemap?","answer":"No es obligatorio pero sí altamente recomendado. Los sitemaps ayudan a Google a descubrir páginas más rápido, especialmente para: sitios grandes, páginas con pocos links entrantes, sitios nuevos, y sitios con contenido dinámico."},{"question":"¿Cuántas URLs puede contener un sitemap?","answer":"Cada sitemap puede contener hasta 50,000 URLs y 50MB sin comprimir. Para más URLs, usa un sitemap index que referencia múltiples sitemaps. Los sitemaps pueden comprimirse con gzip para reducir tamaño."},{"question":"¿Qué significa el campo priority?","answer":"Priority indica la importancia relativa de una URL dentro de TU sitio (0.0-1.0). No afecta el ranking vs otros sitios. Es una sugerencia, no una orden. Google generalmente lo ignora y usa sus propios algoritmos para determinar importancia."},{"question":"¿Con qué frecuencia debo actualizar mi sitemap?","answer":"Actualiza cuando: añadas páginas nuevas, elimines páginas, cambies URLs significativamente. Para sitios dinámicos, genera automáticamente. No necesitas actualizar lastmod si el contenido no cambió; hacerlo puede afectar la confianza de Google."},{"question":"¿Cómo envío mi sitemap a Google?","answer":"Opciones: 1) Añade la URL en Google Search Console > Sitemaps, 2) Incluye la ubicación en robots.txt: Sitemap: https://tusitio.com/sitemap.xml, 3) Google lo descubre automáticamente en ubicaciones comunes. Search Console es el método preferido para confirmar indexación."}]}},"canonical":{"name":"Verificador de URL Canónica","description":"Verificar y generar etiquetas de URL canónica","breadcrumb":"Herramientas SEO","title":"Generador de URL Canónica","pageDescription":"Genera tags canonical link para prevenir contenido duplicado","options":{"title":"Opciones de URL","baseUrl":"URL Base","forceHttps":"Forzar HTTPS","removeWww":"Eliminar www","trailingSlash":"Agregar Barra Final"},"rule":{"title":"Mapeo de URL","sourceUrl":"URL de Origen (con parámetros)","canonicalUrl":"URL Canónica"},"addRule":"Agregar Mapeo de URL","output":{"title":"Tags Canonical Generados","empty":"Agrega mapeos de URL para generar tags canonical"},"guide":{"title":"Guía de URL Canónica","description":"Evita contenido duplicado con tags canónicos","whatIs":{"title":"¿Qué es una URL Canónica?","content":"Las URLs canónicas indican a los motores de búsqueda cuál versión de una página es la copia maestra. Esto previene penalizaciones por contenido duplicado y consolida señales de ranking."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa tu URL base con el formato preferido","step2":"Mapea URLs de origen a sus versiones canónicas","step3":"Configura opciones de normalización de URL","step4":"Copia los tags canónicos a tu HTML head"},"tips":{"title":"Mejores Prácticas SEO","tip1":"Siempre usa URLs absolutas en tags canónicos","tip2":"Se recomiendan canónicos auto-referenciados","tip3":"Asegúrate de que las URLs canónicas devuelvan 200"},"browserSupport":{"title":"Soporte de Motores de Búsqueda","content":"Los tags canónicos son tratados como sugerencias por todos los motores de búsqueda principales."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre canonical y redirect 301?","answer":"Canonical mantiene ambas URLs accesibles pero consolida señales SEO. Redirect 301 mueve permanentemente a la nueva URL. Usa canonical cuando necesites mantener URLs funcionando (parámetros de tracking, versiones imprimibles). Usa 301 para cambios permanentes de URL."},{"question":"¿Puedo usar canonical entre dominios diferentes?","answer":"Sí, puedes usar canonical cross-domain para indicar que el contenido original está en otro dominio. Es útil para contenido sindicado o replicado. Google lo tratará como sugerencia, no garantiza que se respete. Considera noindex como alternativa."},{"question":"¿Qué pasa si canonical apunta a una página 404?","answer":"Google eventualmente ignorará el canonical incorrecto, pero afecta la indexación temporalmente. Verifica regularmente que las URLs canónicas devuelvan 200. Usa Search Console para identificar errores de canonical. Mantén actualizados los canonicals cuando elimines páginas."},{"question":"¿Debo usar canonical auto-referenciado?","answer":"Sí, es una buena práctica. Cada página debe tener un canonical apuntando a sí misma. Esto previene problemas si tu contenido es copiado o si hay variaciones de URL (mayúsculas, trailing slash). Declara explícitamente cuál es la versión canónica."},{"question":"¿Canonical o noindex para contenido duplicado?","answer":"Canonical: cuando quieres que una versión sea indexada y acumule señales de todas las versiones. Noindex: cuando no quieres que ninguna versión de esa URL sea indexada. Para páginas de paginación o filtros, canonical a la primera página o categoría principal."}]}},"keyword":{"name":"Analizador de Palabras Clave","description":"Analizar densidad y optimización de palabras clave","breadcrumb":"Herramientas SEO","title":"Analizador de Densidad de Palabras Clave","pageDescription":"Analiza la densidad de palabras clave y optimiza tu contenido para SEO","input":{"title":"Análisis de Contenido","targetKeyword":"Palabra Clave Objetivo","targetPlaceholder":"Ingresa palabra clave objetivo...","content":"Contenido","contentPlaceholder":"Pega tu contenido aquí para analizar..."},"stats":{"title":"Estadísticas","words":"Total de Palabras","unique":"Palabras Únicas","sentences":"Oraciones","avgWords":"Promedio Palabras/Oración"},"topKeywords":{"title":"Palabras Clave Principales"},"targetAnalysis":{"title":"Análisis de Palabra Clave Objetivo","keyword":"Palabra Clave","occurrences":"Ocurrencias","density":"Densidad","recommendation":"La densidad de palabras clave recomendada es 1-3%"},"density":{"low":"La densidad de palabras clave es baja. Considera usar más la palabra clave.","optimal":"La densidad de palabras clave es óptima para SEO.","high":"La densidad de palabras clave es alta. Reduce para evitar keyword stuffing."},"guide":{"title":"Guía de Densidad de Palabras Clave","description":"Optimiza el uso de palabras clave en tu contenido","whatIs":{"title":"¿Qué es la Densidad de Palabras Clave?","content":"La densidad de palabras clave es el porcentaje de veces que una palabra clave aparece en relación al conteo total de palabras. Ayuda a optimizar contenido sin arriesgar keyword stuffing."},"howToUse":{"title":"Cómo Usar","step1":"Pega tu contenido en el área de texto","step2":"Ingresa tu palabra clave objetivo","step3":"Revisa el porcentaje de densidad","step4":"Ajusta el contenido a 1-3% de densidad"},"tips":{"title":"Mejores Prácticas SEO","tip1":"1-3% de densidad de palabras clave es óptimo","tip2":"Usa sinónimos para flujo natural","tip3":"Enfócate en la intención del usuario"},"browserSupport":{"title":"Soporte de Herramienta","content":"Completamente basado en navegador. Ningún dato se envía a servidores."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la densidad de palabras clave ideal?","answer":"La recomendación tradicional es 1-3%. Sin embargo, Google es más inteligente ahora y evalúa contexto semántico. Enfócate en escribir naturalmente para humanos. Evita keyword stuffing (>3%). Usa variaciones y sinónimos en lugar de repetir exactamente."},{"question":"¿Google aún considera la densidad de palabras clave?","answer":"No directamente. Google usa procesamiento de lenguaje natural (NLP) y entiende contexto y sinónimos. La densidad es una métrica útil para detectar sobre-optimización, pero no es un factor de ranking. El contenido de calidad que responde la intención del usuario es más importante."},{"question":"¿Cómo evito keyword stuffing?","answer":"Lee tu contenido en voz alta - si suena forzado, probablemente lo es. Usa sinónimos y variaciones naturales. Distribuye keywords a lo largo del contenido. Si superas 3-4% de densidad, considera reducir. Prioriza legibilidad sobre métricas."},{"question":"¿Debo incluir palabras clave en títulos y subtítulos?","answer":"Sí, pero naturalmente. H1 debe contener la palabra clave principal. H2/H3 pueden incluir variaciones o keywords secundarias. No fuerces - los encabezados deben ser útiles para lectores. Google valora estructura lógica sobre densidad de keywords."},{"question":"¿Las palabras clave LSI mejoran el SEO?","answer":"LSI (Latent Semantic Indexing) es un término de marketing; Google no usa LSI literalmente. Sin embargo, usar términos relacionados semánticamente sí ayuda. Esto indica a Google que tu contenido cubre el tema completamente. Investiga 'búsquedas relacionadas' para ideas."}]}},"serp":{"name":"Vista Previa SERP","description":"Vista previa de la página en resultados de búsqueda","breadcrumb":"Herramientas SEO","title":"Vista Previa SERP","pageDescription":"Previsualiza cómo aparece tu página en los resultados de Google","controls":{"title":"Configuración de Página","url":"URL de Página","pageTitle":"Título de Página","metaDescription":"Meta Descripción","breadcrumbs":"Migas de Pan","showRating":"Mostrar Calificación","rating":"Calificación","reviews":"Número de Reseñas"},"preview":{"google":"Vista Previa Google Desktop","mobile":"Vista Previa Móvil","untitled":"Página Sin Título","noDescription":"Sin descripción proporcionada","reviews":"reseñas"},"validation":{"titleShort":"El título es muy corto (< 30 caracteres)","titleLong":"El título es muy largo (> 60 caracteres)","titleOptimal":"La longitud del título es óptima","descShort":"La descripción es muy corta (< 120 caracteres)","descLong":"La descripción es muy larga (> 160 caracteres)","descOptimal":"La longitud de la descripción es óptima"},"tips":{"title":"Consejos SEO","tip1":"Mantén los títulos entre 30-60 caracteres para mejor visualización","tip2":"Las meta descripciones deben tener 120-160 caracteres","tip3":"Incluye tu palabra clave principal en título y descripción"},"guide":{"title":"Guía de Vista Previa SERP","description":"Optimiza tu apariencia en resultados de búsqueda","whatIs":{"title":"¿Qué es SERP?","content":"SERP (Search Engine Results Page) es la página que los usuarios ven después de una búsqueda. El título, meta descripción y URL determinan cómo aparece tu listado."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa URL, título y meta descripción","step2":"Vista previa de la apariencia en Google","step3":"Verifica límites de caracteres","step4":"Ajusta para CTR óptimo"},"tips":{"title":"Mejores Prácticas SEO","tip1":"Coloca la palabra clave al inicio del título","tip2":"Escribe meta descripciones como llamadas a la acción","tip3":"Usa datos estructurados para rich snippets"},"browserSupport":{"title":"Variaciones de Visualización","content":"Los resultados de búsqueda pueden aparecer diferente en distintos dispositivos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué Google muestra un título diferente al que definí?","answer":"Google puede reescribir títulos si considera que el suyo es más relevante para la búsqueda. Esto ocurre cuando: el título es muy largo/corto, no coincide con el contenido, o la query del usuario difiere. Escribe títulos descriptivos y concisos para minimizar reescrituras."},{"question":"¿Cómo puedo hacer que mi resultado destaque en SERP?","answer":"Usa datos estructurados para rich snippets (estrellas, precios, FAQs). Optimiza meta descripción con llamada a la acción. Incluye el año actual en títulos de contenido temporal. Usa preguntas que coincidan con búsquedas. Añade datos que generen confianza."},{"question":"¿El CTR afecta al ranking de Google?","answer":"Google no ha confirmado que CTR sea un factor directo de ranking. Sin embargo, mejorar CTR significa más tráfico. Los señales de engagement (tiempo en página, rebote) sí importan. Optimiza para humanos: títulos atractivos, descripciones útiles."},{"question":"¿Cómo aparecen las migas de pan en los resultados?","answer":"Google extrae breadcrumbs automáticamente de la estructura URL o datos estructurados. Usa BreadcrumbList schema para control preciso. URLs limpias y jerárquicas ayudan. Los breadcrumbs mejoran la comprensión del contexto de la página."},{"question":"¿Qué son los featured snippets y cómo los consigo?","answer":"Los featured snippets son cajas de respuesta que aparecen sobre los resultados normales. Para optimizar: responde preguntas directamente, usa formato de lista/tabla cuando corresponda, estructura con H2/H3, mantén respuestas concisas (40-60 palabras para párrafos)."}]}},"socialPreview":{"name":"Vista Previa Social","description":"Vista previa de cómo aparecerán tus enlaces en diferentes plataformas sociales","breadcrumb":"Herramientas SEO","title":"Vista Previa Social","pageDescription":"Mira cómo aparecerán tus enlaces en diferentes plataformas sociales","meta":{"pageTitle":"Título de la Página","titlePlaceholder":"Introduce un título atractivo","description":"Descripción","descriptionPlaceholder":"Introduce una breve descripción de tu página","image":"URL de Imagen","siteName":"Nombre del Sitio"},"input":{"url":"URL de la Página","urlPlaceholder":"https://example.com/page"},"platforms":{"facebook":"Facebook","twitter":"Twitter","linkedin":"LinkedIn","whatsapp":"WhatsApp"},"preview":{"title":"Vista Previa"},"output":{"title":"Meta Tags Generadas","placeholder":"Introduce los datos meta para generar automáticamente las etiquetas"},"recommendations":{"title":"Consejos de Optimización","titleLength":"{current}/60 caracteres (recomendado: menos de {recommended})","descLength":"{current}/160 caracteres (recomendado: menos de {recommended})","imageSize":"Tamaño recomendado: 1200x630 píxeles","titleTip":"Mantén el título en menos de 60 caracteres","descriptionTip":"Mantén la descripción en menos de 160 caracteres","imageTip":"El tamaño de imagen recomendado es 1200x630 píxeles","testTip":"Prueba con Facebook Debugger antes de compartir"},"guide":{"title":"Guía de Vista Previa en Redes Sociales","description":"Optimiza contenido para compartir en redes sociales","whatIs":{"title":"¿Qué es la Vista Previa en Redes Sociales?","content":"Las vistas previas en redes sociales son las tarjetas de enlace que aparecen al compartir una URL en Facebook, Twitter y otras plataformas. Usan meta tags Open Graph y Twitter Card."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa título y descripción de la página","step2":"Añade una URL de imagen (1200x630 recomendado)","step3":"Vista previa en diferentes plataformas","step4":"Copia y añade los meta tags"},"tips":{"title":"Mejores Prácticas","tip1":"1200x630 píxeles para visualización óptima","tip2":"Títulos atractivos bajo 60 caracteres","tip3":"Prueba con Facebook Debugger antes de compartir"},"browserSupport":{"title":"Soporte de Plataforma","content":"Compatible con Facebook, Twitter/X, LinkedIn, WhatsApp, Slack, Discord y la mayoría de plataformas modernas."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué cada plataforma muestra mi link diferente?","answer":"Cada plataforma tiene sus propios requisitos y preferencias. Facebook/LinkedIn usan Open Graph, Twitter prefiere Twitter Cards (con fallback a OG). El tamaño de imagen y truncamiento de texto varían. Esta herramienta te ayuda a optimizar para cada una."},{"question":"¿Cuánto tiempo tardan en actualizarse las previews?","answer":"Las plataformas cachean previews por diferentes tiempos. Facebook: 7-30 días (usa Debugger para forzar). Twitter: 7 días (usa Card Validator). LinkedIn: variable (limpia caché con Post Inspector). WhatsApp: puede tardar horas en actualizar."},{"question":"¿Por qué mi imagen no aparece en WhatsApp?","answer":"WhatsApp tiene requisitos específicos: imagen mínima 300x200, preferible 1200x630. Debe ser accesible públicamente (no requiere login). Verifica que og:image tenga URL absoluta HTTPS. WhatsApp puede tardar en cachear nuevas imágenes."},{"question":"¿Puedo tener diferentes previews para diferentes plataformas?","answer":"Parcialmente. Puedes definir Twitter Cards específicas además de Open Graph. Sin embargo, la mayoría de plataformas usan OG como base. Para diferencias significativas, considera páginas de landing específicas por plataforma."},{"question":"¿Las previews sociales afectan al SEO?","answer":"No directamente al ranking de Google. Sin embargo, buenos previews aumentan clics y compartidos, generando más tráfico y potenciales backlinks. Las señales sociales pueden tener efecto indirecto en SEO. Optimiza para engagement."}]}},"structuredData":{"name":"Validador de Datos Estructurados","description":"Valida datos estructurados JSON-LD y previsualiza snippets enriquecidos","breadcrumb":"Herramientas SEO","title":"Validador de Datos Estructurados","input":{"title":"Entrada JSON-LD","placeholder":"Pega tus datos estructurados JSON-LD aquí..."},"actions":{"validate":"Validar","validating":"Validando..."},"templates":{"title":"Plantillas","article":"Article","product":"Product","organization":"Organization","faq":"FAQ","recipe":"Receta","event":"Evento","course":"Curso","video":"Vídeo"},"validation":{"valid":"Datos estructurados válidos","invalid":"Datos estructurados inválidos","schemaType":"Tipo de Schema","errors":"Errores","warnings":"Advertencias","properties":"Propiedades Detectadas","missingContext":"Falta la propiedad @context","contextWarning":"@context debe incluir schema.org","missingType":"Falta la propiedad @type","missingProperty":"Falta propiedad requerida: {property}","imageWarning":"La URL de imagen debe ser absoluta","dateWarning":"datePublished debe estar en formato ISO 8601","invalidJson":"Formato JSON inválido"},"preview":{"title":"Vista Previa de Resultados Enriquecidos","richSnippet":"Estos datos estructurados pueden aparecer como snippet enriquecido en los resultados de búsqueda","propertiesDetected":"propiedades detectadas"},"reference":{"title":"Tipos de Schema Soportados","description":"Visita schema.org para más tipos de schema y propiedades"},"guide":{"title":"Guía de Datos Estructurados","description":"Implementa JSON-LD para resultados enriquecidos","whatIs":{"title":"¿Qué son los Datos Estructurados?","content":"Los datos estructurados proporcionan información sobre el contenido de la página a los motores de búsqueda en formato estandarizado. Permiten resultados enriquecidos como calificaciones, precios y acordeones FAQ."},"howToUse":{"title":"Cómo Usar","step1":"Pega el código JSON-LD","step2":"Valida la sintaxis y el schema","step3":"Revisa errores y advertencias","step4":"Copia el código validado a la página"},"tips":{"title":"Mejores Prácticas","tip1":"Usa formato JSON-LD - recomendado por Google","tip2":"Prueba con Google Rich Results Test antes de deployment","tip3":"Solo marca contenido visible"},"browserSupport":{"title":"Soporte de Motores de Búsqueda","content":"JSON-LD es soportado por Google, Bing, Yahoo y Yandex."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre JSON-LD, Microdata y RDFa?","answer":"Son tres formatos para datos estructurados. JSON-LD usa un script separado y es recomendado por Google por ser fácil de mantener. Microdata y RDFa se mezclan con el HTML. JSON-LD es más fácil de implementar y no afecta el renderizado de la página."},{"question":"¿Los datos estructurados garantizan rich snippets?","answer":"No. Los datos estructurados son requisito necesario pero no suficiente. Google decide cuándo mostrar rich snippets según: calidad del contenido, relevancia para la búsqueda, historial del sitio, y guidelines de spam. Implementar schema no garantiza resultados enriquecidos."},{"question":"¿Dónde coloco el JSON-LD en mi página?","answer":"El JSON-LD puede ir en <head> o <body>. Google recomienda el <head> para mejor procesamiento. Múltiples bloques JSON-LD están permitidos en la misma página. Cada bloque describe un tipo diferente de contenido (Article, Product, FAQ, etc.)."},{"question":"¿Cómo pruebo mis datos estructurados?","answer":"Usa Google Rich Results Test (search.google.com/test/rich-results) para ver si calificas para rich snippets. Schema.org Validator verifica sintaxis. Google Search Console muestra errores de tu sitio. Prueba antes de publicar para evitar problemas."},{"question":"¿Puedo usar datos estructurados para contenido invisible?","answer":"No. Google penaliza el marcado de contenido no visible para usuarios. Los datos estructurados deben reflejar contenido visible en la página. Marcar precios o reviews que no existen puede resultar en acción manual. Solo marca lo que el usuario puede ver."}]},"pageDescription":"Validar y probar datos estructurados JSON-LD para SEO"},"pagespeed":{"name":"Analizador de Velocidad","description":"Lista de verificación de Core Web Vitals e integración con PageSpeed Insights","analyze":{"title":"Análisis de PageSpeed Insights","placeholder":"Ingresa la URL a analizar...","button":"Abrir PageSpeed","hint":"Obtén resultados detallados de Google PageSpeed Insights"},"vitals":{"title":"Resumen de Core Web Vitals"},"metrics":{"lcp":{"name":"LCP (Largest Contentful Paint)","description":"Mide el tiempo de carga del contenido principal. El momento en que el usuario puede ver el contenido.","target":"Objetivo: menos de 2.5s"},"fid":{"name":"INP (Interaction to Next Paint)","description":"Mide el tiempo de respuesta a interacciones. Tiempo desde clic, toque o entrada hasta actualización visual.","target":"Objetivo: menos de 200ms"},"cls":{"name":"CLS (Cumulative Layout Shift)","description":"Mide cambios inesperados de diseño durante la carga. Indicador de estabilidad visual.","target":"Objetivo: menos de 0.1"}},"checklist":{"title":"Lista de Optimización","copy":"Copiar","copied":"Copiado","optimizeImages":"Optimizar imágenes (formato WebP, tamaño adecuado)","preloadLCP":"Precargar elemento LCP","useCDN":"Usar CDN para entrega de recursos","cacheAssets":"Habilitar caché del navegador para activos estáticos","minifyJS":"Minificar y comprimir JavaScript","deferJS":"Diferir/async JavaScript no crítico","removeUnused":"Eliminar código no utilizado","webWorkers":"Usar Web Workers para tareas pesadas","setDimensions":"Establecer ancho/alto para imágenes y videos","reserveSpace":"Reservar espacio para contenido dinámico","avoidInject":"Minimizar inyección dinámica de contenido","fontDisplay":"Usar font-display: swap","enableCompression":"Habilitar compresión Gzip/Brotli","http2":"Usar HTTP/2 o HTTP/3","lazyLoad":"Carga diferida de imágenes e iframes","criticalCSS":"CSS crítico en línea"},"sections":{"lcp":"Optimización LCP (Carga)","fid":"Optimización INP (Interactividad)","cls":"Optimización CLS (Estabilidad Visual)","general":"Optimización General"},"guide":{"title":"Guía de Optimización de Velocidad","description":"Mejora rankings de búsqueda y experiencia de usuario con Core Web Vitals","whatIs":{"title":"¿Qué son Core Web Vitals?","content":"Core Web Vitals son métricas clave de Google para calidad de páginas web, midiendo carga (LCP), interactividad (INP) y estabilidad visual (CLS). Desde 2021, son factor de ranking de Google, esenciales para SEO."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa URL y abre PageSpeed Insights","step2":"Revisa datos de usuarios reales y simulación","step3":"Sigue la lista de verificación para optimizar","step4":"Re-mide después de cambios para verificar mejoras"},"tips":{"title":"Consejos de Optimización","tip1":"LCP suele ser la imagen o bloque de texto más grande","tip2":"Divide tareas JavaScript largas para mejorar INP","tip3":"Especifica dimensiones para todos los elementos multimedia para evitar CLS"},"browserSupport":{"title":"Herramientas de Medición","content":"Usa Lighthouse de Chrome DevTools, PageSpeed Insights y el informe Core Web Vitals de Search Console para medir."}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Qué tan importantes son Core Web Vitals para SEO?","answer":"Core Web Vitals son uno de los factores de ranking de Google. La relevancia del contenido sigue siendo lo más importante, pero la experiencia de página importa. Se convierten en diferenciador cuando páginas competidoras tienen calidad similar."},{"question":"¿Cuál es la diferencia entre datos de campo y laboratorio?","answer":"Datos de campo (usuarios reales) reflejan experiencias reales de usuarios Chrome. Datos de laboratorio (simulación) son pruebas en condiciones controladas. Ambos son importantes, pero los datos de campo se usan para rankings."},{"question":"¿Qué puntuación importa más, móvil o escritorio?","answer":"Móvil es más importante ya que Google usa indexación móvil primero. Sin embargo, optimiza para ambos. Los usuarios móviles son más numerosos y tienen condiciones de red/dispositivo variadas."},{"question":"¿Por dónde empezar con puntuación baja?","answer":"Revisa la sección 'Oportunidades' en PageSpeed Insights. Arregla elementos con mayor ahorro de tiempo primero. Típicamente: 1) Optimización de imágenes, 2) Eliminar código no usado, 3) Eliminar recursos bloqueantes, 4) Implementar caché."},{"question":"¿Cómo manejar scripts de terceros que bajan la puntuación?","answer":"Scripts de terceros (anuncios, analytics, chat) son problemas comunes. Soluciones: 1) Revisar necesidad, 2) Cargar con defer/async, 3) Cargar después de interacción, 4) Usar patrón facade. Minimiza impacto si no puedes eliminarlos."}]}}},"badge":{"available":"Disponible","comingSoon":"Próximamente"},"openTool":"Abrir Herramienta"}},"children":"$L15"}] </article></body></html>

9:["$","$L14",null,{"locale":"es","messages":{"common":{"nav":{"about":"Acerca de","brand":"CSS Studio","contact":"Contacto","disclaimer":"Descargo de responsabilidad","faq":"Preguntas frecuentes","privacy":"Privacidad","terms":"Términos","tools":"Herramientas"},"footer":{"allTools":"Todas las Herramientas","description":"Herramientas online gratuitas para CSS, desarrollo, SEO, seguridad, calculadoras y finanzas. Sin registro. 100% basado en navegador y respetuoso con la privacidad.","hubs":{"calculator":"Hub de Calculadora"},"legal":"Legal","resources":"Recursos","rights":"Todos los derechos reservados.","tagline":"Herramientas online inteligentes y seguras para todos"},"accessibility":{"changeLanguage":"Cambiar idioma","toggleMenu":"Alternar menú","toggleTheme":"Alternar tema","searchTools":"Buscar herramientas","searchPlaceholder":"Buscar herramientas...","typeToSearch":"Escribe para buscar...","noResultsFor":"No se encontraron herramientas para","close":"Cerrar"},"addItem":"Añadir Elemento","brand":"CSS Studio","code":{"title":"Código CSS"},"color":"Color","colorPlaceholder":"#000000","company":"Toolypet","copied":"Copiado","copy":"Copiar","languages":{"en":"English","ja":"日本語","ko":"한국어","zh":"中文"},"recentColors":"Colores Recientes","reset":"Restablecer","vendorPrefixNote":"* Prefijos de proveedor incluidos para compatibilidad del navegador","history":{"title":"Historial"},"save":"Guardar","share":"Compartir","clear":"Borrar","noHistory":"Sin historial","setting":"Configuración","actions":{"save":"Guardar","saved":"¡Guardado!","share":"Compartir","copied":"¡URL copiada!"}},"error":{"description":"Ocurrió un error inesperado.","goToHomepage":"Ir a la Página de Inicio","pageNotFound":"Página no encontrada","title":"¡Algo salió mal!","tryAgain":"Intentar de nuevo"},"metadata":{"description":"Crea hermosos efectos CSS con nuestras herramientas visuales. Genera gradientes, sombras, animaciones y más.","title":"CSS Design Studio - Generador Visual de Código CSS"},"cookie":{"title":"Aviso de Cookies","description":"Nuestro sitio web usa cookies para mejorar la experiencia del usuario.","learnMore":"Saber más","accept":"Aceptar","decline":"Rechazar","settings":"Configuración"},"relatedTools":{"title":"Herramientas Relacionadas","viewAll":"Ver Todo"},"faq":{"title":"Preguntas Frecuentes","description":"Encuentre respuestas a las preguntas más comunes sobre los servicios de Toolypet.","categories":{"general":{"title":"Preguntas Generales","items":[{"question":"¿Qué es Toolypet?","answer":"Toolypet es una colección gratuita de herramientas en línea para desarrolladores web, diseñadores y usuarios en general. Ofrecemos más de 40 herramientas, incluyendo generadores CSS, herramientas de desarrollo, SEO, seguridad, calculadoras y finanzas."},{"question":"¿Toolypet es gratuito?","answer":"Sí, todas las herramientas de Toolypet son 100% gratuitas. Puede usarlas inmediatamente sin registro ni información de tarjeta de crédito."},{"question":"¿Necesito crear una cuenta?","answer":"No, puede usar todas las herramientas sin registro. No se requiere ningún proceso de creación de cuenta."},{"question":"¿Qué idiomas se admiten?","answer":"Toolypet admite 8 idiomas: español, inglés, coreano, japonés, chino, portugués, hindi y alemán."}]},"privacy":{"title":"Privacidad y Seguridad","items":[{"question":"¿Se almacenan mis datos en sus servidores?","answer":"No, todas las herramientas de Toolypet procesan datos 100% en su navegador. Sus datos de entrada nunca se envían a nuestros servidores y se eliminan al cerrar el navegador."},{"question":"¿Es seguro ingresar contraseñas o información sensible?","answer":"Sí, es seguro. Todo el procesamiento ocurre dentro de su navegador, por lo que sus datos nunca salen de su dispositivo. Sin embargo, cierre el navegador después de usarlo en computadoras públicas."},{"question":"¿Usan cookies?","answer":"Sí, usamos cookies para la funcionalidad del sitio web y análisis. Consulte nuestra Política de Privacidad para más detalles."}]},"tools":{"title":"Uso de Herramientas","items":[{"question":"¿Puedo usar los resultados de las herramientas comercialmente?","answer":"Sí, todos los resultados generados por Toolypet (código CSS, resultados de conversión, etc.) pueden usarse libremente para fines personales y comerciales."},{"question":"¿Los resultados de cálculo son 100% precisos?","answer":"Aunque Toolypet se esfuerza por proporcionar resultados precisos, no garantizamos la precisión perfecta para todos los resultados. Consulte a profesionales para decisiones importantes."},{"question":"¿Puedo usar las herramientas en dispositivos móviles?","answer":"Sí, Toolypet está construido con diseño responsivo y funciona en smartphones, tablets y todos los dispositivos."},{"question":"¿Puedo usar las herramientas sin conexión?","answer":"Actualmente, no se admite el modo sin conexión. Se requiere conexión a Internet para usar las herramientas."}]},"support":{"title":"Soporte y Contacto","items":[{"question":"¿Cómo reporto un error?","answer":"Si encuentra un error, por favor infórmenos a través de nuestra página de Contacto. Incluya el nombre de la herramienta, el navegador utilizado y una descripción detallada del problema para una resolución más rápida."},{"question":"¿Puedo solicitar nuevas herramientas?","answer":"Sí, damos la bienvenida a sugerencias de nuevas herramientas. Envíe sus ideas a través de nuestra página de Contacto."},{"question":"¿Cuánto tiempo tarda en recibir una respuesta?","answer":"Normalmente respondemos en 24-48 horas. Las consultas complejas pueden tardar más."}]}},"contact":{"title":"¿No encontró lo que buscaba?","description":"Si tiene preguntas adicionales, no dude en contactarnos.","button":"Contáctenos"}},"home":{"availableTools":"Herramientas Disponibles","badge":"Herramientas Online Gratuitas","description":"CSS, imágenes, PDF, calculadoras y más. Herramientas online fáciles de usar y gratuitas para todos.","stats":{"tools":"Herramientas Gratuitas","languages":"Idiomas Soportados","free":"Completamente Gratis","tracking":"Sin Rastreo"},"hubs":{"css":{"description":"Herramientas de generación y edición de estilos CSS"},"dev":{"description":"Herramientas de utilidad para desarrolladores"},"seo":{"description":"Herramientas de optimización para motores de búsqueda"},"security":{"description":"Herramientas relacionadas con seguridad"},"calculator":{"description":"Conversión de unidades, cálculo de fechas, cálculos financieros y más"},"finance":{"description":"Interés compuesto, préstamos, ROI y otras calculadoras financieras"}},"moreTools":"+ {count} más","why":{"title":"¿Por qué Toolypet?","subtitle":"La mejor colección de herramientas online para desarrolladores y diseñadores","noRegistration":{"title":"Sin registro","description":"Usa todas las herramientas sin crear cuenta. Ahorra tiempo."},"browserBased":{"title":"Procesamiento en navegador","description":"Todos los datos se procesan en el navegador. No se almacenan en servidores, tu privacidad está segura."},"multiLanguage":{"title":"Soporte multilingüe","description":"Compatible con 8 idiomas: coreano, inglés, japonés, chino y más."},"mobileFriendly":{"title":"Optimizado para móviles","description":"Todas las herramientas funcionan perfectamente en dispositivos móviles. Úsalas en cualquier lugar."}},"cta":{"title":"Comienza ahora","description":"Usa todas las herramientas gratis sin registro.","button":"Usar Generador de Gradientes"},"latestPosts":{"title":"Últimas publicaciones del blog","viewAll":"Ver todo"},"title":"Tu Colección de Herramientas Online","useThisTool":"Usar Esta Herramienta","viewAllTools":"Ver Todas las Herramientas"},"about":{"established":{"title":"Fundado en 2024","subtitle":"Plataforma de herramientas gratuitas para desarrolladores web y diseñadores"},"trust":{"title":"Por Qué Confiar en Nosotros","items":[{"title":"Procesamiento 100% en el Navegador","description":"Todos los datos se procesan únicamente en su navegador. No se envían datos a los servidores, garantizando privacidad completa."},{"title":"Algoritmos de Código Abierto","description":"Las calculadoras financieras y herramientas utilizan fórmulas estándar públicamente disponibles. Resultados transparentes y verificables."},{"title":"Estándares Web Modernos","description":"Todas las herramientas CSS siguen los estándares W3C y garantizan compatibilidad con los navegadores más recientes."},{"title":"Actualizaciones Continuas","description":"Mejoramos continuamente nuestras herramientas basándonos en los comentarios de usuarios y las últimas tendencias tecnológicas."}]},"technology":{"title":"Stack Tecnológico","description":"Toolypet está construido con tecnologías web modernas para una experiencia de usuario rápida y confiable.","items":[{"name":"Next.js","description":"Framework basado en React"},{"name":"TypeScript","description":"Desarrollo con tipos seguros"},{"name":"Tailwind CSS","description":"Estilos modernos"},{"name":"Lado del Cliente","description":"Procesamiento en navegador"}]},"faqLink":{"title":"¿Tiene más preguntas?","description":"Consulte nuestra página de preguntas frecuentes para más información.","button":"Ver FAQ"},"benefits":{"professional":{"description":"Genera automáticamente código CSS optimizado listo para uso en producción","title":"Resultados Profesionales"},"realtime":{"description":"Todos los cambios se reflejan instantáneamente para un flujo de trabajo de diseño rápido","title":"Vista Previa en Tiempo Real"},"visual":{"description":"Diseña con arrastrar y soltar sin código y ve los resultados en tiempo real","title":"Editor Visual"},"privacy":{"title":"Protección de Privacidad","description":"Todos los datos se procesan en tu navegador y no se almacenan en servidores"},"free":{"title":"Completamente Gratis","description":"Usa todas las herramientas gratis sin registro ni pago"},"multilingual":{"title":"Soporte Multilingüe","description":"Compatible con 8 idiomas incluyendo coreano, inglés, japonés, chino"}},"story":{"title":"La Historia de Toolypet","content":"Toolypet fue creado para permitir a desarrolladores web y diseñadores usar convenientemente las herramientas que necesitan a diario en un solo lugar. En lugar de escribir código CSS complejo manualmente, puedes crearlo fácilmente con editores visuales y usar rápidamente varias herramientas de conversión durante el desarrollo. Nuestro objetivo es ahorrar tiempo a desarrolladores y diseñadores para que puedan enfocarse en trabajo más creativo."},"values":{"title":"Nuestros Valores","items":[{"title":"Accesibilidad","description":"Cualquiera puede usar todas las herramientas gratis sin registro. Sin importar el nivel técnico, puedes usarlas fácilmente a través de interfaces intuitivas."},{"title":"Privacidad","description":"No recopilamos ni almacenamos datos de usuarios. Todo el procesamiento ocurre en el navegador y la información ingresada no se transmite a ningún lugar."},{"title":"Calidad","description":"Entregamos no solo herramientas funcionales sino resultados de nivel profesional. Seguimos los estándares web actuales y mejoramos continuamente."},{"title":"Comunidad","description":"Valoramos los comentarios de los usuarios y desarrollamos nuevas herramientas y mejoramos las existentes según las solicitudes."}]},"stats":{"tools":"50+","toolsLabel":"Herramientas Gratuitas","languages":"8","languagesLabel":"Idiomas Soportados","categories":"6","categoriesLabel":"Categorías de Herramientas"},"categories":{"title":"Categorías de Herramientas","css":{"title":"Herramientas CSS","description":"Genera visualmente propiedades CSS como degradados, sombras, Flexbox, Grid."},"dev":{"title":"Herramientas de Desarrollo","description":"Proporciona utilidades de desarrollo como formateador JSON/XML, codificador Base64, probador Regex."},"seo":{"title":"Herramientas SEO","description":"Herramientas de optimización para motores de búsqueda como generación de meta tags, vista previa Open Graph, validación de datos estructurados."},"security":{"title":"Herramientas de Seguridad","description":"Proporciona herramientas relacionadas con seguridad como generador de contraseñas, generación de hash, cifrado/descifrado."},"calculator":{"title":"Calculadoras","description":"Proporciona varias herramientas de cálculo como conversión de unidades, cálculo de fechas, cálculos financieros."},"finance":{"title":"Herramientas Financieras","description":"Proporciona calculadoras financieras como interés compuesto, préstamos, cálculo de ROI."}},"contact":{"description":"¿Tienes preguntas o sugerencias? Nos encantaría escucharte.","email":"Contáctanos","title":"Ponte en Contacto"},"description":"Una plataforma innovadora para crear hermoso código CSS con herramientas visuales. Crea fácilmente efectos CSS complejos con funcionalidad de arrastrar y soltar.","mission":{"description":"Nuestro objetivo es proporcionar las mejores herramientas de generación visual de CSS que hagan el diseño web accesible para todos, desde principiantes hasta profesionales.","title":"Nuestra Misión"},"title":"Acerca de CSS Design Studio"},"contactPage":{"title":"Contáctanos","description":"Si tienes preguntas, comentarios o sugerencias sobre Toolypet, no dudes en contactarnos. Responderemos lo antes posible.","email":{"title":"Consulta por Email","description":"Damos la bienvenida a consultas generales, soporte técnico y propuestas de colaboración.","address":"toolypet@gmail.com","responseTime":"Respuesta en 48 horas en días laborables"},"feedback":{"title":"Comentarios y Sugerencias","description":"Valoramos cada comentario, incluyendo ideas para nuevas herramientas, sugerencias de mejora y reportes de errores. Tu opinión hace que Toolypet sea mejor."},"support":{"title":"Soporte Técnico","description":"Si tienes problemas usando las herramientas o tienes preguntas, contáctanos. Una descripción detallada de tu navegador y del problema nos ayudará a asistirte más rápido."},"business":{"title":"Consultas de Negocios","description":"Para publicidad, asociaciones y colaboraciones empresariales, envía un email a la siguiente dirección.","note":"Adjuntar propuestas de negocios o materiales relevantes acelera la revisión."},"privacy":{"title":"Protección de Privacidad","description":"Su consulta se utilizará únicamente para fines de respuesta y se eliminará después de completarse. Consulte nuestra Política de Privacidad para más detalles."},"fullFaq":{"title":"¿Tiene más preguntas?","description":"Consulte nuestra página de FAQ para información más detallada.","button":"Ver FAQ completo"},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Es Toolypet gratis?","answer":"Sí, todas las herramientas de Toolypet son completamente gratis. Puedes usarlas sin registro ni pago."},{"question":"¿Puedo sugerir nuevas herramientas?","answer":"¡Por supuesto! Si necesitas una herramienta o función específica, háznoslo saber por email. Consideramos tantas sugerencias como sea posible y desarrollamos nuevas herramientas."},{"question":"¿Se guardan los datos en el servidor?","answer":"No, todas las herramientas de Toolypet procesan directamente en el navegador. Tus datos ingresados no se envían a servidores ni se almacenan en ningún lugar."},{"question":"¿Qué navegadores son compatibles?","answer":"Soportamos todos los navegadores modernos como Chrome, Firefox, Safari, Edge. Para la mejor experiencia, recomendamos usar la última versión de tu navegador."}]}},"legal":{"privacy":{"title":"Política de Privacidad","lastUpdated":"Última Actualización","intro":"Toolypet (el 'Servicio') toma en serio su privacidad. Esta Política de Privacidad explica cómo el Servicio recopila, utiliza y protege su información. Al usar el Servicio, acepta esta política.","sections":{"collection":{"title":"1. Información que Recopilamos","description":"Toolypet sigue el principio de recopilación mínima de datos. No requerimos registro y no recopilamos información de identificación personal como nombre, correo electrónico o número de teléfono.","items":["Información recopilada automáticamente: Estadísticas de uso anónimas incluyendo tipo de navegador, sistema operativo, hora de acceso, páginas visitadas, resolución de pantalla","Información de cookies: Solo cookies esenciales para almacenar preferencias del usuario","Almacenamiento local: Configuración de tema, selección de idioma, configuración específica de herramientas"]},"processing":{"title":"2. Cómo Procesamos la Información","description":"Todas las herramientas de Toolypet se procesan del lado del cliente (en su navegador). Este es un principio de diseño fundamental para proteger los datos del usuario.","items":["Los datos de entrada como código CSS, texto y contraseñas no se transmiten a los servidores","Todos los cálculos y conversiones se ejecutan dentro de su navegador","Los resultados generados solo existen en su dispositivo y no se almacenan en servidores","Algunas herramientas (ej. verificador SSL, verificador de encabezados de seguridad) usan servidores proxy para consultas de dominios externos, pero los datos de entrada no se almacenan"]},"cookies":{"title":"3. Cookies y Almacenamiento Local","description":"Toolypet no utiliza cookies de seguimiento ni cookies de publicidad de terceros. Solo usamos cookies esenciales y almacenamiento local necesario para la funcionalidad del servicio.","items":["Configuración de tema (modo claro/oscuro)","Selección de idioma (8 idiomas soportados)","Configuración específica de herramientas (ej. opciones del generador de contraseñas)","Datos temporales para mantenimiento del estado de sesión"]},"thirdParty":{"title":"4. Servicios de Terceros","description":"Podemos utilizar los siguientes servicios de terceros para mejora del servicio y análisis.","items":["Google Analytics: Análisis de tráfico anónimo (anonimización de IP habilitada)","Google AdSense: Visualización de anuncios (opción de anuncios no personalizados utilizada)","Cloudflare: Servicios de CDN y seguridad"]},"retention":{"title":"5. Retención de Datos","description":"Dado que Toolypet no recopila información personal, no se aplica una política de retención de datos separada. La configuración del usuario almacenada en el almacenamiento local se elimina cuando se borran los datos del navegador. Los datos de análisis anónimos se conservan hasta 26 meses para fines de mejora del servicio."},"userRights":{"title":"6. Sus Derechos","description":"Los usuarios tienen los siguientes derechos.","items":["Derecho a eliminar cookies y datos de almacenamiento local a través de la configuración del navegador","Derecho a optar por no participar en el seguimiento de análisis a través del complemento de exclusión de Google Analytics","Derecho a consultar y presentar quejas sobre información personal"]},"children":{"title":"7. Privacidad de Niños","description":"Los servicios de Toolypet no están dirigidos a niños menores de 13 años, y no recopilamos intencionalmente información personal de niños. Si un padre o tutor cree que se ha recopilado información personal de su hijo, contáctenos inmediatamente."},"international":{"title":"8. Usuarios Internacionales","description":"Toolypet proporciona servicios a usuarios en todo el mundo. Para usuarios de la UE/EEE, los derechos bajo el GDPR están garantizados. Los servidores del servicio pueden estar ubicados fuera de estas regiones, pero dado que no recopilamos información personal, las preocupaciones sobre transferencias internacionales de datos se minimizan."},"security":{"title":"9. Seguridad","description":"Toolypet implementa varias medidas de seguridad para proteger los datos del usuario.","items":["Toda transmisión de datos protegida mediante cifrado HTTPS (TLS 1.3)","Prevención de ataques XSS mediante Política de Seguridad de Contenido (CSP)","Actualizaciones de seguridad regulares y evaluaciones de vulnerabilidades","Riesgo minimizado de filtración de datos mediante procesamiento del lado del cliente"]},"changes":{"title":"10. Cambios en la Política","description":"Esta Política de Privacidad puede modificarse debido a cambios legales, actualizaciones del servicio o mejoras de seguridad. Los cambios significativos se anunciarán con anticipación mediante avisos dentro del servicio. Las políticas modificadas entran en vigor desde la fecha de publicación."},"contact":{"title":"11. Contáctenos","description":"Para preguntas sobre esta Política de Privacidad o protección de privacidad, contáctenos usando la información a continuación.","items":["Correo electrónico: toolypet@gmail.com","Tiempo de respuesta: Dentro de 48 horas en días hábiles"]}}},"terms":{"title":"Términos de Servicio","lastUpdated":"Última Actualización","intro":"Estos Términos de Servicio establecen las condiciones de uso de Toolypet. Al usar el Servicio, acepta estos Términos.","sections":{"service":{"title":"1. Descripción del Servicio","description":"Toolypet proporciona una colección gratuita de herramientas en línea para desarrolladores web y diseñadores. Las herramientas de generación CSS, herramientas de desarrollo, herramientas SEO y herramientas de seguridad están disponibles sin registro."},"usage":{"title":"2. Uso del Servicio","description":"Todas las herramientas se proporcionan de forma gratuita. El código y la salida generados pueden usarse libremente para fines personales y comerciales."},"userResponsibility":{"title":"3. Responsabilidad del Usuario","description":"Los usuarios deben cumplir con las leyes aplicables y no deben interferir con las operaciones normales del servicio ni usar el servicio con fines maliciosos."},"intellectual":{"title":"4. Propiedad Intelectual","description":"El logotipo, diseño y código fuente de Toolypet están protegidos por la ley de derechos de autor. Los derechos sobre la salida generada a través de las herramientas (código CSS, etc.) pertenecen al usuario."},"disclaimer":{"title":"5. Descargo de Responsabilidad","description":"El servicio se proporciona 'tal cual' sin garantías de idoneidad para un propósito particular. No somos responsables de daños directos o indirectos resultantes del uso del servicio."},"governing":{"title":"6. Ley Aplicable","description":"Estos Términos se rigen por las leyes aplicables. Cualquier disputa relacionada con el uso del servicio se resolverá de acuerdo con la jurisdicción correspondiente."},"contact":{"title":"7. Contacto","description":"Para consultas sobre estos Términos, contáctenos en toolypet@gmail.com."}}},"disclaimer":{"title":"Descargo de Responsabilidad","lastUpdated":"Última Actualización","intro":"Este descargo de responsabilidad se aplica a todas las herramientas y servicios en línea proporcionados en el sitio web de Toolypet (toolypet.com). Al usar este sitio web, usted acepta los términos de este descargo de responsabilidad.","sections":{"accuracy":{"title":"1. Exactitud de la Información","description":"Aunque Toolypet se esfuerza por garantizar la exactitud de sus herramientas e información, no garantizamos:","items":["La exactitud completa o confiabilidad de los resultados de las herramientas","La actualidad o integridad de la información","La idoneidad para cualquier propósito particular","La ausencia de errores o defectos"]},"noWarranty":{"title":"2. Renuncia de Garantías","description":"Este sitio web y todas las herramientas se proporcionan 'TAL CUAL'. Toolypet no ofrece garantías de ningún tipo, ya sean expresas o implícitas, incluyendo pero no limitándose a las garantías implícitas de comerciabilidad, idoneidad para un propósito particular o no infracción."},"limitation":{"title":"3. Limitación de Responsabilidad","description":"Toolypet y sus operadores no serán responsables de los daños derivados de:","items":["Daños directos, indirectos, incidentales, consecuentes o punitivos resultantes del uso de las herramientas","Pérdida o corrupción de datos","Interrupciones o retrasos del servicio","Pérdidas comerciales resultantes del uso de los resultados de las herramientas","Problemas derivados de servicios de terceros o enlaces"]},"externalLinks":{"title":"4. Enlaces Externos","description":"Este sitio web puede contener enlaces a sitios web de terceros. Toolypet no tiene control y no asume responsabilidad por el contenido, políticas de privacidad o prácticas de sitios externos. Visitar enlaces externos es bajo su propio riesgo."},"professionalAdvice":{"title":"5. No es Asesoramiento Profesional","description":"Las herramientas y el contenido de Toolypet se proporcionan únicamente con fines informativos y no reemplazan:","items":["Asesoramiento legal, financiero, médico u otro asesoramiento profesional","Consulta con profesionales calificados","Auditorías o verificaciones de seguridad oficiales","Software o herramientas profesionales"]},"userResponsibility":{"title":"6. Responsabilidad del Usuario","description":"Los usuarios son responsables de:","items":["Verificar y probar los resultados de las herramientas","Revisión suficiente antes de la implementación en producción","Ejercer precaución al ingresar datos sensibles","Cumplimiento de las leyes y regulaciones aplicables","Medidas de respaldo y seguridad apropiadas"]},"modifications":{"title":"7. Modificaciones al Descargo","description":"Toolypet puede modificar este descargo de responsabilidad en cualquier momento sin previo aviso. Los cambios entran en vigor inmediatamente después de su publicación en el sitio web. El uso continuado del servicio constituye la aceptación de los términos modificados."},"contact":{"title":"8. Contacto","description":"Si tiene preguntas sobre este descargo de responsabilidad, contáctenos en toolypet@gmail.com."}}}},"blog":{"title":"Blog","description":"Consejos, tutoriales e información sobre herramientas de desarrollo web","noPosts":"Aún no hay publicaciones. ¡Vuelve pronto!","readMore":"Leer más","prev":"Anterior","next":"Siguiente","backToBlog":"Volver al Blog","backToAllPosts":"Volver a todas las publicaciones","minRead":"min de lectura","relatedPosts":"Publicaciones relacionadas","viewAll":"Ver todo","aboutAuthor":"Sobre el Autor"},"css":{"hub":{"title":"Herramientas CSS","description":"Editores visuales para crear propiedades CSS con vista previa en tiempo real","sidebar":{"title":"Herramientas CSS","visual":"Visual","layout":"Diseño","animation":"Animación","collapse":"Colapsar"},"badge":{"available":"Disponible","comingSoon":"Próximamente"},"openTool":"Abrir Herramienta","tools":{"gradient":{"name":"Generador de Degradados","description":"Crea hermosos degradados CSS con opciones lineales, radiales y cónicas"},"boxShadow":{"name":"Sombra de Caja","description":"Diseña sombras de caja en capas con controles visuales"},"textShadow":{"name":"Sombra de Texto","description":"Añade profundidad a tu texto con sombras personalizadas"},"filter":{"name":"Efectos de Filtro","description":"Aplica desenfoque, brillo, contraste y más a los elementos"},"flexbox":{"name":"Flexbox","description":"Generador visual de diseño flexbox y área de pruebas"},"grid":{"name":"Grid","description":"Constructor de diseño CSS Grid con arrastrar y soltar"},"animation":{"name":"Animación","description":"Crea animaciones CSS de fotogramas clave visualmente"},"easing":{"name":"Suavizado","description":"Editor de función de suavizado cubic-bezier personalizado"},"borderRadius":{"name":"Radio de Borde","description":"Genera CSS border-radius con controles visuales"},"transform":{"name":"Transformación","description":"Editor visual de CSS transform con soporte 2D y 3D"},"tailwindConverter":{"name":"Convertidor Tailwind","description":"Convierte código CSS a clases de utilidad Tailwind CSS"}}},"tools":{"animation":{"breadcrumb":"Herramientas CSS","description":"Crea animaciones de keyframes con editor de línea de tiempo","name":"Constructor de Animaciones CSS","pageDescription":"Crea impresionantes animaciones CSS de keyframes con editor de línea de tiempo interactivo","code":{"title":"Código CSS","copyCode":"Copiar Código"},"directions":{"alternate":"Alternado","alternateReverse":"Alternado Reverso","normal":"Normal","reverse":"Reverso"},"fillModes":{"backwards":"Hacia Atrás","both":"Ambos","forwards":"Hacia Adelante","none":"Ninguno"},"keyframe":{"backgroundColor":"Color de Fondo","borderRadius":"Border Radius","keyframeAt":"Keyframe en","opacity":"Opacidad","position":"Posición","rotate":"Rotar","scale":"Escala","translateX":"Trasladar X","translateY":"Trasladar Y"},"presets":{"bounce":"Rebote","fadeIn":"Aparecer","pulse":"Pulso","rotate":"Rotar","shake":"Sacudir","title":"Presets"},"preview":{"description":"Vista previa con configuración actual","pause":"Pausar","play":"Reproducir","restart":"Reiniciar","title":"Vista Previa"},"settings":{"animationName":"Nombre de Animación","delay":"Retardo","direction":"Dirección","duration":"Duración","fillMode":"Modo de Relleno","infinite":"Infinito","iterationCount":"Número de Iteraciones","iterationPlaceholder":"1","reset":"Restablecer Todo","timingFunction":"Función de Tiempo","title":"Configuración"},"timeline":{"addKeyframe":"Añadir Keyframe","title":"Línea de Tiempo"},"history":{"title":"Historial","save":"Guardar","saved":"¡Guardado!"},"share":{"title":"Compartir","copied":"¡URL copiada!"},"title":"Constructor de Animaciones CSS","guide":{"button":"Guía","title":"Guía del Generador de Animaciones","description":"Crea animaciones CSS cautivadoras con keyframes","whatIs":{"title":"¿Qué es Animación CSS?","content":"Las animaciones CSS permiten transiciones suaves entre estilos a lo largo del tiempo. Con keyframes, puedes crear secuencias complejas controlando propiedades como posición, tamaño y color."},"howToUse":{"title":"Cómo Usar","step1":"Define keyframes con estilos de inicio y fin","step2":"Configura duración y función de temporización","step3":"Configura conteo de repeticiones y dirección","step4":"Previsualiza y copia el código CSS"},"tips":{"title":"Consejos Pro","tip1":"Usa ease-in-out para movimiento natural","tip2":"Prueba animaciones con diferentes velocidades","tip3":"Combina transform y opacity para mejor rendimiento"},"browserSupport":{"title":"Soporte del Navegador","content":"Las animaciones CSS son ampliamente compatibles en todos los navegadores modernos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre animation y transition?","answer":"Transition responde a cambios de estado (ej. hover) animando entre dos estados. Animation puede ejecutarse automáticamente, repetirse, tener múltiples pasos intermedios (keyframes) y crear secuencias complejas. Transition es simple y fácil, animation ofrece más flexibilidad."},{"question":"¿Qué hace animation-fill-mode?","answer":"animation-fill-mode especifica los estilos aplicados antes/después de la animación. forwards mantiene el estado final, backwards aplica el estado inicial durante el retardo, both combina ambos. Sin especificar, el elemento vuelve a su estado original después de la animación."},{"question":"¿Cómo creo una animación infinita?","answer":"Establece animation-iteration-count: infinite; para que la animación se repita indefinidamente. Para un loop suave, usa animation-direction: alternate para que la animación se reproduzca hacia adelante y atrás, evitando saltos al final."},{"question":"¿Puedo pausar y reanudar animaciones CSS?","answer":"Sí, usa la propiedad animation-play-state. paused pausa la animación, running la reanuda. Puedes controlar esto con JavaScript o estados CSS como :hover. Por ejemplo: .elemento:hover { animation-play-state: paused; }"},{"question":"¿Qué propiedades son eficientes para animar?","answer":"transform y opacity son las propiedades más eficientes, procesadas por la GPU. Animar width, height, top, left dispara re-layouts costosos. Para mejor rendimiento, usa transform: translate() en lugar de posición y transform: scale() en lugar de dimensiones."}]}},"boxShadow":{"description":"Diseña hermosas sombras con múltiples capas y vista 3D","name":"Generador de Box Shadow","breadcrumb":"Herramientas CSS","pageDescription":"Crea impresionantes sombras con múltiples capas y vista previa en tiempo real","code":{"copied":"¡Copiado!","copy":"Copiar","copyCode":"Copiar Código","title":"Código CSS"},"layers":{"addLayer":"Añadir Capa","blur":"Desenfoque","color":"Color","inset":"Interior","layer":"Capa","reset":"Restablecer","spread":"Dispersión","title":"Capas de Sombra","xOffset":"Desplazamiento X","yOffset":"Desplazamiento Y"},"presets":{"title":"Presets","categories":{"basic":"Básico","inner":"Interior","glow":"Resplandor","style":"Estilo","directional":"Direccional"},"subtle":"Sutil","medium":"Mediana","large":"Grande","xl":"Extra Grande","inner":"Sombra Interior","innerDeep":"Interior Profunda","pressed":"Presionado","neon":"Neón Azul","neonPink":"Neón Rosa","neonGreen":"Neón Verde","softGlow":"Resplandor Suave","neumorphism":"Neumorfismo","neumorphismInset":"Neumorfismo Interior","layered":"En Capas","sharp":"Nítido","leftShadow":"Sombra Izquierda","rightShadow":"Sombra Derecha","topShadow":"Sombra Superior"},"history":{"title":"Historial","save":"Guardar","saved":"¡Guardado!"},"share":{"title":"Compartir","copied":"¡Copiado!"},"preview":{"background":"Fondo","description":"Vista previa con configuración actual","title":"Vista Previa","reset":"Restablecer"},"title":"Generador de Box Shadow","guide":{"button":"Guía","title":"Guía de Sombra de Caja","description":"Aprende a crear profundidad y dimensión con sombras CSS","whatIs":{"title":"¿Qué es Box Shadow?","content":"CSS box-shadow añade efectos de sombra alrededor del marco de un elemento. Puedes crear múltiples sombras, interiores/exteriores, y controlar desenfoque, propagación y color."},"howToUse":{"title":"Cómo Usar","step1":"Ajusta los valores de desplazamiento X e Y","step2":"Configura desenfoque y propagación para bordes suaves o definidos","step3":"Elige el color y opacidad de la sombra","step4":"Añade múltiples capas para efectos complejos"},"tips":{"title":"Consejos Pro","tip1":"Usa sombras interiores para efectos de botón presionado","tip2":"Combina múltiples sombras para profundidad realista","tip3":"Las sombras sutiles lucen más profesionales"},"browserSupport":{"title":"Soporte del Navegador","content":"Box-shadow es totalmente compatible en todos los navegadores modernos. No requiere prefijos de proveedor."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre box-shadow y drop-shadow?","answer":"Box-shadow aplica la sombra a toda la caja del elemento (incluyendo el borde) y mantiene una forma rectangular. En cambio, drop-shadow es parte de la propiedad filter y crea sombras que siguen la forma real del elemento (incluyendo áreas transparentes). Para imágenes PNG o formas irregulares, drop-shadow es más apropiado."},{"question":"¿Cómo aplico múltiples sombras?","answer":"En CSS, declara múltiples sombras en una sola propiedad box-shadow separadas por comas. Por ejemplo: 'box-shadow: 2px 2px 4px rgba(0,0,0,0.2), 4px 4px 8px rgba(0,0,0,0.1);'. Las sombras declaradas primero se muestran encima, y combinar capas crea efectos de profundidad más realistas."},{"question":"¿Cuándo uso sombras inset?","answer":"Al añadir la palabra clave inset, la sombra se muestra dentro del elemento creando un efecto hundido. Se usa frecuentemente en campos de entrada, estados de botón presionado y diseños neumórficos. Usar sombras exteriores e interiores juntas puede crear elementos UI tridimensionales."},{"question":"¿Cómo debo elegir el color de la sombra?","answer":"Para sombras naturales, usa colores oscuros con transparencia en lugar de negro puro (#000). Un rango de rgba(0, 0, 0, 0.1-0.3) es típico. En diseños coloridos, usar tonos más oscuros de la misma familia de colores que el fondo crea sombras armoniosas."},{"question":"¿Afecta box-shadow al rendimiento?","answer":"Aplicar sombras complejas (especialmente con valores grandes de blur) a muchos elementos puede afectar el rendimiento de renderizado. Evita cambiar sombras durante scroll o animación, y si es posible, usa la propiedad will-change o imágenes de sombra como alternativa."}]}},"easing":{"breadcrumb":"Herramientas CSS","title":"Editor de Funciones Easing","pageDescription":"Diseña funciones easing cubic-bezier personalizadas para animaciones suaves","canvas":{"title":"Editor de Curvas","instructions":"Arrastra los puntos de control para ajustar la curva"},"controls":{"title":"Controles","point1":"Punto 1","point2":"Punto 2","p1x":"P1 X","p1y":"P1 Y","p2x":"P2 X","p2y":"P2 Y","duration":"Duración","value":"Valor Cubic Bezier"},"settings":{"reset":"Restablecer"},"preview":{"title":"Vista Previa de Animación","play":"Reproducir","playing":"Reproduciendo..."},"presets":{"title":"Presets","linear":"Lineal","ease":"Ease","easeIn":"Ease In","easeOut":"Ease Out","easeInOut":"Ease In Out","easeInQuad":"Ease In Quad","easeOutQuad":"Ease Out Quad","easeInOutQuad":"Ease In Out Quad","easeInCubic":"Ease In Cubic","easeOutCubic":"Ease Out Cubic","easeInOutCubic":"Ease In Out Cubic","easeInBack":"Ease In Back","easeOutBack":"Ease Out Back","easeInOutBack":"Ease In Out Back"},"code":{"title":"Código CSS","copyCode":"Copiar Código"},"history":{"title":"Historial","save":"Guardar","saved":"¡Guardado!"},"share":{"title":"Compartir","copied":"¡URL copiada!"},"guide":{"button":"Guía","title":"Guía del Generador de Easing","description":"Crea funciones de temporización personalizadas para animaciones fluidas","whatIs":{"title":"¿Qué es Easing?","content":"Las funciones de easing controlan la velocidad de las animaciones a lo largo del tiempo. Hacen los movimientos más naturales simulando aceleración y desaceleración."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona un tipo de easing o crea una curva personalizada","step2":"Arrastra los puntos de control para dar forma a la curva","step3":"Previsualiza la animación con diferentes duraciones","step4":"Copia el valor cubic-bezier para CSS"},"tips":{"title":"Consejos Pro","tip1":"Ease-out funciona bien para animaciones de entrada","tip2":"Ease-in es adecuado para animaciones de salida","tip3":"Las curvas personalizadas pueden crear efectos de rebote"},"browserSupport":{"title":"Soporte del Navegador","content":"Las funciones cubic-bezier son compatibles con todos los navegadores modernos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Qué significan los 4 valores de cubic-bezier?","answer":"En cubic-bezier(x1, y1, x2, y2), x1 e y1 son el primer punto de control, x2 e y2 son el segundo punto de control. Los valores de x deben estar entre 0-1 (representan el tiempo), mientras que los valores de y pueden exceder ese rango (efecto de sobrepasar). Los puntos de inicio (0,0) y fin (1,1) son fijos."},{"question":"¿Cuál es la diferencia entre ease, ease-in y ease-out?","answer":"Ease es suave al inicio y al final con un medio rápido. Ease-in comienza lento y se acelera (aceleración). Ease-out comienza rápido y se desacelera (desaceleración). Ease-in-out es lento al inicio y al final. Para animaciones de UI, ease-out se usa principalmente."},{"question":"¿Cómo creo un efecto de rebote (elástico)?","answer":"Usa cubic-bezier con valores de y menores que 0 o mayores que 1. Por ejemplo: cubic-bezier(0.68, -0.55, 0.27, 1.55) crea un efecto elástico que sobrepasa ligeramente el objetivo al inicio y al final antes de regresar. Tales efectos añaden vitalidad a clics de botón o apariciones de modales."},{"question":"¿Cuándo uso la función steps()?","answer":"La función steps() crea animaciones escalonadas en lugar de continuas. Es apropiada para movimientos discontinuos como animaciones de sprites, efectos de máquina de escribir o manecillas de segundos de un reloj. steps(5) ejecuta la animación dividida en 5 etapas."},{"question":"¿Qué función de easing debo elegir?","answer":"Para elementos que aparecen, usa ease-out (aparece rápido y se asienta lentamente), para desaparecer usa ease-in (comienza lento y desaparece rápido). Para animaciones de movimiento, ease-in-out es natural. Para cambios de color de fondo o opacidad, linear es apropiado."}]}},"filter":{"breadcrumb":"Herramientas CSS","code":{"copied":"¡Copiado!","copyCode":"Copiar Código","title":"Código CSS"},"description":"Aplica y combina filtros CSS con vista previa en vivo","name":"Generador de Efectos de Filtro","pageDescription":"Aplica y combina filtros CSS con vista previa en tiempo real","effects":{"blur":"Desenfoque","brightness":"Brillo","contrast":"Contraste","dropShadow":"Sombra Paralela","grayscale":"Escala de Grises","hueRotate":"Rotación de Matiz","invert":"Invertir","opacity":"Opacidad","saturate":"Saturar","sepia":"Sepia","title":"Efectos de Filtro","xOffset":"Desplazamiento X","yOffset":"Desplazamiento Y"},"presets":{"blackAndWhite":"Blanco y Negro","blur":"Desenfoque","cold":"Frío","dramatic":"Dramático","fade":"Desvanecer","neon":"Neón","title":"Presets","vintage":"Vintage","warm":"Cálido"},"preview":{"altFiltered":"Imagen filtrada","altOriginal":"Imagen original","description":"Vista previa con configuración actual","filtered":"Filtrada","original":"Original","placeholder":"Escribe texto aquí...","reset":"Restablecer","title":"Vista Previa","uploadImage":"Subir Imagen"},"title":"Generador de Efectos de Filtro","guide":{"button":"Guía","title":"Guía del Generador de Filtros","description":"Aplica efectos visuales a elementos con filtros CSS","whatIs":{"title":"¿Qué son los Filtros CSS?","content":"Los filtros CSS aplican efectos gráficos como desenfoque, cambio de color y ajustes de contraste a elementos. Permiten efectos tipo imagen directamente en CSS."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona un tipo de filtro de la lista","step2":"Ajusta la intensidad con el control deslizante","step3":"Combina múltiples filtros para efectos únicos","step4":"Copia el código CSS generado"},"tips":{"title":"Consejos Pro","tip1":"Blur es excelente para efectos de superposición de fondo","tip2":"Combina brillo y contraste para correcciones de imagen","tip3":"Escala de grises puede crear efectos hover elegantes"},"browserSupport":{"title":"Soporte del Navegador","content":"Los filtros CSS tienen buen soporte en navegadores modernos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre filtros CSS y filtros SVG?","answer":"Los filtros CSS pueden aplicar fácilmente efectos como blur y brightness con sintaxis simple. Los filtros SVG pueden crear efectos más complejos y detallados pero requieren configuración compleja. Los filtros CSS tienen aceleración GPU y buen rendimiento, siendo suficientes para la mayoría de efectos comunes."},{"question":"¿Puedo aplicar múltiples filtros a la vez?","answer":"Sí, puedes declarar múltiples filtros en una sola propiedad filter separados por espacios. Por ejemplo: 'filter: blur(2px) brightness(1.2) contrast(1.1);'. Los filtros se aplican en el orden declarado, por lo que los resultados pueden variar según el orden."},{"question":"¿Cuál es la diferencia entre backdrop-filter y filter?","answer":"Filter aplica efectos al elemento mismo, mientras que backdrop-filter aplica efectos al contenido detrás del elemento. Backdrop-filter se usa para efectos como vidrio esmerilado o superposiciones de fondo difuminado. El elemento debe ser semitransparente para que backdrop-filter sea visible."},{"question":"¿Afectan los filtros al rendimiento?","answer":"Los filtros CSS se procesan en la GPU y generalmente tienen buen rendimiento, pero algunos filtros como blur pueden causar degradación del rendimiento en elementos grandes. Evita cambiar filtros durante scroll o animación, y puedes optimizar usando la propiedad will-change."},{"question":"¿Puedo hacer una imagen completamente en blanco y negro con filtros?","answer":"Sí, usar grayscale(100%) hará la imagen completamente en blanco y negro. Si quieres un efecto más dramático, ajusta el contraste junto con él. Combinando con el filtro sepia puedes crear un efecto vintage en blanco y negro."}]}},"flexbox":{"breadcrumb":"Herramientas CSS","description":"Domina flexbox con controles visuales interactivos","name":"Flexbox Playground","pageDescription":"Construye layouts responsivos con CSS Flexbox usando controles visuales interactivos","code":{"title":"Código CSS","copyCode":"Copiar Código"},"container":{"alignContent":"Alinear Contenido","alignItems":"Alinear Elementos","columnGap":"Espacio entre Columnas","containerWidth":"Ancho del Contenedor","display":"Display","flexDirection":"Dirección Flex","flexWrap":"Flex Wrap","gap":"Espacio","justifyContent":"Justificar Contenido","minHeight":"Altura Mínima","padding":"Relleno","reset":"Restablecer","rowGap":"Espacio entre Filas","title":"Propiedades del Contenedor"},"item":{"alignSelf":"Alinear Propio","backgroundColor":"Color de Fondo","flexBasis":"Base Flex","flexGrow":"Crecimiento Flex","flexShrink":"Encogimiento Flex","height":"Altura","order":"Orden","placeholder":"Contenido del Elemento","width":"Ancho"},"items":{"title":"Elementos","addItem":"Agregar Elemento"},"presets":{"basic":"Fila Básica","center":"Centrar Todo","column":"Diseño de Columna","reverseColumn":"Columna Reversa","reverseRow":"Fila Reversa","spaceAround":"Espacio Alrededor","spaceBetween":"Espacio Entre","spaceEvenly":"Espacio Uniforme","title":"Presets","wrap":"Ajustar Elementos","navBar":"Barra de Navegación","card":"Diseño de Tarjeta","footer":"Diseño de Pie","sidebar":"Barra Lateral","equalHeight":"Altura Igual","stickyFooter":"Pie Fijo"},"preview":{"crossAxis":"Eje Transversal","horizontal":"Horizontal","mainAxis":"Eje Principal","title":"Vista Previa","vertical":"Vertical"},"title":"Flexbox Playground","guide":{"button":"Guía","title":"Guía del Playground Flexbox","description":"Domina el layout CSS Flexbox con controles interactivos","whatIs":{"title":"¿Qué es Flexbox?","content":"Flexbox es un módulo de layout CSS que simplifica la alineación y distribución de espacio entre elementos en un contenedor. Resuelve problemas complejos como centrado vertical."},"howToUse":{"title":"Cómo Usar","step1":"Configura las propiedades del contenedor flex","step2":"Ajusta la alineación (justify-content, align-items)","step3":"Experimenta con flex-grow y shrink en elementos","step4":"Copia el código CSS para contenedor y elementos"},"tips":{"title":"Consejos Pro","tip1":"Usa flex-wrap para layouts responsivos","tip2":"La propiedad gap es más fácil que márgenes para espaciado","tip3":"Combina con media queries para diseño totalmente responsivo"},"browserSupport":{"title":"Soporte del Navegador","content":"Flexbox es totalmente compatible en todos los navegadores modernos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Debo usar Flexbox o Grid?","answer":"Flexbox es adecuado para layouts en una dirección (fila o columna), Grid es adecuado para layouts bidimensionales (filas y columnas simultáneamente). Para barras de navegación, listas de tarjetas y alineación de elementos, Flexbox es bueno, mientras que para layouts de página complejos, dashboards y galerías, Grid es más apropiado."},{"question":"¿Cuál es la diferencia entre flex: 1 y flex-grow: 1?","answer":"flex: 1 es una abreviatura de 'flex-grow: 1; flex-shrink: 1; flex-basis: 0;'. Si solo configuras flex-grow: 1, flex-basis permanece en auto, haciendo el tamaño del contenido la referencia. Si quieres elementos de igual ancho, usa flex: 1."},{"question":"¿Cómo centro verticalmente un elemento flex?","answer":"Establece display: flex y align-items: center en el contenedor. Para centrar tanto horizontal como verticalmente, añade también justify-content: center. Este método centra perfectamente el contenido incluso con altura desconocida."},{"question":"¿Cuándo uso flex-wrap?","answer":"Cuando usas flex-wrap: wrap, los elementos que exceden el ancho del contenedor pasan a la siguiente línea. Es esencial para grids de tarjetas responsivas, listas de etiquetas y layouts fluidos. Usado junto con la propiedad gap, puedes ajustar fácilmente el espacio entre elementos."},{"question":"¿Puedo cambiar el orden de los elementos flex con CSS?","answer":"Sí, usando la propiedad order puedes cambiar el orden visual independientemente del orden HTML. El valor predeterminado es 0, los números más pequeños se colocan primero. Es útil en diseño responsivo cuando quieres diferente orden de elementos en móvil y escritorio."}]}},"gradient":{"description":"Crea impresionantes gradientes lineales, radiales y cónicos con paradas de color ilimitadas","name":"Generador de Gradientes","breadcrumb":"Herramientas CSS","code":{"copied":"¡Copiado!","copy":"Copiar","copyCode":"Copiar Código","title":"Código CSS"},"colors":{"add":"Añadir Color","addColorStop":"Añadir Parada de Color","colorStops":"Paradas de Color","position":"Posición","title":"Colores"},"controls":{"angle":"Ángulo","circle":"Círculo","title":"Controles","type":"Tipo","closest_corner":"Esquina Más Cercana","closest_side":"Lado Más Cercano","ellipse":"Elipse","farthest_corner":"Esquina Más Lejana","farthest_side":"Lado Más Lejano","positionX":"Posición X","positionY":"Posición Y","shape":"Forma","size":"Tamaño","startAngle":"Ángulo de Inicio"},"pageDescription":"Crea hermosos gradientes CSS con nuestro editor visual","presets":{"title":"Presets"},"preview":{"title":"Vista Previa","export":"Exportar","reset":"Restablecer","fullscreen":"Pantalla Completa"},"title":"Generador de Gradientes","type":{"conic":"Cónico","linear":"Lineal","radial":"Radial","mesh":"Malla","title":"Tipo de Gradiente"},"mesh":{"background":"Color de Fondo","backgroundDescription":"Color base detrás de las manchas","blobs":"Manchas de Color","blob":"Mancha","size":"Tamaño","addBlob":"Añadir Mancha"},"actions":{"history":"Historial","recentHistory":"Historial Reciente","noHistory":"Sin historial aún","save":"Guardar","saved":"¡Guardado!","share":"Compartir","copied":"¡Copiado!"},"guide":{"button":"Guía","title":"Guía del Generador de Degradados","description":"Aprende a crear hermosos degradados CSS","whatIs":{"title":"¿Qué es un Degradado CSS?","content":"Los degradados CSS permiten transiciones suaves entre dos o más colores. Son elementos de diseño versátiles para fondos, botones y efectos decorativos sin archivos de imagen."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona el tipo de degradado (Lineal, Radial o Cónico)","step2":"Añade paradas de color y ajusta las posiciones","step3":"Afina el ángulo o posición para resultados perfectos","step4":"Copia el código CSS generado"},"tips":{"title":"Consejos Pro","tip1":"Usa preajustes como punto de partida para resultados rápidos","tip2":"Añade múltiples paradas de color para efectos más complejos","tip3":"La vista a pantalla completa ayuda a probar en diferentes tamaños"},"browserSupport":{"title":"Soporte del Navegador","content":"Los degradados CSS son compatibles con todos los navegadores modernos, incluyendo Chrome, Firefox, Safari, Edge y Opera."},"types":{"title":"Tipos de Degradado","linear":"Crea un degradado a lo largo de una línea recta. Puedes controlar la dirección usando ángulos (0-360°).","radial":"Crea un degradado que irradia desde un punto central hacia afuera en forma circular o elíptica.","conic":"Crea un degradado con transiciones de color que rotan alrededor de un punto central, como una rueda de colores."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre degradados CSS y degradados de imagen?","answer":"Los degradados CSS se calculan matemáticamente y se renderizan en el navegador, mostrándose nítidos en cualquier resolución. Los degradados de imagen están basados en píxeles y pierden calidad al ampliarse. Los degradados CSS tienen tamaño de archivo cero, son fáciles de modificar y están optimizados para diseño responsivo."},{"question":"La transición de color de mi degradado se ve antinatural, ¿cómo la mejoro?","answer":"Si la transición de color se ve antinatural, añadir colores intermedios entre las paradas de color puede crear transiciones más suaves. También usar colores de la misma familia (ej. de azul a cian) produce degradados más naturales. Al hacer transiciones entre colores de alto contraste, es bueno añadir paradas intermedias."},{"question":"¿Puedo aplicar degradados al texto?","answer":"Sí, puedes aplicar degradados al texto combinando las propiedades background-clip y text-fill-color en CSS. Usa 'background: linear-gradient(...); -webkit-background-clip: text; -webkit-text-fill-color: transparent;'. Esta técnica es compatible con la mayoría de navegadores modernos."},{"question":"¿Puedo superponer múltiples degradados?","answer":"Sí, en CSS puedes superponer múltiples degradados separándolos con comas. Por ejemplo, usa 'background: linear-gradient(...), radial-gradient(...);'. Los degradados declarados primero se muestran encima, así que aprovechando la transparencia puedes crear efectos visuales complejos."},{"question":"¿Pueden causar problemas de rendimiento los degradados?","answer":"En uso normal los degradados CSS son muy eficientes. Sin embargo, animar demasiadas paradas de color o degradados complejos puede afectar el rendimiento. Se necesita precaución al aplicar degradados complejos a elementos grandes o cambiar degradados en hover. Si es posible, usa animaciones de transform u opacity en su lugar."}]},"creativePresets":{"title":"Presets Creativos","proTip":{"title":"Consejo Pro","description":"Haz clic en cualquier preset para aplicarlo, luego personaliza los colores y el ángulo. Usa el botón Compartir para guardar tu creación como URL."},"categories":{"nature":"Naturaleza","gems":"Gemas","gaming":"Juegos","retro":"Retro","brands":"Marcas","mood":"Ambiente","mesh":"Malla"},"presets":{"sunrise":{"name":"Amanecer","description":"Cálido amanecer con rayos dorados"},"aurora":{"name":"Aurora","description":"Luces del norte danzantes"},"sunset":{"name":"Atardecer","description":"Gradiente del cielo hora dorada"},"ocean":{"name":"Océano","description":"Olas del mar profundo"},"nebula":{"name":"Nebulosa","description":"Nube de nebulosa cósmica"},"blackhole":{"name":"Agujero Negro","description":"Resplandor del horizonte de eventos"},"diamond":{"name":"Diamante","description":"Facetas de diamante brillante"},"amethyst":{"name":"Amatista","description":"Cristal púrpura profundo"},"emerald":{"name":"Esmeralda","description":"Gema verde exuberante"},"ruby":{"name":"Rubí","description":"Piedra preciosa roja rica"},"opal":{"name":"Ópalo","description":"Juego de colores iridiscente"},"marble":{"name":"Mármol","description":"Elegante textura de mármol"},"magic-portal":{"name":"Portal Mágico","description":"Puerta mágica arremolinada"},"healing-aura":{"name":"Aura Curativa","description":"Resplandor de restauración HP"},"fire-buff":{"name":"Buff de Fuego","description":"Aumento de poder de ataque"},"ice-spell":{"name":"Hechizo de Hielo","description":"Efecto de magia helada"},"poison":{"name":"Veneno","description":"Aura de debuff tóxico"},"level-up":{"name":"Subir Nivel","description":"Rayos dorados de logro"},"synthwave":{"name":"Synthwave","description":"Vibraciones retro-futuristas de los 80"},"vaporwave":{"name":"Vaporwave","description":"Gradiente estético soñador"},"neon-city":{"name":"Ciudad Neón","description":"Escena nocturna cyberpunk"},"glitch":{"name":"Glitch","description":"Distorsión digital RGB"},"vhs":{"name":"VHS","description":"Estética de cinta vintage"},"arcade":{"name":"Arcade","description":"Resplandor de máquina de juegos clásica"},"instagram":{"name":"Instagram","description":"Gradiente de marca Instagram"},"spotify":{"name":"Spotify","description":"Verde Spotify a oscuro"},"discord":{"name":"Discord","description":"Gradiente blurple Discord"},"tiktok":{"name":"TikTok","description":"Colores signature TikTok"},"figma":{"name":"Figma","description":"Marca colorida Figma"},"stripe":{"name":"Stripe","description":"Gradiente de pago Stripe"},"calm":{"name":"Calma","description":"Pacífico y sereno"},"passion":{"name":"Pasión","description":"Intenso y energético"},"mystery":{"name":"Misterio","description":"Profundo y enigmático"},"hope":{"name":"Esperanza","description":"Brillante y optimista"},"melancholy":{"name":"Melancolía","description":"Melancólico y contemplativo"},"romantic":{"name":"Romántico","description":"Suave y amoroso"},"aurora-mesh":{"name":"Malla Aurora","description":"Efecto de malla de aurora boreal"},"sunset-mesh":{"name":"Malla Atardecer","description":"Mezcla de colores cálidos del atardecer"},"ocean-mesh":{"name":"Malla Océano","description":"Mezcla de colores del mar profundo"},"candy-mesh":{"name":"Malla Caramelo","description":"Colores pastel dulces"},"forest-mesh":{"name":"Malla Bosque","description":"Tonos verdes naturales"},"neon-mesh":{"name":"Malla Neón","description":"Brillo neón vibrante"}}}},"grid":{"breadcrumb":"Herramientas CSS","description":"Construye diseños de grid responsivos con editor visual","name":"Generador de CSS Grid","pageDescription":"Diseña layouts CSS Grid complejos con controles visuales interactivos","code":{"title":"Código CSS","copyCode":"Copiar Código","containerClasses":"Clases del Contenedor"},"alignOptions":{"center":"Centro","end":"Final","spaceAround":"Espacio Alrededor","spaceBetween":"Espacio Entre","spaceEvenly":"Espacio Uniforme","start":"Inicio","stretch":"Estirar"},"autoFlowOptions":{"column":"Columna","columnDense":"Columna Densa","row":"Fila","rowDense":"Fila Densa"},"items":{"addItem":"Añadir Elemento","backgroundColor":"Color de Fondo","example1":"1 / 3","example2":"span 2","example3":"auto","examples":"Ejemplos","gridColumn":"Columna Grid","gridRow":"Fila Grid","placeholder":"auto","title":"Elementos Grid"},"presets":{"basic":"Grid Básico","dashboard":"Panel de Control","gallery":"Galería","holyGrail":"Santo Grial","masonry":"Mampostería","sidebar":"Diseño de Barra Lateral","magazine":"Diseño Revista","cards":"Grid de Tarjetas","featured":"Diseño Destacado","autoFit":"Auto Ajuste","title":"Presets"},"preview":{"description":"Vista previa con configuración actual","title":"Vista Previa"},"settings":{"title":"Configuración","reset":"Restablecer","alignItems":"Alinear Elementos","autoFlow":"Flujo Automático","columnGap":"Espacio entre Columnas","containerWidth":"Ancho del Contenedor","gap":"Espacio","justifyContent":"Justificar Contenido","justifyItems":"Justificar Elementos","rowGap":"Espacio entre Filas"},"template":{"addColumn":"Añadir Columna","addRow":"Añadir Fila","autoDescription":"Tamaño automático basado en contenido","columnPlaceholder":"1fr","columns":"Columnas","commonValues":"Valores comunes","fractionDescription":"Una fracción del espacio disponible","minmaxDescription":"Dimensionado responsivo","pixelDescription":"Tamaño fijo en píxeles","repeatDescription":"Patrón de repetición","rowPlaceholder":"200px","rows":"Filas","title":"Plantilla Grid"},"title":"Generador de CSS Grid","guide":{"button":"Guía","title":"Guía de CSS Grid","description":"Aprende a crear diseños bidimensionales complejos","whatIs":{"title":"¿Qué es CSS Grid?","content":"CSS Grid es un sistema de diseño bidimensional que maneja tanto columnas como filas. Proporciona un control preciso sobre la ubicación y el tamaño de los elementos, siendo ideal para diseños de páginas complejos, paneles y galerías de imágenes."},"howToUse":{"title":"Cómo usar esta herramienta","step1":"Define columnas y filas de cuadrícula usando la configuración de plantilla","step2":"Agrega elementos de cuadrícula y posiciónalos usando grid-column/row","step3":"Ajusta el espaciado, alineación y distribución del contenido","step4":"Prueba diseños predefinidos o crea tu propio diseño personalizado"},"tips":{"title":"Consejos profesionales","tip1":"Usa unidades fr para dimensionamiento flexible que se adapta al espacio disponible","tip2":"La función minmax() crea columnas responsivas sin media queries","tip3":"Las líneas y áreas de cuadrícula con nombre hacen los diseños complejos más legibles"},"browserSupport":{"title":"Compatibilidad del navegador","content":"CSS Grid es compatible con todos los navegadores modernos, incluidos Chrome, Firefox, Safari y Edge. Tiene un excelente soporte para uso en producción con más del 95% de cobertura global."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuándo debo usar Grid en lugar de Flexbox?","answer":"Grid es mejor para layouts bidimensionales (filas y columnas simultáneamente), Flexbox es mejor para layouts unidimensionales. Para layouts de página complejos, dashboards y galerías de imágenes usa Grid. Para barras de navegación, alineación de botones y distribución simple de elementos usa Flexbox. Puedes usarlos juntos."},{"question":"¿Qué significa la unidad 'fr'?","answer":"fr (fracción) es una unidad que distribuye el espacio disponible proporcionalmente. Por ejemplo, grid-template-columns: 1fr 2fr divide el contenedor dando 1/3 a la primera columna y 2/3 a la segunda. Es similar a los porcentajes pero más flexible ya que considera gap y contenido automáticamente."},{"question":"¿Cómo hago un layout de Grid responsive?","answer":"Usa la función minmax() con auto-fit o auto-fill. Por ejemplo: grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) crea columnas de mínimo 300px que pasan a la siguiente línea automáticamente. Esto logra un layout responsive sin media queries."},{"question":"¿Cuál es la diferencia entre grid-template-areas y grid-column/row?","answer":"grid-template-areas define el layout visualmente usando nombres, siendo intuitivo. Por ejemplo: 'header header' 'sidebar main' 'footer footer'. grid-column/row usa números de línea para posicionamiento, ofreciendo control más preciso. Para layouts complejos, areas es más legible."},{"question":"¿Cuál es la diferencia entre auto-fit y auto-fill?","answer":"Ambos crean columnas automáticamente, pero difieren cuando hay espacio extra. auto-fill mantiene columnas vacías para preservar la estructura del grid. auto-fit colapsa las columnas vacías haciendo que las existentes se expandan para llenar el espacio. auto-fit se usa más frecuentemente."}]}},"textShadow":{"breadcrumb":"Herramientas CSS","code":{"copied":"¡Copiado!","copyCode":"Copiar Código","title":"Código CSS"},"description":"Diseña hermosos efectos de texto y estilos neón","name":"Generador de Text Shadow","pageDescription":"Crea impresionantes sombras de texto con múltiples capas y vista previa en tiempo real","layers":{"addLayer":"Añadir Capa","blur":"Desenfoque","color":"Color","layer":"Capa","reset":"Restablecer","title":"Capas de Sombra","xOffset":"Desplazamiento X","yOffset":"Desplazamiento Y"},"presets":{"emboss":"Relieve","fire":"Efecto de Fuego","long":"Sombra Larga","neon":"Resplandor Neón","outline":"Contorno","retro":"Retro","simple":"Simple","title":"Presets"},"preview":{"background":"Fondo","fontSize":"Tamaño de Fuente","reset":"Restablecer","text":"Texto de Vista Previa","textColor":"Color del Texto","title":"Vista Previa"},"settings":{"backgroundColor":"Color de Fondo","fontFamily":"Familia de Fuente","fontSize":"Tamaño de Fuente","fontWeight":"Peso de Fuente","placeholder":"Ingresa texto...","sampleText":"Texto de Muestra","textColor":"Color del Texto","title":"Configuración"},"title":"Generador de Text Shadow","guide":{"button":"Guía","title":"Guía de Sombra de Texto","description":"Crea efectos de texto impresionantes con sombras CSS","whatIs":{"title":"¿Qué es Text Shadow?","content":"CSS text-shadow añade efectos de sombra al texto. Se puede usar para crear profundidad, mejorar legibilidad o crear efectos decorativos como brillo o texto 3D."},"howToUse":{"title":"Cómo Usar","step1":"Ajusta el desplazamiento horizontal y vertical","step2":"Configura el radio de desenfoque para bordes suaves","step3":"Elige el color de la sombra","step4":"Añade múltiples sombras para efectos complejos"},"tips":{"title":"Consejos Pro","tip1":"Múltiples sombras pueden crear efectos de brillo o contorno","tip2":"Para legibilidad, usa colores de sombra sutiles","tip3":"Combina con fuentes web para máximo impacto"},"browserSupport":{"title":"Soporte del Navegador","content":"Text-shadow es totalmente compatible en todos los navegadores modernos. No requiere prefijos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre text-shadow y box-shadow?","answer":"text-shadow solo se aplica a texto, siguiendo la forma de cada carácter. box-shadow se aplica a toda la caja del elemento. text-shadow no tiene valor de propagación y funciona bien para efectos de brillo, contorno y legibilidad del texto."},{"question":"¿Cómo creo un efecto de brillo neón?","answer":"Para brillo neón, usa múltiples sombras con el mismo color que el texto. Por ejemplo: text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #0ff, 0 0 40px #0ff; Cuantas más capas con valores de desenfoque crecientes, más intenso será el brillo."},{"question":"¿Puedo crear un contorno de texto con text-shadow?","answer":"Para contornos, usa múltiples sombras en cada dirección. Por ejemplo: text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; establece sombras de 1px en las cuatro direcciones creando un efecto de contorno."},{"question":"¿Cómo creo un efecto de texto 3D?","answer":"Apila múltiples sombras con desplazamientos incrementales. Por ejemplo: text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9; crea un efecto 3D donde cada capa representa profundidad."},{"question":"¿Afecta text-shadow al rendimiento?","answer":"Text-shadow es generalmente liviano, pero muchas sombras con valores grandes de desenfoque pueden afectar el rendimiento. Especialmente al animar sombras o aplicarlas a mucho texto, se necesita precaución. Para mejor rendimiento, usa valores mínimos de desenfoque y un número razonable de capas de sombra."}]}},"borderRadius":{"breadcrumb":"Herramientas CSS","title":"Generador de Radio de Borde","pageDescription":"Crea valores CSS border-radius con controles visuales y presets","controls":{"title":"Controles","reset":"Reiniciar","linkCorners":"Vincular Esquinas","unit":"Unidad"},"visual":{"title":"Editor Visual","instructions":"Arrastra los controles de esquina para ajustar el radio","dragging":"Ajustando..."},"corners":{"borderRadius":"Radio de Borde","allCorners":"Todas las Esquinas","individualCorners":"Esquinas Individuales","topLeft":"Superior Izquierda","topRight":"Superior Derecha","bottomLeft":"Inferior Izquierda","bottomRight":"Inferior Derecha"},"presets":{"title":"Presets","none":"Ninguno","small":"Pequeño","medium":"Mediano","large":"Grande","xl":"Extra Grande","circle":"Círculo","pill":"Píldora","topOnly":"Solo Superior","bottomOnly":"Solo Inferior","leftOnly":"Solo Izquierda","rightOnly":"Solo Derecha","diagonal":"Diagonal"},"preview":{"title":"Vista Previa","description":"Vista previa con la configuración actual","background":"Fondo","size":"Tamaño"},"code":{"title":"Código CSS","copyCode":"Copiar Código","copied":"¡Copiado!"},"history":{"title":"Historial","save":"Guardar","saved":"¡Guardado!","empty":"Sin configuraciones guardadas"},"share":{"title":"Compartir","copied":"¡URL copiada!"},"guide":{"title":"Guía de Radio de Borde","description":"Aprende a crear esquinas redondeadas con CSS","whatIs":{"title":"¿Qué es Border Radius?","content":"La propiedad CSS border-radius redondea las esquinas del borde exterior de un elemento. Puedes establecer un único radio para crear esquinas circulares, o especificar diferentes radios para cada esquina para crear formas más complejas. Es una de las propiedades CSS más utilizadas en el diseño web moderno."},"howToUse":{"title":"Cómo Usar Esta Herramienta","step1":"Arrastra los controles de esquina para ajustar visualmente los valores del radio","step2":"Activa 'Vincular Esquinas' para editar todas juntas o por separado","step3":"Elige el tipo de unidad (px, % o rem) según tus necesidades","step4":"Usa presets para patrones comunes, luego copia el CSS"},"tips":{"title":"Consejos Pro","tip1":"Usa 50% para círculos perfectos en elementos cuadrados","tip2":"Valores grandes de píxeles crean botones en forma de píldora","tip3":"Esquinas asimétricas pueden crear diseños de tarjetas únicos"},"browserSupport":{"title":"Soporte del Navegador","content":"border-radius es compatible con todos los navegadores modernos incluyendo Chrome, Firefox, Safari y Edge. Tiene excelente compatibilidad y es seguro para uso en producción."}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Cómo hago un círculo perfecto con border-radius?","answer":"Establece border-radius a 50% en un elemento cuadrado (ancho y alto iguales). Esto crea un círculo perfecto independientemente del tamaño. Para rectángulos, 50% crea una elipse."},{"question":"¿Cuál es la diferencia entre unidades px y %?","answer":"Los valores en píxeles (px) crean esquinas redondeadas de tamaño fijo que no escalan con el elemento. Los valores en porcentaje (%) son relativos a las dimensiones del elemento - 50% siempre crea el máximo redondeo posible. Usa px para esquinas consistentes, % para diseños responsivos."},{"question":"¿Puedo usar diferentes radios para cada esquina?","answer":"Sí, border-radius acepta de 1 a 4 valores: 1 valor se aplica a todas las esquinas, 2 valores establecen superior-izquierda/inferior-derecha y superior-derecha/inferior-izquierda, 4 valores establecen cada esquina individualmente (sup-izq, sup-der, inf-der, inf-izq)."},{"question":"¿Cómo creo una forma de blob asimétrica?","answer":"Usa 8 valores para control completo: border-radius: 10px 20px 30px 40px / 40px 30px 20px 10px. Los valores antes de '/' controlan los radios horizontales, los valores después de '/' controlan los radios verticales para cada esquina."},{"question":"¿Border-radius afecta el contenido del elemento?","answer":"Border-radius solo redondea el borde visual. El contenido aún puede desbordarse hacia las esquinas a menos que también establezcas 'overflow: hidden'. Esto recorta el contenido para que coincida con la forma redondeada, útil para imágenes dentro de contenedores redondeados."}]}},"transform":{"breadcrumb":"Herramientas CSS","title":"Generador de Transform CSS","pageDescription":"Crea transformaciones CSS visualmente con controles de traducción, rotación, escala y sesgo","controls":{"title":"Controles de Transformación","enable3D":"Habilitar 3D","reset":"Restablecer","translate":"Trasladar","rotate":"Rotar","rotation":"Rotación","scale":"Escalar","uniform":"Uniforme","skew":"Sesgar","perspective":"Perspectiva","distance":"Distancia"},"presets":{"title":"Presets"},"preview":{"title":"Vista Previa","element":"Elemento","originalPosition":"El borde punteado muestra la posición original"},"code":{"title":"Código CSS","copy":"Copiar","copied":"¡Copiado!"},"history":{"title":"Historial","save":"Guardar","saved":"¡Guardado!"},"share":{"title":"Compartir","copied":"¡URL copiada!"},"related":{"animation":"Animación","animationDesc":"Crear animaciones CSS de keyframes","filter":"Efectos de Filtro","filterDesc":"Aplicar efectos de filtro visuales","boxShadow":"Sombra de Caja","boxShadowDesc":"Diseñar sombras de caja en capas"},"guide":{"title":"Guía de CSS Transform","description":"Aprende sobre transformaciones CSS y cómo crear efectos visuales","whatIs":{"title":"¿Qué es CSS Transform?","content":"Las transformaciones CSS te permiten modificar la presentación visual de los elementos trasladando (moviendo), rotando, escalando y sesgándolos. Las transformaciones no afectan el flujo del documento - otros elementos permanecen en su lugar mientras el elemento transformado se mueve visualmente."},"functions":{"title":"Funciones de Transformación","translate":"Mueve elementos horizontal y verticalmente","rotate":"Rota elementos alrededor de un punto central","scale":"Aumenta o disminuye el tamaño del elemento","skew":"Inclina elementos a lo largo de los ejes X e Y"},"howToUse":{"title":"Cómo Usar","step1":"Usa los controles de traslación para mover el elemento","step2":"Ajusta la rotación para girar el elemento","step3":"Escala para cambiar el tamaño del elemento","step4":"Habilita el modo 3D para transformaciones con perspectiva"},"tips":{"title":"Consejos","tip1":"Combina múltiples transformaciones para efectos complejos","tip2":"Usa transform-origin para cambiar el punto de pivote","tip3":"Las transformaciones 3D necesitan perspective en el elemento padre"}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Cuál es la diferencia entre translate y position?","answer":"Translate mueve un elemento visualmente sin afectar el flujo del documento - otros elementos permanecen en su lugar. Position (relative, absolute) puede afectar el diseño y elementos hermanos. Translate también tiene aceleración GPU, lo que lo hace mejor para animaciones."},{"question":"¿Cómo cambio el transform origin?","answer":"Usa la propiedad transform-origin para establecer el punto de pivote. El valor predeterminado es 'center center'. Puedes usar palabras clave (top, left, center, right, bottom), porcentajes o valores en píxeles. Por ejemplo, 'transform-origin: top left' rota desde la esquina superior izquierda."},{"question":"¿Por qué no funciona mi transformación 3D?","answer":"Las transformaciones 3D requieren perspective para mostrar profundidad. Añade 'perspective: 1000px' al elemento padre. También asegúrate de que 'transform-style: preserve-3d' esté configurado si tienes transformaciones 3D anidadas. El valor de perspective controla cuán pronunciado aparece el efecto 3D."},{"question":"¿Puedo animar transformaciones?","answer":"Sí, las transformaciones son ideales para animaciones. Usa transiciones CSS o animaciones de keyframe en la propiedad transform. Las transformaciones tienen aceleración por hardware, proporcionando animaciones suaves de 60fps. Combina con 'will-change: transform' para el mejor rendimiento."},{"question":"¿En qué orden se aplican las transformaciones?","answer":"Las transformaciones se aplican de derecha a izquierda. 'transform: rotate(45deg) translate(100px)' primero traslada, luego rota. El orden importa porque cada transformación afecta a las siguientes. Para trasladar y luego rotar, usa 'transform: translate(100px) rotate(45deg)'."}]},"relatedTools":{"title":"Herramientas Relacionadas","viewAll":"Ver Todas las Herramientas CSS"}},"tailwindConverter":{"title":"Convertidor CSS a Tailwind","breadcrumb":"Convertidor Tailwind","help":"Soporta Tailwind v4","pageDescription":"Convierte tu código CSS a clases de utilidad Tailwind CSS al instante. Herramienta en línea gratuita.","input":{"title":"Entrada CSS","placeholder":"Pega tu código CSS aquí..."},"output":{"title":"Salida Tailwind","copy":"Copiar Clases","copied":"¡Copiado!","empty":"Ingresa código CSS para ver las clases Tailwind"},"unsupported":{"title":"Propiedades No Soportadas","description":"Estas propiedades CSS necesitan conversión manual o no son soportadas en Tailwind"},"warnings":{"title":"Notas"},"presets":{"title":"Ejemplos","card":"Tarjeta","button":"Botón","flexCenter":"Flex Centrado","gridLayout":"Diseño Grid","textStyles":"Estilos de Texto","responsive":"Caja Responsiva"},"history":{"title":"Conversiones Recientes","save":"Guardar","saved":"¡Guardado!"},"share":{"title":"Compartir","copied":"¡Enlace Copiado!"},"usage":{"title":"Ejemplo de Uso"},"guide":{"button":"Guía","title":"Guía de Conversión CSS a Tailwind","description":"Aprende a convertir CSS a clases de utilidad Tailwind CSS","whatIs":{"title":"¿Qué es Tailwind CSS?","content":"Tailwind CSS es un framework CSS utility-first que proporciona clases de utilidad de bajo nivel para construir diseños personalizados."},"howToUse":{"title":"Cómo Usar Esta Herramienta","step1":"Pega tu código CSS en el área de entrada","step2":"La herramienta lo convierte automáticamente a clases Tailwind","step3":"Copia las clases generadas a tu proyecto","step4":"Usa ejemplos preestablecidos para ver patrones comunes"},"tips":{"title":"Consejos","tip1":"Los valores estándar se convierten a clases incorporadas (ej: padding: 16px → p-4)","tip2":"Los valores personalizados usan sintaxis arbitraria (ej: padding: 15px → p-[15px])","tip3":"CSS complejo puede necesitar ajuste manual"}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Qué propiedades CSS son soportadas?","answer":"Esta herramienta soporta la mayoría de propiedades CSS comunes incluyendo display, position, espaciado, tamaño, flexbox, grid, tipografía, colores, bordes, sombras y más."}]}}}},"calculator":{"hub":{"title":"Herramientas de Cálculo","description":"Conversión de unidades, cálculo de fechas y más herramientas","sidebar":"Herramientas de Cálculo","collapse":"Contraer"},"categories":{"conversion":"Conversión de Unidades","calculation":"Cálculo","datetime":"Fecha/Hora"},"tools":{"unit":{"name":"Conversor de Unidades","description":"Convierte longitud, peso, volumen, temperatura y más","from":"Desde","to":"A","categories":{"length":"Longitud","weight":"Peso","volume":"Volumen","area":"Área","temperature":"Temperatura","speed":"Velocidad","time":"Tiempo","data":"Datos"},"units":{"length":{"mm":"Milímetro (mm)","cm":"Centímetro (cm)","m":"Metro (m)","km":"Kilómetro (km)","in":"Pulgada (in)","ft":"Pie (ft)","yd":"Yarda (yd)","mi":"Milla (mi)"},"weight":{"mg":"Miligramo (mg)","g":"Gramo (g)","kg":"Kilogramo (kg)","oz":"Onza (oz)","lb":"Libra (lb)","ton":"Tonelada (ton)"},"volume":{"ml":"Mililitro (ml)","l":"Litro (l)","gal_us":"Galón (US)","gal_uk":"Galón (UK)","fl_oz":"Onza líquida (fl oz)","cup":"Taza"},"area":{"mm2":"Milímetro cuadrado (mm²)","cm2":"Centímetro cuadrado (cm²)","m2":"Metro cuadrado (m²)","km2":"Kilómetro cuadrado (km²)","ft2":"Pie cuadrado (ft²)","acre":"Acre","ha":"Hectárea"},"temperature":{"c":"Celsius (°C)","f":"Fahrenheit (°F)","k":"Kelvin (K)"},"speed":{"m_s":"Metro/seg (m/s)","km_h":"Kilómetro/h (km/h)","mph":"Milla/h (mph)","knot":"Nudo (knot)"},"time":{"ms":"Milisegundo (ms)","s":"Segundo (s)","min":"Minuto (min)","h":"Hora (h)","day":"Día","week":"Semana","month":"Mes","year":"Año"},"data":{"b":"Byte (B)","kb":"Kilobyte (KB)","mb":"Megabyte (MB)","gb":"Gigabyte (GB)","tb":"Terabyte (TB)","pb":"Petabyte (PB)"}},"guide":{"title":"Guía del Conversor de Unidades","description":"Convierte efectivamente entre diferentes unidades de medida","whatIs":{"title":"¿Qué es el Conversor de Unidades?","content":"El Conversor de Unidades transforma valores entre diferentes unidades de medida. Soporta 8 categorías: longitud, peso, volumen, área, temperatura, velocidad, tiempo y almacenamiento de datos."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona una categoría (ej: Longitud, Peso)","step2":"Elige la unidad de origen","step3":"Ingresa el valor a convertir","step4":"Selecciona la unidad de destino para resultado instantáneo"},"tips":{"title":"Consejos Prácticos","tip1":"Botón de intercambio para inversión rápida de dirección","tip2":"La conversión de temperatura usa fórmulas especiales","tip3":"Unidades de datos usan base binaria (1024)"},"browserSupport":{"title":"Precisión y Limitaciones","content":"Todos los cálculos se realizan con alta precisión en el navegador. Los resultados se redondean a 6 decimales."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre galón US y UK?","answer":"El galón US es 3.785 litros, el galón UK (imperial) es 4.546 litros - aproximadamente 20% más grande. Esta diferencia afecta también onzas líquidas y otras medidas de volumen. Siempre verifica qué sistema usa tu referencia."},{"question":"¿Por qué hay confusión con toneladas?","answer":"Existen tres tipos: tonelada métrica (1000 kg), tonelada corta US (907 kg), tonelada larga UK (1016 kg). La tonelada métrica es el estándar internacional. En contextos científicos, siempre se refiere a la tonelada métrica."},{"question":"¿Por qué los bytes usan 1024 y no 1000?","answer":"Históricamente, la informática usa base 2 (binaria). 1 KB = 1024 bytes (2^10). Sin embargo, fabricantes de discos usan 1000 (decimal), causando confusión. IEC creó prefijos binarios (KiB, MiB) para clarificar, pero no son universalmente adoptados."},{"question":"¿Cómo convierto Fahrenheit a Celsius mentalmente?","answer":"Aproximación rápida: resta 30 y divide por 2. Ejemplo: 68°F → (68-30)/2 = 19°C (exacto: 20°C). Para precisión, usa la fórmula: (°F - 32) × 5/9 = °C. Puntos de referencia: 32°F = 0°C, 212°F = 100°C."},{"question":"¿Qué unidad de velocidad usan los barcos y aviones?","answer":"Usan nudos (knots). 1 nudo = 1 milla náutica/hora = 1.852 km/h. Las millas náuticas se basan en la circunferencia terrestre (1' de latitud). Esta estandarización facilita la navegación internacional."}]}},"percentage":{"name":"Calculadora de Porcentajes","description":"Calcula porcentajes, cambios y descuentos","input":{"title":"Entrada"},"result":{"title":"Resultado","placeholder":"Ingrese un valor"},"modes":{"basic":{"label":"Porcentaje Básico","baseValue":"Valor Base (A)","percentage":"Porcentaje (B)","formula":"Fórmula"},"ratio":{"label":"Cálculo de Proporción","partValue":"Valor Parcial (A)","totalValue":"Valor Total (B)","formula":"Fórmula"},"change":{"label":"Cambio Porcentual","originalValue":"Valor Original (A)","newValue":"Nuevo Valor (B)","formula":"Fórmula"},"discount":{"label":"Descuento/Recargo","originalPrice":"Precio Original","rate":"Tasa","discount":"Descuento","markup":"Recargo","saved":"Ahorro","added":"Agregado"}},"guide":{"title":"Guía de la Calculadora de Porcentajes","description":"Calcula porcentajes efectivamente","whatIs":{"title":"¿Qué es la Calculadora de Porcentajes?","content":"La Calculadora de Porcentajes ayuda con varios cálculos: porcentajes básicos, proporciones, tasas de cambio y descuentos. Indispensable para compras, finanzas y análisis."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona el modo de cálculo","step2":"Ingresa los valores requeridos","step3":"Ve el resultado instantáneamente","step4":"Cambia entre modos para diferentes cálculos"},"tips":{"title":"Consejos Prácticos","tip1":"Modo básico: Calcula 'X% de Y'","tip2":"Modo cambio: Cambio porcentual entre valores","tip3":"Modo descuento: Cálculo rápido de precios de venta"},"browserSupport":{"title":"Precisión y Limitaciones","content":"Los resultados se calculan con alta precisión y se muestran con 2 decimales."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cómo calculo qué porcentaje es X de Y?","answer":"Usa la fórmula: (X ÷ Y) × 100 = porcentaje. Ejemplo: ¿Qué porcentaje es 25 de 200? (25 ÷ 200) × 100 = 12.5%. Esta calculadora hace esto automáticamente en el modo 'Cálculo de Proporción'."},{"question":"¿Cómo calculo el cambio porcentual entre dos valores?","answer":"Fórmula: ((Nuevo - Original) ÷ Original) × 100. Ejemplo: De 50 a 75 = ((75-50) ÷ 50) × 100 = 50% de aumento. Para disminución, el resultado es negativo. El modo 'Cambio Porcentual' automatiza esto."},{"question":"¿Cuál es la diferencia entre descuento del 20% y 20% de margen?","answer":"Son cálculos inversos. Descuento 20%: 100 × 0.80 = 80. Margen 20% sobre 80: 80 × 1.25 = 100 (necesitas 25% de margen para volver a 100). Esto es crucial para pricing: el margen sobre costo difiere del descuento sobre precio."},{"question":"¿Cómo calculo el precio original antes del descuento?","answer":"Divide el precio final por (1 - descuento/100). Ejemplo: Pagaste 80 con 20% descuento. Original = 80 ÷ 0.80 = 100. No simplemente sumes 20% a 80 (eso da 96, incorrecto)."},{"question":"¿Cómo sumo dos porcentajes consecutivos?","answer":"No sumes directamente. Ejemplo: 10% y luego 20% NO es 30%. Correcto: 100 × 1.10 × 1.20 = 132 (32% total). Para descuentos: 100 × 0.90 × 0.80 = 72 (28% descuento total, no 30%)."}]}},"date":{"name":"Calculadora de Fechas","description":"Calcula diferencias entre fechas y cuenta regresiva","input":{"title":"Entrada"},"result":{"title":"Resultado","placeholder":"Seleccione una fecha","detailed":"Detallado","totalDays":"Días Totales","weeks":"Semanas","totalHours":"Horas Totales","y":"años","m":"meses","w":"semanas","d":"días"},"modes":{"difference":{"label":"Diferencia de Fechas","startDate":"Fecha Inicio","endDate":"Fecha Fin"},"addSubtract":{"label":"Sumar/Restar Fecha","baseDate":"Fecha Base","years":"Años","months":"Meses","days":"Días","add":"Sumar","subtract":"Restar"}},"days":{"sunday":"Domingo","monday":"Lunes","tuesday":"Martes","wednesday":"Miércoles","thursday":"Jueves","friday":"Viernes","saturday":"Sábado"},"guide":{"title":"Guía de la Calculadora de Fechas","description":"Calcula diferencias de fechas y suma/resta fechas","whatIs":{"title":"¿Qué es la Calculadora de Fechas?","content":"La Calculadora de Fechas encuentra la diferencia entre fechas o suma/resta tiempo. Perfecta para cálculos de edad, plazos de proyectos y planificación de eventos."},"howToUse":{"title":"Cómo Usar","step1":"Elige el modo: Diferencia o Sumar/Restar","step2":"Para diferencia: Selecciona fechas de inicio y fin","step3":"Para sumar: Ingresa fecha base y tiempo","step4":"Resultados en años, meses, semanas y días"},"tips":{"title":"Consejos Prácticos","tip1":"Diferencia de fechas para calcular edad exacta","tip2":"Sumar/Restar para cálculos de vencimiento","tip3":"Los resultados muestran días totales y formato desglosado"},"browserSupport":{"title":"Precisión y Limitaciones","content":"Los cálculos consideran años bisiestos y longitudes de mes variables."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué algunos meses tienen diferente cantidad de días?","answer":"Los meses varían: 28-31 días. Febrero tiene 28 (29 en años bisiestos). Los meses de 31 días son enero, marzo, mayo, julio, agosto, octubre y diciembre. Esta calculadora considera estas variaciones automáticamente."},{"question":"¿Cómo se calculan los años bisiestos?","answer":"Un año es bisiesto si: 1) Es divisible por 4, EXCEPTO 2) Si es divisible por 100, NO es bisiesto, EXCEPTO 3) Si es divisible por 400, SÍ es bisiesto. Ejemplo: 2000 fue bisiesto (÷400), 1900 no lo fue (÷100 pero no ÷400)."},{"question":"¿Cómo calculo días laborables entre dos fechas?","answer":"Esta calculadora muestra días totales. Para días laborables, excluye fines de semana (típicamente 5/7 del total) y festivos. Aproximación rápida: días totales × 5 ÷ 7, luego resta festivos. Para precisión, cuenta manualmente."},{"question":"¿Puedo calcular fechas en el pasado?","answer":"Sí. Tanto el modo diferencia como sumar/restar funcionan con fechas pasadas. Ingresa la fecha más antigua como inicio. Los resultados negativos indican que la fecha final es anterior a la inicial."},{"question":"¿Cómo calculo la fecha de vencimiento de un préstamo?","answer":"Usa el modo 'Sumar/Restar'. Ingresa la fecha de inicio del préstamo como base. Añade los meses o días del plazo. El resultado es la fecha de vencimiento exacta, considerando meses de diferente longitud."}]}},"age":{"name":"Calculadora de Edad","description":"Calcula edad internacional y coreana","input":{"title":"Ingrese Fecha de Nacimiento","birthDate":"Fecha de Nacimiento","targetDate":"Fecha Objetivo"},"result":{"title":"Resultado del Cálculo","placeholder":"Seleccione fecha de nacimiento","internationalAge":"Edad Internacional","koreanAge":"Edad Coreana","koreanAgeNote":"Abolida en 2023, solo referencia","yearAge":"Edad en Años","detailedAge":"Edad Detallada","totalDays":"Días Vividos","nextBirthday":"Próximo Cumpleaños","bornOn":"Nacido el","years":"años","days":"días","y":"años","m":"meses","d":"días"},"days":{"sunday":"Domingo","monday":"Lunes","tuesday":"Martes","wednesday":"Miércoles","thursday":"Jueves","friday":"Viernes","saturday":"Sábado"},"guide":{"title":"Guía de la Calculadora de Edad","description":"Calcula la edad en diferentes formatos","whatIs":{"title":"¿Qué es la Calculadora de Edad?","content":"La Calculadora de Edad calcula tu edad exacta desde la fecha de nacimiento. Muestra edad internacional, desglose detallado, días vividos y cuenta regresiva al próximo cumpleaños."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa tu fecha de nacimiento","step2":"Opcional: Cambia la fecha objetivo","step3":"Ve la edad en múltiples formatos","step4":"Revisa info adicional como días vividos"},"tips":{"title":"Consejos Prácticos","tip1":"Fecha objetivo para edad en momento específico","tip2":"Útil para verificar requisitos de edad","tip3":"Calcula cumpleaños importantes"},"browserSupport":{"title":"Precisión y Limitaciones","content":"Los cálculos consideran años bisiestos y longitudes de mes."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre edad cronológica y biológica?","answer":"La edad cronológica es el tiempo desde tu nacimiento (lo que calcula esta herramienta). La edad biológica es el estado de tu cuerpo basado en marcadores de salud, que puede ser mayor o menor que la cronológica según estilo de vida y genética."},{"question":"¿Por qué diferentes países calculan la edad diferente?","answer":"El sistema internacional cuenta desde 0 al nacer. El sistema coreano tradicional (abolido en 2023) comenzaba en 1 al nacer y añadía 1 cada Año Nuevo. Algunos países asiáticos tienen sistemas similares basados en el calendario lunar."},{"question":"¿Cuándo cumplo exactamente años?","answer":"Legalmente, cumples años a la medianoche del día de tu cumpleaños. Sin embargo, técnicamente, cumples en el momento exacto de tu nacimiento. Para requisitos de edad (ej: 18 años), generalmente se considera válido desde las 00:00 del día del cumpleaños."},{"question":"¿Cómo calculo la edad para requisitos legales?","answer":"Para requisitos de edad (licencia, votación, jubilación), usa la fecha objetivo específica. Ingresa tu fecha de nacimiento y cambia la fecha objetivo al día del evento. El resultado muestra si cumples el requisito de edad en esa fecha."},{"question":"¿Por qué los días totales vividos no coinciden con años × 365?","answer":"Porque los años bisiestos tienen 366 días. En promedio, cada año tiene 365.25 días. También, el cálculo exacto considera meses de diferente longitud. Esta calculadora cuenta los días reales, no una aproximación."}]}},"timezone":{"name":"Conversor de Zona Horaria","description":"Convierte entre zonas horarias mundiales","source":{"title":"Zona Horaria Origen","timezone":"Zona Horaria","datetime":"Fecha y Hora"},"target":{"title":"Zona Horaria Destino","add":"Agregar","selectTimezone":"Seleccionar Zona","noTimezones":"Agregue una zona horaria","day":"día"},"regions":{"asia":"Asia","europe":"Europa","americas":"Américas","oceania":"Oceanía","other":"Otros"},"timezones":{"KST":"Hora Estándar de Corea","JST":"Hora Estándar de Japón","CST_CHINA":"Hora Estándar de China","IST":"Hora Estándar de India","SGT":"Hora de Singapur","GMT":"Hora del Meridiano de Greenwich","CET":"Hora de Europa Central","EET":"Hora de Europa Oriental","EST":"Hora Estándar del Este (EE.UU.)","CST_US":"Hora Estándar Central (EE.UU.)","MST":"Hora Estándar de Montaña (EE.UU.)","PST":"Hora Estándar del Pacífico (EE.UU.)","AEST":"Hora Estándar de Australia Oriental","NZST":"Hora Estándar de Nueva Zelanda","UTC":"Tiempo Universal Coordinado"},"guide":{"title":"Guía del Conversor de Zona Horaria","description":"Convierte tiempos entre diferentes zonas horarias","whatIs":{"title":"¿Qué es el Conversor de Zona Horaria?","content":"El Conversor de Zona Horaria ayuda a convertir entre zonas horarias mundiales. Indispensable para reuniones internacionales, equipos remotos y planificación de viajes."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona zona horaria origen y fecha/hora","step2":"Añade zonas horarias destino","step3":"Ve tiempos convertidos para todas las zonas","step4":"Elimina zonas no deseadas con X"},"tips":{"title":"Consejos Prácticos","tip1":"Añade hasta 5 zonas horarias destino","tip2":"Indicadores de cambio de día muestran +1/-1 día","tip3":"Las zonas están agrupadas por región"},"browserSupport":{"title":"Precisión y Limitaciones","content":"Usa offsets UTC fijos. Los cambios de horario de verano no se ajustan automáticamente."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Qué es UTC y por qué es importante?","answer":"UTC (Tiempo Universal Coordinado) es la referencia horaria mundial. Todas las zonas horarias se definen como offsets de UTC (ej: EST es UTC-5). UTC no tiene horario de verano, proporcionando una referencia estable para coordinación global."},{"question":"¿Cómo afecta el horario de verano a las conversiones?","answer":"El horario de verano (DST) cambia el offset de algunas zonas temporalmente. Por ejemplo, PST (UTC-8) se convierte en PDT (UTC-7) en verano. Esta herramienta usa offsets fijos; para eventos críticos, verifica el estado actual de DST en cada ubicación."},{"question":"¿Por qué India tiene un offset de +5:30?","answer":"Algunos países usan offsets de media hora (India +5:30, Nepal +5:45, Australia Central +9:30) o cuarto de hora. Esto alinea mejor el horario con la posición solar del país. Aproximadamente 30 países usan offsets no enteros."},{"question":"¿Cómo programo reuniones con equipos globales?","answer":"Busca horas que estén dentro del horario laboral de todos. Herramientas visuales de 'world clock' ayudan. Considera rotar horarios para distribuir la inconveniencia. Usa fechas en formato ISO (YYYY-MM-DD) y especifica la zona horaria siempre."},{"question":"¿Qué significa cuando el resultado muestra '+1 día'?","answer":"Indica que la hora convertida cae en el día siguiente. Por ejemplo, si son las 22:00 en Nueva York (EST), en Tokio (JST, +14 horas) serán las 12:00 del día siguiente. Esto es común al convertir entre zonas con gran diferencia horaria."}]}},"scientific":{"name":"Calculadora Científica","description":"Funciones trigonométricas, logaritmos y cálculos científicos","calculator":"Calculadora","guide":{"title":"Guía de la Calculadora Científica","description":"Usa funciones matemáticas avanzadas","whatIs":{"title":"¿Qué es la Calculadora Científica?","content":"La Calculadora Científica ofrece funciones avanzadas: trigonometría, logaritmos, exponentes, raíces, factoriales. Perfecta para estudiantes e ingenieros."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa números y operadores con el teclado","step2":"Modo DEG o RAD para cálculos de ángulos","step3":"Usa funciones científicas como sin, cos, log","step4":"Presiona = para calcular, usa funciones de memoria"},"tips":{"title":"Consejos Prácticos","tip1":"Alterna entre DEG y RAD para trigonometría","tip2":"Paréntesis para orden de operaciones","tip3":"Funciones de memoria (MC, MR, M+, M-) para cálculos complejos"},"browserSupport":{"title":"Precisión y Limitaciones","content":"Usa precisión de punto flotante JavaScript (15-17 dígitos significativos). Factoriales muy grandes (>170!) devuelven Infinity."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre DEG y RAD?","answer":"DEG (grados) divide el círculo en 360°. RAD (radianes) usa 2π para un círculo completo. π radianes = 180°. La trigonometría en matemáticas avanzadas usa radianes; la geometría práctica y navegación usan grados. Asegúrate de seleccionar el modo correcto."},{"question":"¿Cuál es la diferencia entre log y ln?","answer":"log (logaritmo común) usa base 10: log(100) = 2. ln (logaritmo natural) usa base e (≈2.718): ln(e) = 1. En ciencias naturales y cálculo, ln es más común. En ingeniería y escalas (decibelios), log base 10 es preferido."},{"question":"¿Por qué sin(180°) no da exactamente 0?","answer":"Debido a errores de redondeo en punto flotante. 180° se convierte a π radianes internamente, pero π no puede representarse exactamente. Resultados como 1.2246e-16 son efectivamente 0. Esta limitación existe en todas las calculadoras digitales."},{"question":"¿Cómo uso las funciones de memoria?","answer":"MC (Memory Clear): Borra memoria. MR (Memory Recall): Recupera valor guardado. M+ : Suma el resultado actual a la memoria. M- : Resta el resultado de la memoria. Útil para cálculos que requieren valores intermedios."},{"question":"¿Por qué 0.1 + 0.2 no es exactamente 0.3?","answer":"Los números decimales no siempre se representan exactamente en binario. 0.1 y 0.2 tienen representaciones binarias infinitas que se truncan. El resultado es 0.30000000000000004. Esto afecta a todos los lenguajes que usan punto flotante IEEE 754."}]}},"currency":{"name":"Conversor de Divisas","description":"Conversión de monedas basada en tasas de cambio","converter":"Conversor de Divisas","from":"Desde","to":"A","exchangeRate":"Tasa de Cambio","inverseRate":"Tasa Inversa","dataDate":"Fecha de Datos","refresh":"Actualizar","staticDataNotice":"Actualmente usando datos estáticos. Las tasas en tiempo real estarán disponibles próximamente.","groups":{"major":"Monedas Principales","asia":"Asia","americas":"Américas","europe":"Europa","other":"Otros"},"currencies":{"USD":"Dólar Estadounidense","EUR":"Euro","JPY":"Yen Japonés","GBP":"Libra Esterlina","CNY":"Yuan Chino","KRW":"Won Coreano","CHF":"Franco Suizo","CAD":"Dólar Canadiense","AUD":"Dólar Australiano","HKD":"Dólar de Hong Kong","SGD":"Dólar de Singapur","INR":"Rupia India","MXN":"Peso Mexicano","BRL":"Real Brasileño","TWD":"Dólar Taiwanés","SEK":"Corona Sueca","NOK":"Corona Noruega","DKK":"Corona Danesa","NZD":"Dólar Neozelandés","ZAR":"Rand Sudafricano","THB":"Baht Tailandés","MYR":"Ringgit Malayo","VEF":"Bolívar Venezolano","LKR":"Rupia de Sri Lanka"},"guide":{"title":"Guía del Conversor de Moneda","description":"Convierte entre diferentes monedas","whatIs":{"title":"¿Qué es el Conversor de Moneda?","content":"El Conversor de Moneda ayuda a convertir entre monedas mundiales. Útil para compras internacionales, planificación de viajes y transacciones comerciales."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona la moneda de origen","step2":"Ingresa el monto","step3":"Selecciona la moneda de destino","step4":"Ve el monto convertido y tipo de cambio"},"tips":{"title":"Consejos Prácticos","tip1":"Botón de intercambio para inversión rápida","tip2":"Revisa tipo de cambio y tipo inverso","tip3":"Las monedas están agrupadas por región"},"browserSupport":{"title":"Precisión y Limitaciones","content":"Actualmente usa datos estáticos. Los tipos en tiempo real pueden variar. Para transacciones importantes, verifica fuentes oficiales."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué los tipos de cambio varían entre fuentes?","answer":"Los tipos de cambio tienen: tipo medio del mercado (referencia), tipo de compra (banco te compra moneda), tipo de venta (banco te vende moneda). La diferencia es el spread del banco. Servicios como Wise usan tipos más cercanos al medio que los bancos tradicionales."},{"question":"¿Qué tan frecuentemente cambian los tipos de cambio?","answer":"El mercado forex opera 24/5 y los tipos cambian constantemente. Para monedas principales, las fluctuaciones diarias son típicamente 0.1-1%. Para transacciones grandes o planificación a futuro, considera la volatilidad histórica de cada par de monedas."},{"question":"¿Por qué mi banco ofrece un tipo diferente?","answer":"Los bancos añaden un margen (spread) sobre el tipo medio. Este margen puede ser 2-5% o más. Además, cobran comisiones. Para obtener mejores tipos: usa servicios especializados (Wise, Revolut), compara antes de cambiar, evita aeropuertos y hoteles."},{"question":"¿Qué son las monedas 'major' y 'minor'?","answer":"Las majors son las más negociadas: USD, EUR, JPY, GBP, CHF, CAD, AUD, NZD. Tienen spreads bajos y alta liquidez. Las minor/exóticas tienen menos volumen, spreads mayores y más volatilidad. Para grandes cantidades, las majors ofrecen mejores condiciones."},{"question":"¿Debo considerar la inflación al convertir monedas?","answer":"Para comparaciones de poder adquisitivo, sí importa. 100 USD compran diferente cantidad de bienes en cada país. El índice Big Mac y el PPP (Paridad de Poder Adquisitivo) intentan medir esto. Para transacciones simples, el tipo de cambio nominal es suficiente."}]}},"bmi":{"name":"Calculadora de IMC","description":"Calcula el Índice de Masa Corporal (IMC) y la Tasa Metabólica Basal (TMB)","categories":{"underweight":"Bajo peso","normal":"Normal","overweight":"Sobrepeso","obese":"Obesidad"},"input":{"title":"Entrada","unitSystem":"Sistema de unidades","metric":"Métrico","imperial":"Imperial","height":"Altura","weight":"Peso","age":"Edad","gender":"Género","male":"Masculino","female":"Femenino"},"result":{"title":"Resultado","placeholder":"Ingresa tu altura y peso","yourBmi":"Tu IMC","healthyRange":"Rango de peso saludable","bmr":"Tasa Metabólica Basal (TMB)","bmrNote":"Calorías quemadas en reposo completo"},"guide":{"title":"Guía de la Calculadora de IMC","description":"Aprende a entender y usar el IMC y las métricas de salud","whatIs":{"title":"¿Qué es el IMC?","content":"El IMC (Índice de Masa Corporal) estima la grasa corporal basándose en altura y peso. Fórmula: IMC = peso(kg) / altura(m)². Ampliamente usado para evaluación de salud, obesidad y riesgos de salud."},"howToUse":{"title":"Cómo usar","step1":"Selecciona el sistema de unidades (Métrico o Imperial)","step2":"Ingresa tu altura y peso","step3":"Opcionalmente ingresa edad y género para calcular TMB"},"tips":{"title":"Notas importantes","tip1":"El IMC no distingue masa muscular - los atletas pueden mostrar valores altos","tip2":"Las poblaciones asiáticas tienen umbrales de IMC diferentes debido a riesgos metabólicos","tip3":"El IMC es solo una referencia - consulta a un profesional de la salud"}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"Mi IMC es normal pero tengo grasa abdominal","answer":"Esto podría ser 'grasa oculta'. El IMC no considera la distribución de grasa. Verifica tu circunferencia de cintura (hombres >90cm, mujeres >85cm es preocupante)."},{"question":"Soy atleta pero mi IMC muestra sobrepeso","answer":"El IMC no puede distinguir entre músculo y grasa. Alta masa muscular puede resultar en IMC elevado siendo saludable. Considera medir el porcentaje de grasa corporal."},{"question":"¿Qué es la TMB (Tasa Metabólica Basal)?","answer":"La TMB son las calorías mínimas necesarias para sobrevivir en reposo completo. Se usa para respiración, regulación de temperatura y actividad celular. Necesidades diarias (TDEE) = TMB × factor de actividad."}]}}},"badge":{"available":"Disponible","comingSoon":"Próximamente"},"openTool":"Abrir Herramienta"},"calculatorHub":{"tools":{"date":{"name":"Calculadora de Fechas","description":"Calcula diferencias entre fechas y cuenta regresiva"},"age":{"name":"Calculadora de Edad","description":"Calcula edad internacional y coreana"},"currency":{"name":"Conversor de Divisas","description":"Conversión de monedas basada en tasas de cambio"},"timezone":{"name":"Conversor de Zona Horaria","description":"Convierte entre zonas horarias mundiales"},"unit":{"name":"Conversor de Unidades","description":"Convierte longitud, peso, volumen, temperatura y más"},"percentage":{"name":"Calculadora de Porcentajes","description":"Calcula porcentajes, cambios y descuentos"},"scientific":{"name":"Calculadora Científica","description":"Funciones trigonométricas, logaritmos y cálculos científicos"},"bmi":{"name":"Calculadora de IMC","description":"Calcula el Índice de Masa Corporal (IMC) y la Tasa Metabólica Basal (TMB)"}}},"finance":{"hub":{"title":"Herramientas Financieras","description":"Calculadoras de interés compuesto, préstamos y ROI","sidebar":"Herramientas Financieras","collapse":"Contraer"},"categories":{"investment":"Inversión","loans":"Préstamos/Costos","business":"Negocios"},"tools":{"compound":{"name":"Calculadora de Interés Compuesto","description":"Calcula interés compuesto y crecimiento de inversión","input":{"title":"Entrada","principal":"Capital","annualRate":"Tasa Anual","years":"Período (años)","compoundFrequency":"Frecuencia de Capitalización","monthlyContribution":"Aporte Mensual","optional":"Opcional"},"frequency":{"annually":"Anual (1x/año)","semiannually":"Semestral (2x/año)","quarterly":"Trimestral (4x/año)","monthly":"Mensual (12x/año)","daily":"Diario (365x/año)"},"result":{"title":"Resultado","placeholder":"Ingrese valores","finalAmount":"Monto Final","totalInvested":"Total Invertido","totalInterest":"Interés Total","returnRate":"Tasa de Retorno","yearlyBreakdown":"Desglose Anual","year":"Año","contributions":"Aportes","interest":"Interés","total":"Total"},"guide":{"title":"Guía de Interés Compuesto","description":"Aprende cómo el interés compuesto hace crecer tu dinero con el tiempo","whatIs":{"title":"¿Qué es el Interés Compuesto?","content":"El interés compuesto es el interés calculado tanto sobre el capital inicial como sobre los intereses acumulados de períodos anteriores. A menudo se le llama 'interés sobre interés' y es la clave para la construcción de riqueza a largo plazo mediante crecimiento exponencial."},"howToUse":{"title":"Cómo usar esta calculadora","step1":"Ingresa tu inversión inicial (monto principal)","step2":"Establece la tasa de interés anual","step3":"Elige la frecuencia de capitalización (mensual, trimestral, anual)","step4":"Especifica el período de inversión en años"},"tips":{"title":"Consejos de inversión","tip1":"Empieza temprano: El tiempo es el factor más poderoso en el crecimiento compuesto","tip2":"Mayor frecuencia de capitalización produce rendimientos ligeramente mejores","tip3":"Las contribuciones regulares aceleran dramáticamente la construcción de riqueza"},"browserSupport":{"title":"Fórmula utilizada","content":"A = P(1 + r/n)^(nt) donde P es el principal, r es la tasa anual, n es la frecuencia de capitalización y t es el tiempo en años. Todos los cálculos se realizan instantáneamente en tu navegador."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué el interés compuesto es tan poderoso?","answer":"El interés compuesto genera 'interés sobre interés'. Cada período, los intereses ganados se suman al capital, aumentando la base para el siguiente cálculo. Con el tiempo, esto crea crecimiento exponencial. A 7% anual, tu dinero se duplica aproximadamente cada 10 años (regla del 72)."},{"question":"¿Cuál es la diferencia entre capitalización mensual y anual?","answer":"La capitalización mensual calcula y añade intereses 12 veces al año en lugar de 1. Esto produce retornos ligeramente mayores porque el interés comienza a generar interés antes. Con 5% anual: anual da 105, mensual da ~105.12 por cada 100."},{"question":"¿Qué es la regla del 72?","answer":"Es una fórmula rápida para estimar cuánto tarda en duplicarse tu dinero. Divide 72 entre la tasa de interés. Ejemplo: a 6% anual, 72÷6 = 12 años para duplicar. A 12%, 72÷12 = 6 años. Es una aproximación, no exacta."},{"question":"¿Los aportes mensuales realmente hacen diferencia?","answer":"Sí, enormemente. Invertir $200/mes durante 30 años a 7% produce ~$243,000, de los cuales $72,000 es tu aporte y $171,000 es interés. Sin aportes mensuales, un depósito único de $72,000 solo produciría ~$548,000 en total - menos pero con más capital inicial."},{"question":"¿Cómo afecta la inflación a mis rendimientos compuestos?","answer":"La inflación reduce el poder adquisitivo de tu dinero. Si ganas 7% pero la inflación es 3%, tu rendimiento 'real' es ~4%. Para metas a largo plazo, resta la inflación esperada de tu tasa de retorno para obtener el crecimiento real del poder adquisitivo."}]}},"loan":{"name":"Calculadora de Préstamos","description":"Calcula cuota fija y amortización de capital","input":{"title":"Información del Préstamo","loanAmount":"Monto del Préstamo","annualRate":"Tasa Anual","loanTerm":"Plazo","months":"meses","years":"años","monthsShort":"mes","repaymentType":"Tipo de Amortización","equalPayment":"Cuota Fija","equalPrincipal":"Capital Fijo"},"result":{"title":"Resultado","placeholder":"Ingrese valores","monthlyPayment":"Pago Mensual","totalPayment":"Pago Total","totalInterest":"Interés Total","decreasing":"Decreciente"},"schedule":{"title":"Calendario de Amortización","month":"Mes","payment":"Pago","principal":"Capital","interest":"Interés","balance":"Saldo","showMore":"Mostrar +{count} meses más","showLess":"Mostrar Menos"},"guide":{"title":"Guía de Calculadora de Préstamos","description":"Calcula pagos mensuales y costos totales del préstamo","whatIs":{"title":"¿Qué es una Calculadora de Préstamos?","content":"Una calculadora de préstamos te ayuda a entender el costo real de pedir prestado calculando pagos mensuales, interés total pagado y tablas de amortización. Es esencial para comparar ofertas de préstamos y tomar decisiones informadas."},"howToUse":{"title":"Cómo usar esta calculadora","step1":"Ingresa el monto principal del préstamo","step2":"Ingresa la tasa de interés anual","step3":"Especifica el plazo del préstamo en meses o años","step4":"Ve el pago mensual y desglose del costo total"},"tips":{"title":"Consejos de préstamo","tip1":"Un plazo más corto significa pagos más altos pero menos interés total","tip2":"Pequeñas diferencias en tasas impactan significativamente el costo total","tip3":"Considera hacer pagos extra para reducir costos de interés"},"browserSupport":{"title":"Método de cálculo","content":"Usa la fórmula estándar de amortización: M = P[r(1+r)^n]/[(1+r)^n-1] donde M es el pago mensual, P es el principal, r es la tasa mensual y n es el número de pagos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre tasa nominal y TAE?","answer":"La tasa nominal es la tasa anunciada. La TAE (Tasa Anual Equivalente) incluye la capitalización y a veces comisiones. Una tasa nominal de 12% mensual capitalizada equivale a ~12.68% TAE. Siempre compara TAE entre préstamos para una comparación justa."},{"question":"¿Cuota fija o capital fijo, cuál es mejor?","answer":"Cuota fija: pagos iguales cada mes, más predecible para presupuesto. Capital fijo: pagos decrecientes, pagas menos interés total pero cuotas iniciales más altas. Si puedes permitirte pagos más altos al inicio, capital fijo ahorra dinero a largo plazo."},{"question":"¿Por qué al inicio pago más interés que capital?","answer":"Con cuota fija, el interés se calcula sobre el saldo pendiente. Al inicio, el saldo es mayor, así que la porción de interés es mayor. A medida que reduces el principal, más de tu pago va al capital. Esto se llama amortización."},{"question":"¿Conviene hacer pagos extra al préstamo?","answer":"Generalmente sí. Los pagos extra reducen el principal, disminuyendo el interés futuro. Verifica que no haya penalización por prepago. Prioriza deudas de alta tasa primero. Algunos prefieren invertir el extra si el retorno supera la tasa del préstamo."},{"question":"¿Cómo afecta el plazo al costo total?","answer":"Plazos más largos = cuotas menores pero mucho más interés total. Ejemplo: préstamo de $200,000 a 5%: 15 años = $379,000 total, 30 años = $386,500 total. La diferencia de $7,500 parece pequeña pero representa años extra de pagos."}]}},"roi":{"name":"Calculadora de ROI","description":"Calcula ROI y CAGR","input":{"title":"Información de Inversión","initialInvestment":"Inversión Inicial","finalValue":"Valor Final","years":"Período (años)","optional":"Opcional","yearsHint":"Requerido para calcular CAGR","compoundFrequency":"Frecuencia de Visualización","frequency":{"yearly":"Anual (1x/año)","monthly":"Mensual (12x/año)","daily":"Diario (365x/año)"}},"result":{"title":"Resultado","placeholder":"Ingrese valores","roi":"Retorno de Inversión (ROI)","totalProfit":"Ganancia Total","totalLoss":"Pérdida Total","multiplier":"Multiplicador","cagr":"Tasa de Crecimiento Anual Compuesto (CAGR)","cagrHint":"Tasa de retorno anualizada","periodicRate":{"monthly":"Tasa de Crecimiento Mensual","daily":"Tasa de Crecimiento Diario"},"periodicRateHint":{"monthly":"Retorno promedio mensual","daily":"Retorno promedio diario"},"summary":"Resumen","yearsText":"años"},"guide":{"title":"Guía de Calculadora de ROI","description":"Aprende a medir los rendimientos de inversión","whatIs":{"title":"¿Qué es el ROI?","content":"El Retorno sobre la Inversión (ROI) mide la rentabilidad de una inversión como porcentaje. Compara la ganancia o pérdida relativa al costo inicial, ayudándote a evaluar la eficiencia de diferentes inversiones y tomar decisiones financieras informadas."},"howToUse":{"title":"Cómo usar esta calculadora","step1":"Ingresa tu monto de inversión inicial","step2":"Ingresa el valor final de tu inversión","step3":"Opcionalmente especifica el período para cálculo de CAGR","step4":"Ve el porcentaje de ROI y rendimientos anualizados"},"tips":{"title":"Consejos de análisis","tip1":"Compara ROI entre inversiones similares para mejores decisiones","tip2":"CAGR proporciona una imagen más precisa para inversiones multianuales","tip3":"Considera la inflación al evaluar rendimientos reales"},"browserSupport":{"title":"Cálculos","content":"ROI = ((Valor Final - Inversión Inicial) / Inversión Inicial) × 100. CAGR = ((Final/Inicial)^(1/años) - 1) × 100. Todos los cálculos son instantáneos y privados."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre ROI y CAGR?","answer":"ROI muestra el retorno total como porcentaje, sin considerar el tiempo. CAGR (Tasa de Crecimiento Anual Compuesto) anualiza el retorno, permitiendo comparar inversiones de diferentes duraciones. Una inversión con 50% ROI en 5 años tiene ~8.4% CAGR."},{"question":"¿Por qué CAGR es mejor para comparar inversiones?","answer":"CAGR normaliza el tiempo. 100% ROI en 2 años (~41% CAGR) es mejor que 100% ROI en 10 años (~7% CAGR). CAGR te da una tasa anual equivalente para comparación directa, como si el crecimiento fuera constante cada año."},{"question":"¿Qué es un buen ROI?","answer":"Depende del riesgo y tipo de inversión. El S&P 500 históricamente rinde ~10% anual. Cuentas de ahorro rinden 1-5%. Inversiones de mayor riesgo pueden rendir más pero con posibilidad de pérdida. Compara siempre con alternativas de riesgo similar."},{"question":"¿Cómo incluyo dividendos en el cálculo de ROI?","answer":"Suma los dividendos recibidos al valor final. ROI Total = ((Valor Final + Dividendos - Costo Inicial) / Costo Inicial) × 100. Para acciones que pagan dividendos regularmente, esto puede aumentar significativamente el retorno real."},{"question":"¿El ROI considera impuestos y comisiones?","answer":"Esta calculadora muestra ROI bruto. Para ROI neto, resta impuestos sobre ganancias y comisiones de compra/venta del valor final antes de calcular. Los impuestos varían según jurisdicción y tipo de cuenta (normal vs. con ventajas fiscales)."}]}},"margin":{"name":"Calculadora de Margen","description":"Calcula margen de ganancia y costo/precio","input":{"title":"Entrada","cost":"Costo","sellingPrice":"Precio de Venta","targetMargin":"Margen Objetivo","marginPercent":"Margen %"},"result":{"title":"Resultado","placeholder":"Ingrese valores","grossProfit":"Ganancia Bruta","marginPercent":"Margen %","marginFormula":"Ganancia ÷ Precio","markupPercent":"Markup %","markupFormula":"Ganancia ÷ Costo","withMargin":"Con margen de {margin}%","profit":"Ganancia"},"modes":{"calculate":{"label":"Calcular Margen"},"findPrice":{"label":"Calcular Precio"},"findCost":{"label":"Calcular Costo"}},"guide":{"title":"Guía de Calculadora de Margen de Ganancia","description":"Calcula y comprende tus márgenes de ganancia","whatIs":{"title":"¿Qué es el Margen de Ganancia?","content":"El margen de ganancia mide cuánto beneficio obtiene un negocio por cada dólar de ingresos. Se expresa como porcentaje e indica la eficiencia de precios y la salud general del negocio. Márgenes más altos típicamente significan mejor rentabilidad y estabilidad financiera."},"howToUse":{"title":"Cómo usar esta calculadora","step1":"Ingresa el precio de costo (lo que pagas)","step2":"Ingresa el precio de venta (lo que pagan los clientes)","step3":"O ingresa el margen deseado para encontrar el precio de venta","step4":"Ve la ganancia bruta, porcentaje de margen y markup"},"tips":{"title":"Consejos de precios","tip1":"Margen y markup son diferentes: 50% markup ≠ 50% margen","tip2":"Considera todos los costos incluyendo gastos generales","tip3":"Compara márgenes entre productos para optimizar tu mezcla"},"browserSupport":{"title":"Fórmulas","content":"Margen = ((Ingresos - Costo) / Ingresos) × 100. Markup = ((Ingresos - Costo) / Costo) × 100. Ganancia Bruta = Ingresos - Costo."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre margen y markup?","answer":"Margen se calcula sobre el precio de venta: (Precio - Costo) / Precio. Markup se calcula sobre el costo: (Precio - Costo) / Costo. Un producto de $60 costo vendido a $100 tiene 40% margen pero 66.7% markup. Son diferentes métricas para la misma ganancia."},{"question":"¿Qué margen de ganancia es saludable?","answer":"Varía por industria. Retail: 25-50%, Software: 70-90%, Restaurantes: 3-9%, Manufactura: 10-20%. Compara con promedios de tu industria. Más importante que el número absoluto es la consistencia y tendencia del margen con el tiempo."},{"question":"¿Por qué 50% markup no es lo mismo que 50% margen?","answer":"50% markup sobre $100 de costo = $150 precio. Pero el margen es $50/$150 = 33.3%, no 50%. Para convertir: Margen = Markup/(1+Markup). Para 50% margen necesitas 100% markup. Esta confusión es común y puede causar errores de pricing."},{"question":"¿Debo considerar costos fijos en el margen?","answer":"El margen bruto solo considera el costo directo del producto. El margen neto incluye todos los costos (alquiler, salarios, marketing). Para decisiones de pricing, usa margen bruto. Para evaluar rentabilidad total del negocio, usa margen neto."},{"question":"¿Cómo establezco el precio usando margen objetivo?","answer":"Precio = Costo / (1 - Margen%). Para 40% margen sobre $60 costo: $60 / (1 - 0.40) = $60 / 0.60 = $100. NO multipliques costo × (1 + margen), eso calcula markup, no margen."}]}},"breakeven":{"name":"Calculadora de Punto de Equilibrio","description":"Análisis de punto de equilibrio basado en costos fijos y variables","input":{"title":"Información de Costos","fixedCosts":"Costos Fijos","fixedCostsHint":"Alquiler, salarios, etc. - costos independientes del volumen","variableCost":"Costo Variable por Unidad","variableCostHint":"Materiales, envío, etc. - costos proporcionales a las ventas","sellingPrice":"Precio de Venta por Unidad","sellingPriceHint":"Precio por unidad vendida"},"result":{"title":"Análisis de Punto de Equilibrio","placeholder":"Ingrese valores","breakEvenPoint":"Punto de Equilibrio","units":"unidades","exact":"Valor exacto","breakEvenRevenue":"Ingresos de Equilibrio","contributionMargin":"Margen de Contribución","perUnit":"Por unidad","contributionRatio":"Ratio de Contribución","formula":"Fórmula","error":"Error de Cálculo","priceTooLow":"El precio debe ser mayor que el costo variable"},"guide":{"title":"Guía de Calculadora de Punto de Equilibrio","description":"Encuentra cuándo tu negocio cubre todos los costos","whatIs":{"title":"¿Qué es el Análisis de Punto de Equilibrio?","content":"El análisis de punto de equilibrio determina el punto donde los ingresos totales igualan los costos totales, sin ganancias ni pérdidas. Es crucial para la planificación empresarial, estrategias de precios y entender el volumen mínimo de ventas necesario para cubrir gastos."},"howToUse":{"title":"Cómo usar esta calculadora","step1":"Ingresa tus costos fijos (alquiler, salarios, etc.)","step2":"Ingresa el precio de venta por unidad","step3":"Ingresa el costo variable por unidad","step4":"Ve el punto de equilibrio en unidades e ingresos"},"tips":{"title":"Consejos de negocio","tip1":"Menores costos fijos reducen tu punto de equilibrio","tip2":"Precios o márgenes más altos aceleran la rentabilidad","tip3":"Úsalo para lanzamientos de nuevos productos y planes de expansión"},"browserSupport":{"title":"Fórmula","content":"Unidades de Equilibrio = Costos Fijos ÷ (Precio por Unidad - Costo Variable por Unidad). Ingresos de Equilibrio = Unidades de Equilibrio × Precio por Unidad."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre costos fijos y variables?","answer":"Costos fijos no cambian con el volumen de ventas: alquiler, salarios fijos, seguros, software. Costos variables aumentan con cada unidad: materiales, envío, comisiones de venta. Identificar correctamente cada tipo es crucial para el análisis de equilibrio."},{"question":"¿Qué es el margen de contribución?","answer":"Es el precio menos el costo variable por unidad. Representa cuánto de cada venta 'contribuye' a cubrir costos fijos y generar ganancia. Si vendes a $100 con $60 de costo variable, el margen de contribución es $40. Necesitas cubrir costos fijos antes de obtener ganancia."},{"question":"¿Cómo uso el punto de equilibrio para decisiones?","answer":"Evalúa viabilidad: ¿puedes vender esa cantidad realistamente? Compara escenarios: ¿qué pasa si cambio el precio o reduzco costos? Planifica: ¿cuántas ventas necesitas por mes para ser rentable? Es una herramienta de planificación, no predicción exacta."},{"question":"¿El punto de equilibrio considera impuestos?","answer":"El cálculo básico no incluye impuestos. Para incluirlos, divide tu objetivo de ganancia después de impuestos por (1 - tasa impositiva) para obtener la ganancia antes de impuestos necesaria, y súmala a los costos fijos en el cálculo."},{"question":"¿Cómo bajo mi punto de equilibrio?","answer":"Tres opciones: 1) Reducir costos fijos (negociar alquiler, automatizar), 2) Reducir costos variables (mejores proveedores, eficiencia), 3) Aumentar precio (si el mercado lo permite). Cada 1% de mejora en cualquier factor reduce el punto de equilibrio."}]}},"savings":{"name":"Calculadora de Meta de Ahorro","description":"Planifica ahorros para alcanzar tu meta financiera","input":{"title":"Plan de Ahorro","goalAmount":"Meta de Ahorro","initialSavings":"Ahorro Inicial","annualRate":"Tasa Anual","rateHint":"Tasa de interés (opcional)","months":"Período (meses)","monthlySavings":"Ahorro Mensual"},"result":{"title":"Resultado","placeholder":"Ingrese valores","monthlyPayment":"Ahorro Mensual Requerido","perMonth":"por mes","durationNeeded":"Duración Necesaria","totalSaved":"Total Ahorrado","interestEarned":"Interés Ganado","targetDate":"Fecha Objetivo","yearsUnit":"años","monthsUnit":"meses","monthsText":"meses","alreadyAchieved":"¡Meta ya alcanzada!","alreadyAchievedHint":"El ahorro inicial supera la meta"},"modes":{"monthlySavings":{"label":"Calcular Ahorro Mensual"},"duration":{"label":"Calcular Duración"}},"guide":{"title":"Guía de Calculadora de Ahorros","description":"Planifica tus metas de ahorro con contribuciones regulares","whatIs":{"title":"¿Qué es una Calculadora de Ahorros?","content":"Una calculadora de ahorros te ayuda a proyectar cómo crecerá tu dinero con el tiempo mediante depósitos regulares e interés compuesto. Es esencial para planificar la jubilación, fondos de emergencia, ahorros para educación o cualquier meta financiera."},"howToUse":{"title":"Cómo usar esta calculadora","step1":"Ingresa tu monto inicial de ahorros","step2":"Establece tu monto de contribución regular y frecuencia","step3":"Ingresa la tasa de interés anual esperada","step4":"Especifica tu plazo de ahorro para ver proyecciones"},"tips":{"title":"Consejos de ahorro","tip1":"Automatiza tus ahorros para asegurar contribuciones consistentes","tip2":"Incluso pequeños depósitos regulares se acumulan significativamente","tip3":"Aumenta las contribuciones cuando crezcan tus ingresos"},"browserSupport":{"title":"Nota de planificación","content":"Esta calculadora muestra proyecciones basadas en contribuciones consistentes y tasas de interés estables. Los resultados reales pueden variar. Todos los cálculos se realizan localmente en tu navegador."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuánto debo ahorrar de mi salario?","answer":"La regla común es 50/30/20: 50% necesidades, 30% deseos, 20% ahorro. Pero depende de tus metas y situación. Para metas específicas (casa, retiro), calcula hacia atrás: divide la meta por meses disponibles, ajusta por interés esperado."},{"question":"¿Es mejor ahorrar más al inicio o al final?","answer":"Al inicio, definitivamente. Debido al interés compuesto, el dinero ahorrado temprano tiene más tiempo para crecer. $100 ahorrados hoy valen más que $100 en 10 años. 'El mejor momento para empezar a ahorrar fue hace 10 años. El segundo mejor es hoy.'"},{"question":"¿Cómo afecta la tasa de interés a mi meta?","answer":"Significativamente con el tiempo. Para ahorrar $100,000 en 20 años: a 0% necesitas $417/mes, a 3% $305/mes, a 6% $220/mes. La diferencia entre 0% y 6% es casi el doble de ahorro mensual requerido."},{"question":"¿Debería pagar deudas o ahorrar primero?","answer":"Generalmente: 1) Fondo de emergencia mínimo (1 mes gastos), 2) Pagar deudas de alta tasa (>8%), 3) Ahorrar. Si tu deuda tiene 15% de interés y tus ahorros ganan 3%, matemáticamente pagar la deuda es mejor inversión."},{"question":"¿Cómo me mantengo motivado para ahorrar?","answer":"Automatiza: transferencia automática el día de cobro. Visualiza: calcula el valor futuro de pequeños ahorros. Celebra: marca hitos intermedios. Separa cuentas: una cuenta específica para cada meta grande. Revisa: ajusta mensualmente."}]}},"tip":{"name":"Calculadora de Propinas","description":"Calcula propinas y divide cuentas","input":{"title":"Información de la Cuenta","billAmount":"Monto de la Cuenta","tipPercent":"Porcentaje de Propina","custom":"Personalizado","numberOfPeople":"Número de Personas"},"result":{"title":"Resultado","placeholder":"Ingrese monto","tipAmount":"Monto de Propina","totalAmount":"Monto Total","perPerson":"Por Persona","people":"personas","perPersonTip":"Propina por Persona","perPersonTotal":"Total por Persona","summary":"Cuenta {bill} + Propina {tip} = Total {total}"},"guide":{"title":"Guía de Calculadora de Propinas","description":"Calcula propinas y divide cuentas fácilmente","whatIs":{"title":"¿Qué es una Calculadora de Propinas?","content":"Una calculadora de propinas te ayuda a determinar rápidamente cuánto dar de propina basándose en el monto de tu cuenta y el porcentaje deseado. También puede dividir el total entre varias personas, facilitando los cálculos en comidas grupales."},"howToUse":{"title":"Cómo usar esta calculadora","step1":"Ingresa el monto de la cuenta antes de la propina","step2":"Selecciona o ingresa el porcentaje de propina deseado","step3":"Opcionalmente ingresa el número de personas para dividir","step4":"Ve el monto de la propina, total y costo por persona"},"tips":{"title":"Consejos sobre propinas","tip1":"10-15% es estándar para buen servicio en la mayoría de restaurantes","tip2":"Considera redondear el total para facilitar el pago","tip3":"Verifica si el cargo por servicio ya está incluido"},"browserSupport":{"title":"Cálculo rápido","content":"Propina = Cuenta × (Porcentaje ÷ 100). Total = Cuenta + Propina. Por Persona = Total ÷ Número de Personas. Todos los cálculos son instantáneos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuánto es apropiado dar de propina?","answer":"Varía por país y servicio. En EE.UU.: restaurantes 15-20%, bares 15-20%, delivery 15-20%, peluquería 15-20%. En Europa y Latinoamérica es generalmente menor (5-10%). Algunos países como Japón no tienen cultura de propinas."},{"question":"¿Debo calcular la propina antes o después de impuestos?","answer":"Técnicamente, la propina se calcula sobre el subtotal (antes de impuestos). Pero en la práctica, muchos calculan sobre el total. La diferencia es pequeña. Lo importante es reconocer el buen servicio consistentemente."},{"question":"¿Qué hago si el servicio fue malo?","answer":"En lugares donde la propina es esperada (EE.UU.), dejar 10% indica insatisfacción pero sigue siendo aceptable. 0% se reserva para servicio extremadamente malo. Considera hablar con el gerente sobre problemas específicos. El servidor puede no ser responsable de problemas de cocina."},{"question":"¿La propina ya está incluida en la cuenta?","answer":"Verifica 'cargo por servicio' o 'gratuity included' en la cuenta. Común en grupos grandes (6+) o en algunos países europeos. Si ya está incluido, propina adicional es opcional. Pregunta al servidor si no estás seguro."},{"question":"¿Cómo divido la cuenta de forma justa?","answer":"Opciones: 1) División igual (más simple, menos justo si consumos varían), 2) Cada quien paga lo suyo (más justo, más complicado), 3) División proporcional al consumo. Para la propina, generalmente se divide igual. Usa apps como Splitwise para cuentas complejas."}]}},"split":{"name":"Divisor de Gastos","description":"Divide gastos y calcula participaciones","input":{"title":"Información de Gastos","splitMode":"Modo de División","modeEqual":"División Igual","modeCustom":"Monto Personalizado","modeItems":"Dividir por Artículos","totalAmount":"Monto Total","people":"Participantes","person":"Persona","addPerson":"Agregar Persona","expenses":"Artículos de Gasto","addExpense":"Agregar Gasto","itemDescription":"Descripción del Artículo","paidBy":"Pagado Por","sharedBy":"Compartido Por"},"result":{"title":"Resultado","placeholder":"Ingrese un monto","total":"Total","perPerson":"Por Persona","people":"personas","breakdown":"Desglose","owes":"Debe","receives":"Recibe"},"guide":{"title":"Guía del Divisor de Gastos","description":"Divide los gastos del grupo justamente","whatIs":{"title":"¿Qué es un Divisor de Gastos?","content":"Un divisor de gastos ayuda a dividir los gastos compartidos de manera justa entre un grupo. Soporta división igual, montos personalizados y división por artículos."},"howToUse":{"title":"Cómo Usar","step1":"Elige el modo de división (igual/personalizado/por artículos)","step2":"Ingresa los nombres de los participantes","step3":"Ingresa monto o artículos de gasto","step4":"Ve la parte de cada persona"},"tips":{"title":"Consejos para Dividir","tip1":"Toma una foto del recibo primero","tip2":"No olvides incluir propinas e impuestos","tip3":"Usa montos exactos al transferir"},"browserSupport":{"title":"Método de Cálculo","content":"División igual: Total ÷ Personas. Por artículos: Cada artículo dividido por los que comparten. Todos los cálculos ocurren instantáneamente en tu navegador."}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Por qué se llama 'pagar a la americana'?","answer":"La expresión varía según el país. En España se dice 'pagar a escote' o 'ir a medias'. El término sugiere que cada persona paga su parte de forma independiente."},{"question":"¿Deben pagar igual los que no beben?","answer":"Depende de la situación. Usa la división por artículos para calcular solo lo que cada persona consumió. Cuando las bebidas son caras, es justo dividir el alcohol solo entre los bebedores."},{"question":"¿Cómo manejar los decimales?","answer":"Redondea al número entero más cercano. La pequeña diferencia puede ser cubierta por quien se ofrezca, o rotando quién cubre el resto cada vez."},{"question":"¿Múltiples pagos o un solo ajuste?","answer":"Que diferentes personas paguen en cada lugar equilibra naturalmente. Un ajuste es preciso pero puede ser inconveniente. Con amigos cercanos, aproximado está bien; con conocidos nuevos, sé exacto."},{"question":"¿Cómo corresponder cuando alguien invita?","answer":"Las opciones incluyen: invitar café/postre la próxima vez, transferencia instantánea por apps de pago, o pagar la cuenta en la próxima reunión. Lo importante es expresar gratitud."}]}}},"badge":{"available":"Disponible","comingSoon":"Próximamente"},"openTool":"Abrir Herramienta"},"financeHub":{"tools":{"compound":{"name":"Calculadora de Interés Compuesto","description":"Calcula interés compuesto y crecimiento de inversión"},"loan":{"name":"Calculadora de Préstamos","description":"Calcula cuota fija y amortización de capital"},"roi":{"name":"Calculadora de ROI","description":"Calcula ROI y CAGR"},"margin":{"name":"Calculadora de Margen","description":"Calcula margen de ganancia y costo/precio"},"breakeven":{"name":"Calculadora de Punto de Equilibrio","description":"Análisis de punto de equilibrio basado en costos fijos y variables"},"savings":{"name":"Calculadora de Meta de Ahorro","description":"Planifica ahorros para alcanzar tu meta financiera"},"tip":{"name":"Calculadora de Propinas","description":"Calcula propinas y divide cuentas"},"split":{"name":"Divisor de Gastos","description":"Divide gastos y calcula participaciones"}}},"security":{"hub":{"title":"Herramientas de Seguridad","description":"Utilidades de generación de contraseñas, cifrado y hash","sidebar":"Herramientas de Seguridad","collapse":"Colapsar"},"categories":{"password":"Contraseña","encryption":"Cifrado","hashing":"Hash","webSecurity":"Seguridad Web"},"tools":{"passwordGenerator":{"name":"Generador de Contraseñas","description":"Genera contraseñas aleatorias seguras con opciones personalizables","breadcrumb":"Herramientas de Seguridad","title":"Generador de Contraseñas","pageDescription":"Genera contraseñas aleatorias seguras con opciones personalizables","generator":{"title":"Generar Contraseña","placeholder":"Haz clic en generar para crear una contraseña"},"options":{"length":"Longitud de contraseña","uppercase":"Mayúsculas (A-Z)","lowercase":"Minúsculas (a-z)","numbers":"Números (0-9)","symbols":"Símbolos (!@#$%)"},"controls":{"generate":"Generar Contraseña","reset":"Restablecer"},"guide":{"title":"Guía del Generador de Contraseñas","description":"Aprende a crear contraseñas fuertes y seguras","whatIs":{"title":"¿Qué es un Generador de Contraseñas?","content":"Un generador de contraseñas crea contraseñas aleatorias y seguras que son difíciles de adivinar o descifrar. Las contraseñas fuertes típicamente incluyen una mezcla de letras mayúsculas, minúsculas, números y caracteres especiales con longitud suficiente."},"howToUse":{"title":"Cómo usar esta herramienta","step1":"Establece la longitud deseada de la contraseña (12+ caracteres recomendado)","step2":"Selecciona los tipos de caracteres a incluir (mayúsculas, minúsculas, números, símbolos)","step3":"Haz clic en generar para crear una nueva contraseña","step4":"Copia la contraseña y guárdala en un gestor de contraseñas"},"tips":{"title":"Consejos de seguridad","tip1":"Usa al menos 16 caracteres para cuentas sensibles","tip2":"Nunca reutilices contraseñas en diferentes servicios","tip3":"Usa un gestor de contraseñas para almacenarlas de forma segura"},"securityNote":{"title":"Nota de seguridad","content":"Todas las contraseñas se generan localmente en tu navegador. No se envían datos a ningún servidor, asegurando que tus contraseñas permanezcan completamente privadas y seguras."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Qué tan larga debe ser mi contraseña?","answer":"Se recomiendan mínimo 12 caracteres para cuentas generales. Para cuentas sensibles (bancarias, email principal), usa 16 o más. Cada carácter adicional aumenta exponencialmente la dificultad de crackeo. Las frases de contraseña largas son más seguras que contraseñas cortas complejas."},{"question":"¿Es seguro usar contraseñas generadas en línea?","answer":"Esta herramienta genera contraseñas completamente en tu navegador. Ningún dato se envía a servidores. Puedes verificar desconectando de internet y probando que funciona. Para máxima seguridad, usa gestores de contraseñas de código abierto auditados."},{"question":"¿Debo incluir símbolos en mi contraseña?","answer":"Incluir símbolos aumenta significativamente la fortaleza. Sin embargo, algunos sistemas limitan los símbolos permitidos. Si un servicio rechaza símbolos, prioriza longitud sobre complejidad. Una contraseña de 20 caracteres sin símbolos puede ser más fuerte que una de 8 con símbolos."},{"question":"¿Cómo recuerdo contraseñas complejas?","answer":"No intentes memorizarlas. Usa un gestor de contraseñas (Bitwarden, 1Password, KeePass). Solo necesitas recordar una contraseña maestra fuerte. Los gestores generan, almacenan y autocompletan contraseñas únicas para cada servicio."},{"question":"¿Cada cuánto debo cambiar mis contraseñas?","answer":"La recomendación moderna es: no cambiar por rutina si no hay compromiso. Cambia inmediatamente si: 1) El servicio reporta una brecha, 2) Sospechas acceso no autorizado, 3) Compartiste la contraseña. Usa contraseñas únicas para evitar que una brecha afecte múltiples cuentas."}]}},"strengthChecker":{"name":"Verificador de Fortaleza","description":"Analiza la fortaleza de contraseñas y obtén sugerencias de mejora","breadcrumb":"Herramientas de Seguridad","title":"Verificador de Fortaleza","pageDescription":"Analiza la fortaleza de la contraseña y obtén sugerencias","checker":{"title":"Verificar Fortaleza","placeholder":"Ingresa contraseña para verificar..."},"strength":{"none":"Ingresa una contraseña","weak":"Débil","medium":"Media","strong":"Fuerte"},"checks":{"title":"Verificaciones de Seguridad","minLength":"Mínimo 8 caracteres","uppercase":"Contiene mayúscula","lowercase":"Contiene minúscula","numbers":"Contiene número","symbols":"Contiene carácter especial","noCommon":"No es contraseña común"},"guide":{"title":"Guía del Verificador de Fortaleza","description":"Aprende a evaluar la seguridad de contraseñas","whatIs":{"title":"¿Qué es un Verificador de Fortaleza?","content":"Un verificador de fortaleza de contraseñas analiza tu contraseña y evalúa su nivel de seguridad basándose en longitud, complejidad y patrones comunes. Ayuda a identificar contraseñas débiles que podrían ser fácilmente adivinadas o descifradas por atacantes."},"howToUse":{"title":"Cómo usar esta herramienta","step1":"Ingresa o pega tu contraseña en el campo de entrada","step2":"Ve el medidor de fortaleza y puntuación instantáneamente","step3":"Revisa comentarios detallados sobre fortalezas y debilidades","step4":"Sigue las sugerencias para mejorar tu contraseña"},"tips":{"title":"Criterios de fortaleza","tip1":"Longitud: Las contraseñas más largas son exponencialmente más difíciles de descifrar","tip2":"Variedad: Mezcla mayúsculas, minúsculas, números y símbolos","tip3":"Unicidad: Evita palabras comunes, patrones e información personal"},"securityNote":{"title":"Nota de seguridad","content":"Tu contraseña se analiza completamente en tu navegador. Nunca se envía a ningún servidor ni se almacena en ningún lugar, garantizando privacidad completa durante la verificación."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cómo se calcula la fortaleza de una contraseña?","answer":"Se evalúan múltiples factores: longitud, variedad de caracteres (mayúsculas, minúsculas, números, símbolos), patrones predecibles, palabras del diccionario y contraseñas comunes filtradas. La entropía (bits de aleatoriedad) es la medida técnica principal."},{"question":"¿Por qué mi contraseña 'compleja' es considerada débil?","answer":"Patrones comunes como P@ssw0rd! o Abc123! son débiles a pesar de cumplir requisitos técnicos. Los atacantes conocen estas sustituciones (a→@, o→0). Contraseñas basadas en fechas, nombres o información personal también son vulnerables."},{"question":"¿Es seguro verificar mi contraseña real aquí?","answer":"Sí. Todo el análisis ocurre localmente en tu navegador. La contraseña nunca sale de tu dispositivo. Puedes verificar desconectando de internet - la herramienta seguirá funcionando. El código fuente es auditable."},{"question":"¿Qué significa 'tiempo estimado para crackear'?","answer":"Es una estimación basada en ataques de fuerza bruta con hardware moderno. Asume el peor caso donde el atacante conoce las reglas de composición. El tiempo real puede variar según técnicas de ataque, hardware disponible y protecciones del servicio (rate limiting, hash fuerte)."},{"question":"¿Una contraseña larga siempre es más segura?","answer":"Generalmente sí, pero no si es predecible. 'contraseñacontraseña' es largo pero débil. Una frase aleatoria como 'caballo-batería-grapa-correcta' es más segura que una corta con símbolos. La longitud debe combinarse con imprevisibilidad."}]}},"aes":{"name":"Cifrado/Descifrado AES","description":"Cifra y descifra texto usando el algoritmo AES-GCM","breadcrumb":"Herramientas de Seguridad","title":"Cifrado/Descifrado AES","pageDescription":"Cifra y descifra texto usando algoritmo AES-GCM","mode":{"encrypt":"Cifrar","decrypt":"Descifrar"},"input":{"title":"Entrada","keyPlaceholder":"Ingresa clave secreta...","textPlaceholder":"Ingresa texto a cifrar...","encryptedPlaceholder":"Ingresa texto cifrado..."},"output":{"title":"Salida","placeholder":"El resultado aparecerá aquí..."},"controls":{"encrypt":"Cifrar","decrypt":"Descifrar","clear":"Limpiar"},"error":{"invalid":"Error: Entrada o clave inválida"},"guide":{"title":"Guía de Encriptación AES","description":"Aprende a encriptar datos de forma segura con AES","whatIs":{"title":"¿Qué es AES?","content":"AES (Advanced Encryption Standard) es un algoritmo de encriptación simétrica utilizado mundialmente para proteger datos sensibles. Es el estándar de la industria para la seguridad de la información."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa el texto a encriptar","step2":"Ingresa una clave de encriptación fuerte","step3":"Selecciona el modo (CBC, ECB, etc.)","step4":"Encripta y copia el resultado"},"tips":{"title":"Notas de Seguridad","tip1":"Usa claves fuertes y aleatorias para producción","tip2":"Nunca compartas tu clave de encriptación de forma insegura","tip3":"El modo CBC es más seguro que ECB para la mayoría de aplicaciones"},"securityNote":{"title":"Nota de Seguridad","content":"Toda la encriptación se realiza localmente en tu navegador. Ningún dato se envía a servidores."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Qué diferencia hay entre AES-128, AES-192 y AES-256?","answer":"El número indica el tamaño de la clave en bits. AES-256 usa claves más largas y es más seguro pero ligeramente más lento. AES-128 es suficiente para la mayoría de aplicaciones. AES-256 se recomienda para datos altamente sensibles o requisitos gubernamentales."},{"question":"¿Cuál es la diferencia entre modos CBC, ECB y GCM?","answer":"ECB encripta bloques independientemente, revelando patrones (inseguro). CBC encadena bloques, más seguro pero sin autenticación. GCM combina encriptación con autenticación, detectando modificaciones. Usa GCM para nuevos proyectos; es el estándar moderno."},{"question":"¿Qué tan segura debe ser mi clave de encriptación?","answer":"La clave debe tener al menos la misma fortaleza que el algoritmo. Para AES-256, usa claves de 256 bits derivadas de contraseñas fuertes o generadas aleatoriamente. Una clave débil anula la seguridad de AES. Considera usar PBKDF2 o Argon2 para derivar claves de contraseñas."},{"question":"¿Puedo recuperar datos si olvido la clave?","answer":"No. La encriptación AES es irreversible sin la clave. No existe 'puerta trasera'. Si pierdes la clave, los datos son irrecuperables. Guarda las claves de forma segura y considera sistemas de respaldo de claves para datos críticos."},{"question":"¿Es seguro encriptar datos sensibles en esta herramienta?","answer":"Todo el procesamiento ocurre en tu navegador. Los datos nunca salen de tu dispositivo. Para máxima seguridad con datos muy sensibles, usa software de encriptación local verificado (VeraCrypt, GPG) en lugar de herramientas web."}]}},"rsa":{"name":"Cifrado/Descifrado RSA","description":"Cifrado y descifrado de clave pública con RSA","breadcrumb":"Herramientas de Seguridad","title":"Cifrado/Descifrado RSA","pageDescription":"Cifrado de clave pública con RSA-OAEP","keys":{"title":"Par de Claves RSA","generate":"Generar Claves","public":"Clave Pública","private":"Clave Privada","publicPlaceholder":"La clave pública aparecerá aquí...","privatePlaceholder":"La clave privada aparecerá aquí..."},"input":{"title":"Entrada","placeholder":"Ingresa texto a cifrar/descifrar..."},"output":{"title":"Salida","placeholder":"El resultado aparecerá aquí..."},"controls":{"encrypt":"Cifrar con Clave Pública","decrypt":"Descifrar con Clave Privada","clear":"Limpiar"},"error":{"keyGenFailed":"Generación de clave falló","encryptFailed":"Cifrado falló","decryptFailed":"Descifrado falló"},"guide":{"title":"Guía de Encriptación RSA","description":"Entiende la encriptación asimétrica con RSA","whatIs":{"title":"¿Qué es RSA?","content":"RSA es un criptosistema asimétrico que usa un par de claves: una clave pública para encriptar y una clave privada para desencriptar. Es fundamental para la comunicación segura en Internet."},"howToUse":{"title":"Cómo Usar","step1":"Genera un par de claves o ingresa claves existentes","step2":"Encripta datos con la clave pública","step3":"Desencripta con la clave privada","step4":"Copia el mensaje encriptado para compartir"},"tips":{"title":"Notas de Seguridad","tip1":"Mantén siempre tu clave privada en secreto","tip2":"Tamaños de clave mayores ofrecen más seguridad","tip3":"RSA es mejor para pequeñas cantidades de datos o intercambio de claves"},"securityNote":{"title":"Nota de Seguridad","content":"La generación de claves y encriptación ocurren en tu navegador."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre RSA y AES?","answer":"RSA es asimétrico: usa par de claves (pública/privada). AES es simétrico: una clave para todo. RSA es lento, ideal para intercambiar claves o pequeños datos. AES es rápido para grandes volúmenes. En la práctica, RSA encripta una clave AES que luego encripta los datos."},{"question":"¿Qué tamaño de clave RSA debo usar?","answer":"RSA-2048 es el mínimo recomendado actualmente. RSA-4096 ofrece más seguridad para largo plazo pero es más lento. Para máxima seguridad futura, considera curvas elípticas (ECDSA) que ofrecen seguridad equivalente con claves más cortas."},{"question":"¿Puedo compartir mi clave pública libremente?","answer":"Sí, es seguro compartir la clave pública. Cualquiera puede usarla para encriptar mensajes que solo tú puedes leer con tu clave privada. NUNCA compartas la clave privada. Verifica la autenticidad de claves públicas recibidas para evitar ataques man-in-the-middle."},{"question":"¿Por qué RSA tiene límite de tamaño de datos?","answer":"RSA puede encriptar datos hasta el tamaño de la clave menos overhead del padding (típicamente 11 bytes para PKCS#1). Para RSA-2048, el límite es ~245 bytes. Para datos mayores, usa encriptación híbrida: RSA encripta una clave AES que encripta los datos."},{"question":"¿Las claves generadas aquí son seguras para producción?","answer":"Las claves se generan usando la API criptográfica del navegador (Web Crypto) que usa generadores de números aleatorios seguros. Son adecuadas para uso general. Para sistemas críticos, considera generar claves en módulos de seguridad de hardware (HSM)."}]}},"md5":{"name":"Generador de Hash MD5","description":"Genera hash MD5 desde texto o archivos","breadcrumb":"Herramientas de Seguridad","title":"Generador de Hash MD5","pageDescription":"Genera hash MD5 desde texto","input":{"title":"Texto de Entrada","placeholder":"Ingresa texto para hashear..."},"output":{"title":"Hash MD5","placeholder":"El hash aparecerá aquí..."},"controls":{"generate":"Generar Hash","clear":"Limpiar"},"guide":{"title":"Guía de Hash MD5","description":"Crea hashes MD5 para sumas de verificación","whatIs":{"title":"¿Qué es MD5?","content":"MD5 es un algoritmo de hash criptográfico que produce un valor hash de 128 bits. Aunque ya no se recomienda para seguridad, es útil para sumas de verificación de archivos."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa texto o datos para hashear","step2":"Haz clic en generar hash","step3":"Copia el valor hash resultante","step4":"Usa para comparar integridad de archivos"},"tips":{"title":"Notas Importantes","tip1":"No uses para hash de contraseñas - prefiere SHA-256 o bcrypt","tip2":"La misma entrada siempre produce el mismo hash","tip3":"Útil para comparaciones rápidas de archivos"},"securityNote":{"title":"Nota de Seguridad","content":"MD5 tiene vulnerabilidades de colisión conocidas. No usar para aplicaciones críticas de seguridad."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué MD5 ya no se considera seguro?","answer":"Se han demostrado ataques de colisión: dos entradas diferentes produciendo el mismo hash. Esto permite falsificar firmas digitales o certificados. Para seguridad, usa SHA-256 o SHA-3. MD5 aún es útil para checksums no criptográficos."},{"question":"¿Para qué puedo usar MD5 de forma segura?","answer":"MD5 es válido para: verificación de integridad de archivos (detección de corrupción, no ataques), identificadores únicos de contenido, cacheo basado en contenido, deduplicación de archivos. NO uses para: contraseñas, firmas digitales, certificados."},{"question":"¿Puedo revertir un hash MD5 a su texto original?","answer":"No directamente. Los hashes son funciones de una vía. Sin embargo, MD5 es vulnerable a ataques de diccionario y rainbow tables para entradas comunes. Sitios como crackstation pueden encontrar textos comunes. Por eso MD5 no es seguro para contraseñas."},{"question":"¿Por qué dos archivos diferentes pueden tener el mismo hash MD5?","answer":"Esto se llama colisión. Con 128 bits, hay un número finito de hashes posibles. Además, se han encontrado métodos para crear colisiones intencionalmente. Para archivos críticos, usa SHA-256 o verifica con múltiples algoritmos."},{"question":"¿MD5 es más rápido que SHA-256?","answer":"Sí, MD5 es aproximadamente 30% más rápido que SHA-256. Para grandes volúmenes de datos no sensibles (checksums de archivos), MD5 es una opción válida. La velocidad importa al procesar millones de archivos, pero para la mayoría de usos la diferencia es negligible."}]}},"sha":{"name":"Generador de Hash SHA","description":"Genera hashes SHA-1, SHA-256, SHA-512","breadcrumb":"Herramientas de Seguridad","title":"Generador de Hash SHA","pageDescription":"Genera hashes SHA-1, SHA-256, SHA-384, SHA-512","input":{"title":"Texto de Entrada","placeholder":"Ingresa texto para hashear..."},"output":{"title":"Salida de Hash","placeholder":"El hash aparecerá aquí...","length":"Longitud","chars":"caracteres"},"controls":{"generate":"Generar","clear":"Limpiar"},"error":{"hashFailed":"Generación de hash falló"},"guide":{"title":"Guía de Hash SHA","description":"Genera valores hash seguros con algoritmos SHA","whatIs":{"title":"¿Qué es SHA?","content":"SHA (Secure Hash Algorithm) es una familia de funciones hash criptográficas. SHA-256 y SHA-512 se usan comúnmente para firmas digitales, certificados y blockchain."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona la variante SHA (SHA-1, SHA-256, SHA-512)","step2":"Ingresa el texto a hashear","step3":"Visualiza el valor hash generado","step4":"Copia el hash para tu aplicación"},"tips":{"title":"Consejos Pro","tip1":"SHA-256 es el estándar actual para la mayoría de aplicaciones","tip2":"SHA-512 ofrece mayor seguridad con salida más larga","tip3":"Evita SHA-1 para nuevos proyectos"},"securityNote":{"title":"Nota de Seguridad","content":"El hashing se realiza completamente en tu navegador. SHA es un algoritmo de una vía - los hashes no se pueden revertir."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre SHA-1, SHA-256 y SHA-512?","answer":"SHA-1 produce 160 bits (40 caracteres hex), tiene vulnerabilidades conocidas. SHA-256 produce 256 bits (64 caracteres), es el estándar actual. SHA-512 produce 512 bits (128 caracteres), mayor seguridad pero hashes más largos. Usa SHA-256 o SHA-512 para nuevos proyectos."},{"question":"¿SHA es adecuado para hashear contraseñas?","answer":"No directamente. SHA es rápido, lo que facilita ataques de fuerza bruta. Para contraseñas, usa funciones diseñadas específicamente: bcrypt, Argon2 o PBKDF2. Estas son intencionalmente lentas y incluyen sal automáticamente."},{"question":"¿Qué significa 'sal' en el contexto de hash?","answer":"Una sal es un valor aleatorio único añadido antes de hashear. Previene ataques de rainbow tables y hace que contraseñas idénticas produzcan hashes diferentes. SHA solo no incluye sal; debes añadirla manualmente o usar bcrypt que lo hace automáticamente."},{"question":"¿Por qué los hashes SHA tienen longitud fija?","answer":"Los algoritmos hash comprimen cualquier entrada a una salida de tamaño fijo. SHA-256 siempre produce 256 bits sin importar si la entrada es 1 byte o 1GB. Esto es útil para verificación de integridad y almacenamiento eficiente."},{"question":"¿Cómo se usa SHA en blockchain y Bitcoin?","answer":"Bitcoin usa SHA-256 para: minería (encontrar hash con ciertos ceros iniciales), crear direcciones (hash de clave pública), verificar transacciones (árbol Merkle). La resistencia a colisiones de SHA-256 es fundamental para la seguridad de blockchain."}]}},"bcrypt":{"name":"Generador de Hash Bcrypt","description":"Hash y verificación de contraseñas con bcrypt","breadcrumb":"Herramientas de Seguridad","title":"Generador de Hash Bcrypt","pageDescription":"Hashea y verifica contraseñas con algoritmo bcrypt","hash":{"title":"Generar Hash","placeholder":"Ingresa contraseña para hashear...","rounds":"Rondas de Costo","result":"Hash Bcrypt"},"verify":{"title":"Verificar Contraseña","passwordPlaceholder":"Ingresa contraseña...","hashPlaceholder":"Ingresa hash bcrypt...","match":"¡Contraseña coincide!","noMatch":"Contraseña no coincide"},"controls":{"generate":"Generar Hash","verify":"Verificar","clear":"Limpiar"},"error":{"hashFailed":"Generación de hash falló"},"guide":{"title":"Guía de Hash Bcrypt","description":"Hashea contraseñas de forma segura con bcrypt","whatIs":{"title":"¿Qué es Bcrypt?","content":"Bcrypt es una función diseñada específicamente para hash de contraseñas. Incluye sal y es intencionalmente lenta, lo que dificulta significativamente los ataques de fuerza bruta."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa la contraseña a hashear","step2":"Selecciona el factor de costo (rondas)","step3":"Genera el hash bcrypt","step4":"Verifica contraseñas contra hashes existentes"},"tips":{"title":"Notas de Seguridad","tip1":"Mayor factor de costo = más seguridad, pero procesamiento más lento","tip2":"Factor de costo 10-12 es recomendado para la mayoría de aplicaciones","tip3":"Cada hash incluye automáticamente una sal única"},"securityNote":{"title":"Nota de Seguridad","content":"Bcrypt es el método recomendado para hash de contraseñas. Todos los cálculos son locales."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué bcrypt es mejor que SHA para contraseñas?","answer":"Bcrypt está diseñado específicamente para contraseñas con tres características clave: 1) Es intencionalmente lento (configurable), 2) Incluye sal automáticamente, 3) Tiene factor de costo ajustable. SHA es rápido, lo que facilita ataques de fuerza bruta."},{"question":"¿Qué es el factor de costo y cuál debo usar?","answer":"El factor de costo determina las rondas de hash (2^costo). Mayor costo = más seguro pero más lento. Factor 10-12 es típico para la mayoría de aplicaciones. Ajusta para que el hash tome ~100ms. Aumenta gradualmente con mejor hardware disponible."},{"question":"¿Cómo funciona la verificación de contraseñas con bcrypt?","answer":"Bcrypt almacena la sal dentro del hash resultante. Para verificar, extrae la sal del hash almacenado, hashea la contraseña ingresada con esa sal, y compara los hashes. No necesitas almacenar la sal por separado."},{"question":"¿Puedo migrar de MD5/SHA a bcrypt?","answer":"Sí, pero requiere un proceso gradual. Opción 1: Hashea el hash existente con bcrypt, luego re-hashea cuando el usuario inicie sesión. Opción 2: Marca cuentas para re-hash al siguiente login. Nunca almacenes contraseñas en texto plano durante la migración."},{"question":"¿Bcrypt o Argon2 para nuevos proyectos?","answer":"Argon2 es más moderno y resistente a ataques GPU, pero requiere más configuración. Bcrypt es ampliamente soportado, bien auditado y suficiente para la mayoría de aplicaciones. Usa Argon2 para máxima seguridad; bcrypt para compatibilidad y simplicidad."}]}},"cspBuilder":{"name":"Constructor CSP","description":"Construye cabeceras Content-Security-Policy visualmente","breadcrumb":"Herramientas de Seguridad","presets":{"title":"Preajustes","strict":"Estricto","moderate":"Moderado","relaxed":"Relajado"},"reset":"Restablecer","directives":{"title":"Directivas","placeholder":"Ingrese valores de directiva..."},"options":{"title":"Opciones","reportOnly":"Modo Solo Reporte","reportOnlyDescription":"Cuando está habilitado, las violaciones se reportan pero no se bloquean. Útil para pruebas.","reportUri":"URI de Reporte"},"warnings":{"title":"Advertencias de Seguridad","unsafeInline":"'unsafe-inline' en script-src permite scripts en línea, reduciendo la protección XSS","unsafeEval":"'unsafe-eval' permite la ejecución dinámica de código, lo cual es un riesgo de seguridad","wildcard":"El uso de comodines (*) permite contenido de cualquier origen"},"output":{"title":"Cabecera CSP Generada","copy":"Copiar","copied":"¡Copiado!","empty":"Habilite directivas para generar la cabecera CSP"},"implementation":{"title":"Ejemplos de Implementación","nginx":"Nginx","apache":"Apache","meta":"Etiqueta Meta HTML"},"guide":{"title":"Guía del Constructor CSP","description":"Aprende a crear cabeceras Content-Security-Policy para proteger tu sitio web","whatIs":{"title":"¿Qué es Content-Security-Policy?","content":"Content-Security-Policy (CSP) es una cabecera de respuesta HTTP que ayuda a prevenir ataques de cross-site scripting (XSS), clickjacking y otras inyecciones de código. Te permite especificar qué fuentes de contenido pueden cargarse en tu sitio web, dándote control granular sobre scripts, estilos, imágenes y otros recursos."},"howToUse":{"title":"Cómo Usar","step1":"Elige un preajuste (Estricto, Moderado o Relajado) como punto de partida","step2":"Habilita y configura directivas individuales según tus necesidades","step3":"Revisa las advertencias de seguridad y ajusta la configuración en consecuencia","step4":"Copia la cabecera generada y agrégala a la configuración de tu servidor web"},"tips":{"title":"Mejores Prácticas","tip1":"Comienza con el modo Solo Reporte para probar tu política sin romper la funcionalidad","tip2":"Evita 'unsafe-inline' y 'unsafe-eval' siempre que sea posible","tip3":"Usa nonces o hashes para scripts en línea en lugar de 'unsafe-inline'"}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Qué pasa si configuro CSP demasiado estricto?","answer":"Si tu CSP es demasiado estricto, los recursos legítimos pueden ser bloqueados, rompiendo la funcionalidad de tu sitio web. Por eso se recomienda comenzar con el modo Solo Reporte. En este modo, las violaciones se reportan a tu servidor (si configuras un report-uri) pero no se bloquean realmente, permitiéndote identificar problemas antes de aplicar la política."},{"question":"¿Cuál es la diferencia entre 'self' y 'none'?","answer":"'self' permite contenido solo del mismo origen (mismo protocolo, host y puerto) que tu sitio web. 'none' bloquea todo el contenido de ese tipo. Por ejemplo, object-src 'none' previene que todos los plugins (Flash, Java, etc.) se carguen, lo cual es una práctica de seguridad recomendada."},{"question":"¿Por qué 'unsafe-inline' se considera peligroso?","answer":"'unsafe-inline' permite scripts y estilos en línea, lo que anula gran parte de la protección XSS de CSP. Los atacantes que pueden inyectar HTML también pueden inyectar scripts en línea. En su lugar, usa nonces (script-src 'nonce-random123') o hashes (script-src 'sha256-...') para permitir scripts en línea específicos mientras bloqueas los inyectados."},{"question":"¿Cómo permito Google Analytics u otros scripts de terceros?","answer":"Agrega el dominio específico a tu directiva script-src. Para Google Analytics, podrías necesitar: script-src 'self' https://www.googletagmanager.com https://www.google-analytics.com. También agrega sus dominios a connect-src para llamadas API y a img-src para píxeles de seguimiento."},{"question":"¿Puede CSP reemplazar otras cabeceras de seguridad?","answer":"No, CSP complementa otras cabeceras de seguridad. También deberías usar: X-Content-Type-Options: nosniff, X-Frame-Options (aunque frame-ancestors en CSP puede reemplazarlo), X-XSS-Protection, Strict-Transport-Security (HSTS) y Referrer-Policy. Cada cabecera aborda diferentes preocupaciones de seguridad."}]},"title":"Constructor CSP","pageDescription":"Construye cabeceras Content-Security-Policy visualmente con un editor interactivo"},"securityHeaders":{"name":"Cabeceras de Seguridad","description":"Genera cabeceras de seguridad HTTP para tu servidor web","breadcrumb":"Herramientas de Seguridad","title":"Cabeceras de Seguridad","pageDescription":"Genera cabeceras HTTP de seguridad para proteger tu aplicación web de ataques comunes","presets":{"title":"Preajustes","basic":"Básico","recommended":"Recomendado","strict":"Estricto"},"reset":"Restablecer","headers":{"title":"Cabeceras de Seguridad","placeholder":"Ingrese valor de cabecera..."},"output":{"title":"Salida Generada","formats":{"raw":"Raw","nginx":"Nginx","apache":"Apache"},"empty":"Habilita cabeceras para generar salida","headerCount":"{count} cabeceras habilitadas"},"info":{"title":"Nota de Implementación","content":"Agrega estas cabeceras a la configuración de tu servidor web. Para Nginx, agrégalas al bloque server. Para Apache, agrégalas a .htaccess o httpd.conf. Prueba exhaustivamente antes de desplegar en producción."},"guide":{"title":"Guía de Cabeceras de Seguridad","description":"Aprende a proteger tu aplicación web con cabeceras HTTP de seguridad","whatIs":{"title":"¿Qué son las Cabeceras de Seguridad?","content":"Las cabeceras HTTP de seguridad son directivas enviadas por los servidores web a los navegadores que ayudan a proteger contra vulnerabilidades web comunes. Controlan cómo los navegadores manejan el contenido de tu sitio, previniendo ataques como XSS, clickjacking e inyección de datos."},"howToUse":{"title":"Cómo Usar","step1":"Elige un preajuste (Básico, Recomendado o Estricto) según tus necesidades de seguridad","step2":"Activa/desactiva cabeceras individuales y personaliza sus valores","step3":"Selecciona tu formato de salida (Raw, Nginx o Apache)","step4":"Copia la configuración generada y agrégala a tu servidor web"},"tips":{"title":"Mejores Prácticas","tip1":"Comienza con el preajuste Recomendado para un buen balance entre seguridad y compatibilidad","tip2":"Siempre prueba las cabeceras en un entorno de staging antes de desplegar en producción","tip3":"Usa las herramientas de desarrollador del navegador para verificar que las cabeceras se envían correctamente"}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Cuáles cabeceras son las más importantes?","answer":"Las cabeceras esenciales son: Strict-Transport-Security (HSTS) para forzar HTTPS, X-Content-Type-Options para prevenir MIME sniffing, y X-Frame-Options o CSP frame-ancestors para prevenir clickjacking. Estas tres proporcionan protección significativa contra ataques comunes con problemas mínimos de compatibilidad."},{"question":"¿Estas cabeceras romperán mi sitio web?","answer":"La mayoría de cabeceras como HSTS, X-Content-Type-Options y Referrer-Policy son seguras y no romperán la funcionalidad. Sin embargo, configuraciones estrictas de COOP/COEP pueden afectar recursos cross-origin. Siempre prueba primero en un entorno de staging, especialmente si tu sitio usa scripts de terceros, iframes o APIs cross-origin."},{"question":"¿Cuál es la diferencia entre X-Frame-Options y CSP frame-ancestors?","answer":"Ambas previenen clickjacking pero CSP frame-ancestors es más flexible y moderno. X-Frame-Options solo soporta DENY o SAMEORIGIN, mientras que frame-ancestors permite dominios específicos. CSP frame-ancestors tiene precedencia cuando ambas están configuradas. Usa frame-ancestors si necesitas permitir que sitios específicos incrusten tu contenido."},{"question":"¿Debería usar HSTS preload?","answer":"HSTS preload agrega tu dominio a la lista integrada de solo HTTPS de los navegadores. Esto proporciona máxima protección pero es difícil de revertir. Antes de habilitar preload: asegúrate de que todos los subdominios soporten HTTPS, comprométete permanentemente con HTTPS, y comienza con un max-age corto. Solo agrega la directiva preload cuando estés seguro."},{"question":"¿Qué son las cabeceras COOP, COEP y CORP?","answer":"Son cabeceras de aislamiento para seguridad avanzada. COOP (Cross-Origin-Opener-Policy) aísla tu ventana de popups cross-origin. COEP (Cross-Origin-Embedder-Policy) asegura que todos los recursos se compartan explícitamente. CORP (Cross-Origin-Resource-Policy) controla quién puede cargar tus recursos. Juntas habilitan características poderosas como SharedArrayBuffer pero requieren que todos los recursos opten por participar."}]},"relatedTools":{"title":"Herramientas Relacionadas","viewAll":"Ver Todas las Herramientas de Seguridad"}},"sslChecker":{"name":"Verificador SSL","description":"Analiza certificados SSL/TLS y seguridad de conexión","breadcrumb":"Herramientas de Seguridad","title":"Verificador SSL","pageDescription":"Analiza el certificado SSL/TLS y la seguridad de conexión de cualquier sitio web","input":{"title":"Verificar Dominio","label":"Dominio","placeholder":"example.com o https://example.com","check":"Verificar SSL","checking":"Verificando...","hint":"Ingresa un nombre de dominio o URL para verificar su certificado SSL/TLS"},"result":{"validCertificate":"Certificado SSL Válido","invalidCertificate":"Certificado Inválido o Expirado","issuesTitle":"Problemas y Advertencias","certificateDetails":"Detalles del Certificado","issuer":"Emisor","subject":"Sujeto","serialNumber":"Número de Serie","signatureAlgorithm":"Algoritmo de Firma","publicKey":"Clave Pública","sans":"Nombres Alternativos del Sujeto","validityPeriod":"Período de Validez","validFrom":"Válido Desde","validTo":"Válido Hasta","daysRemaining":"Días Restantes","expired":"Expirado","days":"días","connectionDetails":"Detalles de Conexión","protocol":"Protocolo","cipherSuite":"Suite de Cifrado"},"info":{"title":"Nota","content":"Esta herramienta realiza una verificación SSL simulada para demostración. En producción, usa APIs del lado del servidor para análisis preciso de certificados."},"related":{"securityHeaders":"Cabeceras de Seguridad","securityHeadersDesc":"Genera cabeceras de seguridad HTTP","cspBuilder":"Constructor CSP","cspBuilderDesc":"Construye cabeceras Content-Security-Policy","passwordGenerator":"Generador de Contraseñas","passwordGeneratorDesc":"Genera contraseñas seguras"},"guide":{"title":"Guía de Certificados SSL/TLS","description":"Aprende sobre certificados SSL y conexiones seguras","whatIs":{"title":"¿Qué es un Certificado SSL?","content":"Un certificado SSL (Secure Sockets Layer) es un certificado digital que autentica la identidad de un sitio web y habilita conexiones encriptadas. Los certificados modernos usan TLS (Transport Layer Security), que es el sucesor de SSL. Estos certificados aseguran que los datos transferidos entre usuarios y sitios web permanezcan privados y seguros."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa un nombre de dominio (ej: example.com) o URL completa","step2":"Haz clic en 'Verificar SSL' para analizar el certificado","step3":"Revisa la calificación, detalles del certificado y problemas de seguridad"},"understanding":{"title":"Entendiendo las Calificaciones","gradeA":"A/A+: Excelente seguridad con protocolos modernos y cifrado fuerte","gradeB":"B: Buena seguridad con mejoras menores recomendadas","gradeC":"C: Seguridad aceptable pero se necesitan varias mejoras","gradeF":"F: Problemas críticos de seguridad que necesitan atención inmediata"}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Qué significa la calificación SSL?","answer":"La calificación SSL refleja la seguridad general del certificado y conexión del sitio web. Una calificación A+ indica excelente seguridad con TLS 1.3 moderno, cifrados fuertes y configuración apropiada. Calificaciones más bajas indican problemas como protocolos obsoletos, cifrados débiles o problemas de certificado que podrían comprometer la seguridad."},{"question":"¿Por qué mi certificado aparece como inválido?","answer":"Un certificado puede ser inválido por varias razones: ha expirado, es autofirmado y no es confiable para los navegadores, el dominio no coincide con el certificado, o la cadena de certificados está incompleta. Verifica los mensajes de error específicos para identificar y solucionar el problema."},{"question":"¿Cuál es la diferencia entre SSL y TLS?","answer":"SSL (Secure Sockets Layer) es el predecesor de TLS (Transport Layer Security). SSL está ahora obsoleto debido a vulnerabilidades de seguridad. Los 'certificados SSL' modernos en realidad usan protocolos TLS. TLS 1.2 y TLS 1.3 son los estándares seguros actuales, siendo TLS 1.3 el más seguro y rápido."},{"question":"¿Con qué frecuencia debo verificar mi certificado SSL?","answer":"Verifica tu certificado SSL regularmente, especialmente: antes del vencimiento del certificado (la mayoría son válidos por 1 año), después de cambios en la configuración del servidor, al configurar nuevos dominios, y periódicamente como parte de auditorías de seguridad. Configura alertas de monitoreo para fechas de vencimiento para evitar interrupciones inesperadas."},{"question":"¿Qué es una suite de cifrado?","answer":"Una suite de cifrado es una combinación de algoritmos de encriptación usados para asegurar una conexión. Incluye algoritmos para intercambio de claves, encriptación masiva y autenticación de mensajes. Suites modernas como TLS_AES_256_GCM_SHA384 proporcionan seguridad fuerte. Evita suites antiguas con DES, RC4 o MD5."}]},"relatedTools":{"title":"Herramientas Relacionadas","viewAll":"Ver Todas las Herramientas de Seguridad"}},"vulnerabilityScanner":{"name":"Escáner de Vulnerabilidades","description":"Escanea sitios web en busca de vulnerabilidades de seguridad comunes","breadcrumb":"Herramientas de Seguridad","title":"Escáner de Vulnerabilidades","pageDescription":"Escanea sitios web en busca de vulnerabilidades de seguridad comunes y obtén informes detallados","input":{"title":"URL Objetivo","label":"URL","placeholder":"https://example.com","scan":"Iniciar Escaneo","scanning":"Escaneando...","hint":"Introduce la URL completa del sitio web que deseas escanear"},"scanning":{"inProgress":"Escaneo en Progreso","checking":"Buscando vulnerabilidades..."},"severity":{"critical":"Crítico","high":"Alto","medium":"Medio","low":"Bajo","info":"Info"},"result":{"scannedAt":"Escaneado a las","securityScore":"Puntuación de Seguridad","vulnerabilities":"Vulnerabilidades Encontradas","recommendation":"Recomendación","securityChecks":"Verificaciones de Seguridad"},"info":{"title":"Nota","content":"Esta herramienta realiza un escaneo de vulnerabilidades simulado con fines de demostración. Para evaluaciones de seguridad en producción, utiliza servicios profesionales de pruebas de penetración."},"related":{"sslChecker":"Verificador SSL","sslCheckerDesc":"Verifica la seguridad del certificado SSL/TLS","securityHeaders":"Cabeceras de Seguridad","securityHeadersDesc":"Genera cabeceras de seguridad HTTP","cspBuilder":"Constructor CSP","cspBuilderDesc":"Construye cabeceras Content-Security-Policy"},"guide":{"title":"Guía del Escáner de Vulnerabilidades","description":"Aprende sobre vulnerabilidades de seguridad web y cómo proteger tu sitio","whatIs":{"title":"¿Qué es un Escáner de Vulnerabilidades?","content":"Un escáner de vulnerabilidades es una herramienta de seguridad que escanea automáticamente sitios web y aplicaciones web en busca de debilidades de seguridad conocidas. Verifica vulnerabilidades comunes como inyección SQL, cross-site scripting (XSS), cabeceras de seguridad faltantes, software desactualizado y configuraciones incorrectas que podrían ser explotadas por atacantes."},"howToUse":{"title":"Cómo Usar","step1":"Introduce la URL completa del sitio web que deseas escanear","step2":"Haz clic en 'Iniciar Escaneo' para comenzar el análisis de seguridad","step3":"Revisa los resultados y prioriza la corrección de problemas críticos y de alta severidad"},"understanding":{"title":"Entendiendo los Niveles de Severidad","critical":"Crítico: Acción inmediata requerida - puede llevar a compromiso total del sistema","high":"Alto: Debe corregirse urgentemente - riesgo de seguridad significativo","medium":"Medio: Debe abordarse pronto - impacto de seguridad moderado","low":"Bajo: Problemas menores - corregir cuando sea conveniente"}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Es legal escanear sitios web en busca de vulnerabilidades?","answer":"Solo debes escanear sitios web que poseas o para los que tengas permiso explícito de prueba. El escaneo de seguridad no autorizado puede ser ilegal y podría considerarse un ciberataque. Siempre obtén autorización por escrito antes de probar cualquier sitio web que no poseas."},{"question":"¿Qué tipos de vulnerabilidades verifica este escáner?","answer":"Este escáner verifica vulnerabilidades web comunes incluyendo: inyección SQL, Cross-Site Scripting (XSS), cabeceras de seguridad faltantes (HSTS, CSP, X-Frame-Options), versiones de software desactualizadas, configuraciones TLS débiles, cookies inseguras y problemas de divulgación de información."},{"question":"¿Por qué mi puntuación de seguridad es baja aunque mi sitio funciona bien?","answer":"Un sitio web puede funcionar perfectamente mientras tiene vulnerabilidades de seguridad. Los problemas de seguridad a menudo no afectan la funcionalidad normal pero pueden ser explotados por atacantes. Problemas comunes incluyen cabeceras de seguridad faltantes, bibliotecas desactualizadas o debilidades de configuración que no son visibles para usuarios regulares."},{"question":"¿Con qué frecuencia debo escanear mi sitio web?","answer":"Se recomienda escaneo regular: después de cualquier despliegue de código, al menos mensualmente para sitios activos, después de agregar nuevas características o integraciones de terceros, y cuando se divulguen públicamente nuevas vulnerabilidades que puedan afectar tu stack tecnológico."},{"question":"¿Qué debo hacer después de encontrar vulnerabilidades?","answer":"Prioriza las correcciones por severidad: Los problemas críticos necesitan atención inmediata. Crea un plan de remediación, corrige los problemas en un entorno de prueba primero, luego despliega las correcciones a producción. Vuelve a escanear después de las correcciones para verificar que estén resueltas. Considera involucrar profesionales de seguridad para vulnerabilidades críticas."}]},"relatedTools":{"title":"Herramientas Relacionadas","viewAll":"Ver Todas las Herramientas de Seguridad"}},"totp":{"name":"Generador TOTP","description":"Generar y verificar códigos TOTP 2FA","breadcrumb":"Herramientas de Seguridad","title":"Generador TOTP","pageDescription":"Generar y verificar códigos de contraseña de un solo uso basados en tiempo (TOTP) para autenticación de dos factores","secret":{"title":"Configuración de Clave Secreta","label":"Clave Secreta (Base32)"},"issuer":{"label":"Emisor (Nombre del Servicio)"},"account":{"label":"Cuenta (Email/Usuario)"},"qrCode":{"title":"Código QR","hint":"Escanea con tu app de autenticación (Google Authenticator, Authy, etc.)"},"code":{"title":"Código TOTP Actual","remaining":"{seconds}s restantes","copy":"Copiar Código","copied":"¡Copiado!"},"verify":{"title":"Verificar Código","button":"Verificar","valid":"¡Código válido!","invalid":"Código inválido o expirado"},"guide":{"title":"Guía del Generador TOTP","description":"Aprende cómo usar contraseñas de un solo uso basadas en tiempo para autenticación de dos factores","whatIs":{"title":"¿Qué es TOTP?","content":"TOTP (Contraseña de Un Solo Uso Basada en Tiempo) es un algoritmo que genera un código único de 6 dígitos cada 30 segundos usando una clave secreta compartida. Se usa ampliamente para autenticación de dos factores (2FA) en apps como Google Authenticator, Authy y Microsoft Authenticator."},"howToUse":{"title":"Cómo Usar","step1":"Genera una nueva clave secreta o ingresa una existente","step2":"Escanea el código QR con tu app de autenticación","step3":"El código actual se mostrará y actualizará cada 30 segundos","step4":"Usa la función de verificación para probar códigos de tu autenticador"},"tips":{"title":"Consejos de Seguridad","tip1":"Mantén tu clave secreta segura - cualquiera con ella puede generar códigos válidos","tip2":"Respalda tu clave secreta en un lugar seguro","tip3":"TOTP es más seguro que 2FA basado en SMS"},"browserSupport":{"title":"Soporte del Navegador","content":"Esta herramienta usa Web Crypto API para cálculos HMAC-SHA1. Todo el procesamiento ocurre localmente en tu navegador - tu clave secreta nunca se envía a ningún servidor."}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Cómo funciona TOTP?","answer":"TOTP combina una clave secreta con el tiempo actual para generar un código único. Tanto tu dispositivo como el servidor comparten la misma clave y usan el mismo algoritmo (HMAC-SHA1). Como ambos conocen el tiempo, pueden generar independientemente el mismo código sin comunicarse."},{"question":"¿Por qué los códigos TOTP expiran cada 30 segundos?","answer":"La ventana de 30 segundos proporciona un balance entre seguridad y usabilidad. Ventanas más cortas serían más seguras pero más difíciles de usar. El período de 30 segundos permite tiempo suficiente para leer e ingresar el código mientras limita la oportunidad para atacantes potenciales."},{"question":"¿Qué pasa si mi reloj está mal?","answer":"TOTP es sensible al tiempo, por lo que la deriva del reloj puede causar fallas en los códigos. La mayoría de los servidores aceptan códigos de las ventanas de tiempo anterior y siguiente para tener en cuenta pequeñas diferencias. Si los códigos fallan consistentemente, sincroniza el reloj de tu dispositivo con un servidor de tiempo de internet."},{"question":"¿Es seguro TOTP?","answer":"TOTP es significativamente más seguro que la autenticación solo con contraseña o 2FA basado en SMS. Sin embargo, la clave secreta debe protegerse. Si un atacante obtiene tu clave secreta, puede generar códigos válidos. Usa TOTP en combinación con una contraseña fuerte y única para mejor seguridad."},{"question":"¿Cuál es la diferencia entre TOTP y HOTP?","answer":"TOTP usa el tiempo como contador, generando un nuevo código cada 30 segundos. HOTP (OTP basado en HMAC) usa un contador incremental en su lugar. TOTP es más común porque no requiere sincronización de contadores entre dispositivo y servidor, haciéndolo más confiable."}]},"relatedTools":{"title":"Herramientas Relacionadas","viewAll":"Ver Todas las Herramientas de Seguridad"}},"sshKey":{"name":"Generador de Claves SSH","description":"Genera pares de claves SSH RSA/ED25519","breadcrumb":"Herramientas de Seguridad","title":"Generador de Claves SSH","pageDescription":"Genera pares de claves SSH RSA o ED25519 seguros para autenticación de servidor","config":{"title":"Configuración de Clave","keyType":"Tipo de Clave","comment":"Comentario (Email/Identidad)","generate":"Generar Claves","generating":"Generando...","reset":"Reiniciar","recommended":"Recomendado","modern":"Moderno"},"keyInfo":{"title":"Información de Clave","type":"Tipo de Clave","fingerprint":"Huella Digital"},"publicKey":{"title":"Clave Pública","description":"Agrega esta clave al archivo authorized_keys de tu servidor"},"privateKey":{"title":"Clave Privada","warning":"¡Mantén esta clave en secreto! Nunca compartas tu clave privada."},"error":{"generateFailed":"La generación de claves falló. Por favor intenta de nuevo."},"guide":{"title":"Guía del Generador de Claves SSH","description":"Aprende cómo generar y usar claves SSH para autenticación segura de servidor","whatIs":{"title":"¿Qué son las Claves SSH?","content":"Las claves SSH son pares de claves criptográficas usadas para autenticación segura. Consisten en una clave pública (compartida con servidores) y una clave privada (mantenida en secreto). Las claves SSH son más seguras que las contraseñas y permiten autenticación sin contraseña."},"howToUse":{"title":"Cómo Usar","step1":"Elige tu tipo de clave (RSA 4096-bit recomendado para compatibilidad)","step2":"Agrega un comentario para identificar la clave (usualmente tu email)","step3":"Haz clic en 'Generar Claves' para crear tu par de claves","step4":"Descarga y guarda ambas claves de forma segura"},"tips":{"title":"Mejores Prácticas","tip1":"Usa RSA 4096-bit para máxima compatibilidad con servidores antiguos","tip2":"Usa ED25519 para servidores modernos (claves más pequeñas, más rápido)","tip3":"Siempre protege tu clave privada con permisos de archivo apropiados (chmod 600)"},"securityNote":{"title":"Aviso de Seguridad","content":"Toda la generación de claves ocurre localmente en tu navegador usando la API Web Crypto. Tu clave privada nunca se transmite por la red. Siempre descarga y almacena tu clave privada de forma segura."}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Qué tipo de clave debo elegir?","answer":"Para máxima compatibilidad, elige RSA 4096-bit. Para sistemas modernos y mejor rendimiento, elige ED25519. Las claves ED25519 son más pequeñas y rápidas pero pueden no funcionar con servidores SSH muy antiguos."},{"question":"¿Cómo agrego mi clave pública a un servidor?","answer":"Copia tu clave pública y agrégala a ~/.ssh/authorized_keys en el servidor. También puedes usar el comando 'ssh-copy-id' si tienes acceso con contraseña. Cada clave pública debe estar en su propia línea."},{"question":"¿Cómo protejo mi clave privada?","answer":"Almacena tu clave privada en el directorio ~/.ssh/ con permisos establecidos en 600 (chmod 600 id_rsa). Nunca compartas tu clave privada. Considera agregar una frase de contraseña para seguridad adicional."},{"question":"¿Cuál es la diferencia entre RSA y ED25519?","answer":"RSA es más antiguo y ampliamente compatible pero requiere tamaños de clave más grandes para seguridad. ED25519 es moderno, usa curvas elípticas para claves más pequeñas (256-bit proporciona seguridad de 128-bit), y es más rápido. ED25519 es recomendado para nuevas configuraciones."},{"question":"¿Puedo usar el mismo par de claves para múltiples servidores?","answer":"Sí, puedes agregar la misma clave pública a múltiples servidores. Sin embargo, para mejores prácticas de seguridad, considera usar diferentes pares de claves para diferentes propósitos (trabajo, personal, etc.) para limitar la exposición si una clave es comprometida."}]},"relatedTools":{"title":"Herramientas Relacionadas","viewAll":"Ver Todas las Herramientas de Seguridad"}},"encryption":{"name":"Cifrado de Texto","description":"Cifrar y descifrar texto con AES-256","mode":{"encrypt":"Cifrar","decrypt":"Descifrar"},"input":{"title":"Entrada","algorithm":"Algoritmo","password":"Contraseña","passwordPlaceholder":"Ingrese contraseña de cifrado...","plaintext":"Texto Plano","plaintextPlaceholder":"Ingrese texto a cifrar...","ciphertext":"Texto Cifrado","ciphertextPlaceholder":"Pegue texto cifrado a descifrar..."},"output":{"title":"Resultado","placeholder":"El resultado aparecerá aquí...","copy":"Copiar","copied":"Copiado","encryptSuccess":"Cifrado exitoso","decryptSuccess":"Descifrado exitoso"},"action":{"encrypt":"Cifrar","decrypt":"Descifrar","clear":"Limpiar"},"processing":"Procesando...","error":{"required":"Ingrese tanto texto como contraseña","encryptFailed":"Cifrado fallido. Intente de nuevo.","decryptFailed":"Descifrado fallido. Verifique contraseña o texto cifrado."},"info":{"title":"Información de Seguridad","content":"Todo el cifrado/descifrado se procesa localmente en su navegador. Las contraseñas y datos nunca se envían a ningún servidor. AES-256-GCM es el cifrado simétrico más seguro."},"guide":{"title":"Guía de Cifrado de Texto","description":"Proteja texto sensible con cifrado AES-256","whatIs":{"title":"¿Qué es el Cifrado de Texto?","content":"El cifrado convierte texto plano en texto cifrado, haciéndolo ilegible para personas no autorizadas. Solo quienes conocen la contraseña pueden restaurar el texto original."},"howToUse":{"title":"Cómo Usar","step1":"Seleccione modo cifrar o descifrar","step2":"Elija algoritmo de cifrado (AES-GCM recomendado)","step3":"Ingrese una contraseña fuerte","step4":"Ingrese texto y ejecute cifrado/descifrado"},"tips":{"title":"Consejos de Seguridad","tip1":"Use contraseña fuerte (12+ caracteres, incluir especiales)","tip2":"Almacene contraseña y texto cifrado por separado","tip3":"Use el mismo algoritmo para descifrar"},"browserSupport":{"title":"Detalles Técnicos","content":"Cifrado AES-256 usando Web Crypto API. PBKDF2 para derivación de clave (100,000 iteraciones). Salt e IV aleatorios aseguran diferente texto cifrado cada vez."}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Cuál es la diferencia entre AES-GCM y AES-CBC?","answer":"AES-GCM proporciona cifrado y verificación de integridad (autenticación). Si los datos son alterados, el descifrado falla. AES-CBC solo proporciona cifrado. Use AES-GCM cuando sea posible."},{"question":"¿Qué pasa si olvido mi contraseña?","answer":"El descifrado sin contraseña es imposible. AES-256 es prácticamente inmune a ataques de fuerza bruta con tecnología actual. Guarde su contraseña de forma segura."},{"question":"¿Dónde se almacenan los datos cifrados?","answer":"Esta herramienta no almacena datos. Todo el procesamiento ocurre localmente, y los datos desaparecen al cerrar la página. Copie el texto cifrado a un lugar seguro."},{"question":"¿Por qué obtengo diferentes resultados cifrando el mismo texto?","answer":"Se generan salt e IV aleatorios cada vez, produciendo diferente texto cifrado incluso con texto y contraseña idénticos. Esto mejora la seguridad previniendo ataques de análisis de patrones."},{"question":"¿Qué tan seguro es este cifrado?","answer":"AES-256 es cifrado de grado militar usado para documentos clasificados del gobierno de EE.UU. PBKDF2 con 100,000 iteraciones fortalece la derivación de clave. Con una contraseña suficientemente fuerte, el descifrado es prácticamente imposible."}]}}},"badge":{"available":"Disponible","comingSoon":"Próximamente"},"openTool":"Abrir Herramienta"},"dev":{"hub":{"title":"Herramientas de Desarrollo","description":"Utilidades para formateo, codificación y pruebas","sidebar":{"title":"Herramientas Dev","formatter":"Formateadores","encoder":"Codificador/Decodificador","utilities":"Utilidades","collapse":"Colapsar"}},"tools":{"json":{"name":"Formateador JSON","description":"Formatear, validar y embellecer datos JSON","breadcrumb":"Herramientas Dev","title":"Formateador JSON","pageDescription":"Formatear, validar y minificar JSON con resaltado de sintaxis","input":{"title":"JSON de entrada","placeholder":"Pega tu JSON aquí...","sample":"Ejemplo","clear":"Limpiar"},"output":{"title":"Salida","placeholder":"El JSON formateado aparecerá aquí...","error":"JSON inválido","rawTab":"Crudo","treeTab":"Árbol"},"controls":{"title":"Opciones","indent":"Tamaño de sangría","spaces":"espacios","format":"Formatear","minify":"Minificar"},"guide":{"title":"Guía del Formateador JSON","description":"Aprende a formatear y validar datos JSON efectivamente","whatIs":{"title":"¿Qué es JSON?","content":"JSON (JavaScript Object Notation) es un formato ligero de intercambio de datos fácil de leer para humanos y de analizar para máquinas. Se usa comúnmente para respuestas API y archivos de configuración."},"howToUse":{"title":"Cómo Usar","step1":"Pega tus datos JSON en el campo de entrada","step2":"Selecciona el tamaño de indentación deseado","step3":"Haz clic en 'Formatear' para embellecer o 'Comprimir' para minificar","step4":"Copia el resultado formateado con el botón de copiar"},"tips":{"title":"Consejos Pro","tip1":"Usa el botón de ejemplo para plantillas correctamente formateadas","tip2":"La compresión es útil para tamaño mínimo de archivo","tip3":"Los errores de validación muestran números de línea exactos"},"browserSupport":{"title":"Soporte del Navegador","content":"Esta herramienta funciona completamente en el navegador. Ningún dato se envía a servidores."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre JSON y XML?","answer":"JSON es más ligero, fácil de leer para humanos y analizar para máquinas. XML es más verboso pero soporta atributos, namespaces y estructuras complejas. Las APIs modernas prefieren JSON, mientras que XML se usa en documentos legados y archivos de configuración."},{"question":"¿Por qué aparece el error 'JSON inválido'?","answer":"Causas comunes: 1) Falta de comas entre propiedades, 2) Trailing comma al final de arrays u objetos, 3) Comillas simples en lugar de dobles, 4) Nombres de propiedades sin comillas, 5) Caracteres especiales sin escapar. Verifica el número de línea reportado en el error."},{"question":"¿Qué tamaño de indentación debo usar?","answer":"2 espacios son estándar en la comunidad JavaScript/Node.js. 4 espacios ofrecen mejor legibilidad visual. Sigue el estilo existente en tu proyecto. La minificación elimina todos los espacios para tamaño mínimo de archivo."},{"question":"¿Cuándo debo minificar JSON?","answer":"Minifica JSON para: 1) Respuestas de API de producción (reduce ancho de banda), 2) Almacenamiento en bases de datos, 3) Archivos de configuración en producción. Mantén formateado para: desarrollo, depuración, archivos de configuración legibles."},{"question":"¿Cómo valido la estructura de mi JSON?","answer":"El formateador valida automáticamente la sintaxis JSON. Para validación de esquema (estructura de datos esperada), necesitas JSON Schema. Herramientas como ajv o tv4 validan contra esquemas definidos. Esta herramienta solo verifica sintaxis válida."}]}},"xml":{"name":"Formateador XML","description":"Formatear y validar documentos XML","breadcrumb":"Herramientas Dev","title":"Formateador XML","pageDescription":"Formatear y validar documentos XML con sangría adecuada","input":{"title":"XML de entrada","placeholder":"Pega tu XML aquí...","sample":"Ejemplo","clear":"Limpiar"},"output":{"title":"Salida","placeholder":"El XML formateado aparecerá aquí...","error":"XML inválido"},"controls":{"title":"Opciones","indent":"Tamaño de sangría","spaces":"espacios","format":"Formatear","minify":"Minificar"},"guide":{"title":"Guía del Formateador XML","description":"Formatea y valida documentos XML fácilmente","whatIs":{"title":"¿Qué es XML?","content":"XML es un formato de marcado para datos estructurados. Se usa comúnmente para archivos de configuración, intercambio de datos y almacenamiento orientado a documentos."},"howToUse":{"title":"Cómo Usar","step1":"Pega tu documento XML en el campo de entrada","step2":"Selecciona el tamaño de indentación","step3":"Haz clic en Formatear para embellecer el código XML","step4":"Verifica errores de sintaxis y copia el resultado"},"tips":{"title":"Consejos Pro","tip1":"Asegúrate de que todas las etiquetas estén correctamente cerradas","tip2":"Usa indentación consistente para legibilidad","tip3":"Valida la declaración XML al inicio del documento"},"browserSupport":{"title":"Soporte del Navegador","content":"El procesamiento ocurre localmente en el navegador. Soporta todos los formatos XML comunes."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre XML bien formado y válido?","answer":"XML bien formado sigue las reglas de sintaxis XML (etiquetas cerradas, anidación correcta). XML válido además cumple con un DTD o XML Schema definido que especifica elementos y atributos permitidos. Este formateador verifica bien formado, no validación de esquema."},{"question":"¿Por qué falla el análisis de mi XML?","answer":"Errores comunes: 1) Etiquetas sin cerrar, 2) Mayúsculas/minúsculas inconsistentes en etiquetas, 3) Caracteres especiales sin escapar (&, <, >), 4) Múltiples elementos raíz, 5) Declaración XML mal formada. Verifica el mensaje de error para ubicación específica."},{"question":"¿Cómo manejo caracteres especiales en XML?","answer":"Usa entidades XML: & → & < → < > → > \" → " ' → '. Para grandes bloques de texto con caracteres especiales, usa CDATA: ]]>."},{"question":"¿Qué es la declaración XML y es necesaria?","answer":"La declaración XML () especifica versión y codificación. Es opcional pero recomendada, especialmente para caracteres no ASCII. Siempre debe ser la primera línea del documento si se incluye."},{"question":"¿Cuándo usar XML vs JSON?","answer":"USA XML para: documentos con estructura compleja, namespaces, legibilidad humana detallada, formatos legacy (SOAP, RSS). USA JSON para: APIs REST, aplicaciones web modernas, datos simples, integración JavaScript. JSON es más ligero; XML es más expresivo."}]}},"html":{"name":"Formateador HTML","description":"Embellecer y minificar código HTML","breadcrumb":"Herramientas Dev","title":"Formateador HTML","pageDescription":"Formatear y embellecer código HTML con sangría adecuada","input":{"title":"HTML de entrada","placeholder":"Pega tu HTML aquí...","sample":"Ejemplo","clear":"Limpiar"},"output":{"title":"Salida","placeholder":"El HTML formateado aparecerá aquí..."},"controls":{"title":"Opciones","indent":"Tamaño de sangría","spaces":"espacios","format":"Formatear","minify":"Minificar"},"guide":{"title":"Guía del Formateador HTML","description":"Embellece y minifica código HTML eficientemente","whatIs":{"title":"¿Qué es el Formateo HTML?","content":"El formateo HTML organiza el código con indentación y saltos de línea correctos para legibilidad, o lo minifica para carga más rápida eliminando espacios innecesarios."},"howToUse":{"title":"Cómo Usar","step1":"Pega tu código HTML en el campo de entrada","step2":"Elige entre embellecer o minificar","step3":"Ajusta la configuración de indentación","step4":"Copia el código formateado"},"tips":{"title":"Consejos Pro","tip1":"Embellece para desarrollo, minifica para producción","tip2":"Verifica las etiquetas anidadas para estructura correcta","tip3":"Usa comillas de atributo consistentes"},"browserSupport":{"title":"Soporte del Navegador","content":"Funciona completamente en el navegador. No requiere procesamiento del servidor."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre embellecer y minificar HTML?","answer":"Embellecer añade indentación y saltos de línea para legibilidad del código durante desarrollo. Minificar elimina todos los espacios innecesarios para reducir el tamaño del archivo en producción. Embellecido es para humanos; minificado es para navegadores."},{"question":"¿Debo minificar HTML en producción?","answer":"Sí, minificar HTML reduce el tamaño del archivo típicamente un 10-20%. Para sitios de alto tráfico, esto mejora tiempos de carga. Sin embargo, con gzip habilitado en el servidor, el beneficio es menor. CSS y JavaScript se benefician más de la minificación."},{"question":"¿El formateador valida mi HTML?","answer":"Esta herramienta formatea HTML pero no valida completamente. HTML5 es tolerante con errores menores. Para validación completa, usa el Validador W3C (validator.w3.org). Errores graves como etiquetas sin cerrar pueden afectar el formateo."},{"question":"¿Por qué mi HTML formateado se ve diferente del original?","answer":"El formateador normaliza el espaciado y la indentación. Atributos pueden reordenarse, espacios en blanco se normalizan. El resultado es funcionalmente equivalente pero puede diferir visualmente. Esto es comportamiento esperado."},{"question":"¿Cómo afecta el formateo a los espacios en el contenido?","answer":"Los espacios dentro de etiquetas de texto se preservan. El formateo solo afecta espacios entre etiquetas. Usa para espacios no separables. Las etiquetas

 preservan espaciado exacto. Atributos mantienen sus valores originales."}]}},"base64":{"name":"Codificador Base64","description":"Codificar y decodificar cadenas Base64","breadcrumb":"Herramientas Dev","title":"Codificador/Decodificador Base64","pageDescription":"Codificar texto a Base64 o decodificar Base64 a texto","input":{"title":"Entrada","placeholder":"Ingresa texto o cadena Base64...","clear":"Limpiar"},"output":{"title":"Salida","placeholder":"El resultado aparecerá aquí..."},"controls":{"title":"Opciones","encode":"Codificar","decode":"Decodificar","swap":"Intercambiar"},"guide":{"title":"Guía del Codificador Base64","description":"Aprende a codificar y decodificar datos con Base64","whatIs":{"title":"¿Qué es Base64?","content":"Base64 es un esquema de codificación binario a texto que representa datos binarios como cadena ASCII. Se usa comúnmente para adjuntos de email, URLs de datos en CSS/HTML y transmisión segura."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa texto o datos en el campo de entrada","step2":"Elige entre codificar o decodificar","step3":"Visualiza el resultado convertido","step4":"Copia la salida según sea necesario"},"tips":{"title":"Consejos Pro","tip1":"Base64 aumenta el tamaño de datos aproximadamente un 33%","tip2":"Útil para incrustar imágenes en CSS","tip3":"No es adecuado para encriptación - solo codificación"},"browserSupport":{"title":"Soporte del Navegador","content":"La codificación Base64 funciona nativamente en todos los navegadores modernos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Qué es Base64 y por qué se usa?","answer":"Base64 codifica datos binarios como texto ASCII seguro. Se usa para: incrustar imágenes en HTML/CSS (data URIs), transmitir datos binarios en JSON/XML, adjuntos de email (MIME), almacenar datos binarios en bases de datos de texto."},{"question":"¿Por qué Base64 aumenta el tamaño del archivo?","answer":"Base64 convierte cada 3 bytes de datos en 4 caracteres ASCII, aumentando el tamaño aproximadamente 33%. Además, los caracteres de relleno (=) añaden overhead. Por esto, Base64 no es ideal para archivos grandes."},{"question":"¿Puedo usar Base64 para encriptar datos?","answer":"No. Base64 es codificación, no encriptación. Cualquiera puede decodificar Base64 fácilmente. Para datos sensibles, usa encriptación real (AES, RSA). Base64 solo hace los datos transmisibles, no seguros."},{"question":"¿Cómo uso Base64 para imágenes en CSS?","answer":"Codifica la imagen a Base64 y úsala como data URI: background-image: url('data:image/png;base64,[código]');. Esto elimina solicitudes HTTP adicionales pero aumenta el tamaño del CSS. Ideal para íconos pequeños (<5KB)."},{"question":"¿Cuál es la diferencia entre Base64 y Base64URL?","answer":"Base64URL reemplaza + con - y / con _ para ser seguro en URLs. El padding (=) puede omitirse. Base64URL se usa en JWT tokens, URLs y nombres de archivo. Base64 estándar puede causar problemas en URLs sin codificación adicional."}]}},"url":{"name":"Codificador URL","description":"Codificar y decodificar cadenas URL","breadcrumb":"Herramientas Dev","title":"Codificador/Decodificador URL","pageDescription":"Codificar o decodificar componentes URL y cadenas de consulta","input":{"title":"Entrada","placeholder":"Ingresa URL o cadena codificada...","clear":"Limpiar"},"output":{"title":"Salida","placeholder":"El resultado aparecerá aquí..."},"controls":{"title":"Opciones","encode":"Codificar","decode":"Decodificar","encodeComponent":"Codificar Componente","decodeComponent":"Decodificar Componente","swap":"Intercambiar"},"guide":{"title":"Guía del Codificador URL","description":"Codifica cadenas URL de forma segura para transmisión web","whatIs":{"title":"¿Qué es la Codificación URL?","content":"La codificación URL convierte caracteres especiales a un formato seguro para transmisión en URLs. Caracteres como espacios, ampersand y signos igual se convierten a valores codificados en porcentaje."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa la URL o texto a codificar","step2":"Haz clic en Codificar para convertir caracteres especiales","step3":"Para decodificar, cambia el modo e ingresa texto codificado","step4":"Copia el resultado para tu aplicación"},"tips":{"title":"Consejos Pro","tip1":"Siempre usa codificación URL para parámetros de consulta","tip2":"La doble codificación puede causar problemas","tip3":"Conoce la diferencia entre encodeURI y encodeURIComponent"},"browserSupport":{"title":"Soporte del Navegador","content":"La codificación URL es soportada nativamente en todos los navegadores."},"button":"Guía"},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué necesito codificar URLs?","answer":"Las URLs solo pueden contener ciertos caracteres ASCII. Caracteres especiales como espacios, &, =, ?, # tienen significados especiales en URLs. La codificación URL convierte estos caracteres a formato %XX seguro para transmisión."},{"question":"¿Cuál es la diferencia entre encodeURI y encodeURIComponent?","answer":"encodeURI codifica una URL completa pero preserva caracteres especiales de URL (:, /, ?, &, =). encodeURIComponent codifica TODO incluyendo estos caracteres. Usa encodeURIComponent para parámetros de consulta, encodeURI para URLs completas."},{"question":"¿Por qué los espacios se codifican como %20 o +?","answer":"En codificación URL estándar, los espacios se convierten en %20. En datos de formulario (application/x-www-form-urlencoded), los espacios pueden ser +. Ambos son válidos en diferentes contextos. Las APIs modernas prefieren %20."},{"question":"¿Qué es la doble codificación y por qué es un problema?","answer":"La doble codificación ocurre cuando se codifica una URL ya codificada. Por ejemplo, %20 se convierte en %2520. Esto causa errores de decodificación. Solo codifica una vez y verifica que los datos no estén previamente codificados."},{"question":"¿Debo codificar todos los caracteres en mis URLs?","answer":"No. Solo codifica caracteres que no son seguros para URLs o tienen significado especial. Letras, números, - _ . ~ son seguros. Caracteres reservados (:/?#[]@!$&'()*+,;=) dependen de su uso. Codifica parámetros, no la estructura de la URL."}]}},"regex":{"name":"Probador Regex","description":"Probar y depurar expresiones regulares","breadcrumb":"Herramientas Dev","title":"Probador de Regex","pageDescription":"Probar y depurar expresiones regulares con coincidencia en vivo","pattern":{"title":"Patrón","placeholder":"Ingresa patrón regex..."},"input":{"title":"Cadena de prueba","placeholder":"Ingresa texto para probar...","clear":"Limpiar"},"results":{"title":"Coincidencias","noMatches":"No se encontraron coincidencias","matchCount":"coincidencias encontradas","matchDetails":"Detalles de coincidencia:","atIndex":"en índice","captureGroups":"Grupos de captura:","groupIndex":"Índice","groupName":"Nombre","groupValue":"Valor"},"flags":{"global":"Global (g)","ignoreCase":"Ignorar mayúsculas (i)","multiline":"Multilínea (m)","dotAll":"Punto todo (s)","unicode":"Unicode (u)"},"cheatsheet":{"title":"Hoja de trucos","insert":"Insertar","categories":{"characterClasses":"Clases de caracteres","anchors":"Anclas","quantifiers":"Cuantificadores","groups":"Grupos","lookaround":"Lookaround"},"items":{"anyChar":"Cualquier carácter excepto nueva línea","digit":"Dígito (0-9)","nonDigit":"No dígito","word":"Carácter de palabra (a-z, A-Z, 0-9, _)","nonWord":"No carácter de palabra","whitespace":"Espacio en blanco","nonWhitespace":"No espacio en blanco","start":"Inicio de cadena/línea","end":"Fin de cadena/línea","boundary":"Límite de palabra","nonBoundary":"No límite de palabra","zeroOrMore":"Cero o más","oneOrMore":"Uno o más","zeroOrOne":"Cero o uno (opcional)","exactlyN":"Exactamente n veces","nOrMore":"n o más veces","nToM":"Entre n y m veces","captureGroup":"Grupo de captura","nonCapture":"Grupo sin captura","namedGroup":"Grupo de captura con nombre","alternation":"Alternancia (o)","posLookahead":"Lookahead positivo","negLookahead":"Lookahead negativo","posLookbehind":"Lookbehind positivo","negLookbehind":"Lookbehind negativo"}},"guide":{"title":"Guía del Probador Regex","description":"Prueba y depura expresiones regulares interactivamente","whatIs":{"title":"¿Qué es Regex?","content":"Las expresiones regulares (Regex) son patrones para búsqueda y manipulación de texto. Son herramientas poderosas para validación, operaciones de buscar/reemplazar y análisis de texto."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa tu patrón regex en el campo de patrón","step2":"Pega texto de prueba en el área de prueba","step3":"Ve las coincidencias resaltadas en tiempo real","step4":"Ajusta las banderas (g, i, m) según sea necesario"},"tips":{"title":"Consejos Pro","tip1":"Comienza con patrones simples y expande gradualmente","tip2":"Usa grupos de captura para sub-coincidencias","tip3":"Prueba casos límite exhaustivamente"},"browserSupport":{"title":"Soporte del Navegador","content":"Usa el motor RegExp nativo de JavaScript. Todos los navegadores modernos son soportados."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Qué significan las banderas g, i y m en regex?","answer":"g (global): encuentra todas las coincidencias, no solo la primera. i (ignoreCase): coincidencia insensible a mayúsculas. m (multiline): ^ y $ coinciden con inicio/fin de cada línea, no solo del texto completo. Combínalas según necesites: /patrón/gi"},{"question":"¿Cómo capturo grupos específicos del texto?","answer":"Usa paréntesis para crear grupos de captura: /(\\d{4})-(\\d{2})-(\\d{2})/ captura año, mes y día de una fecha. Accede a grupos con $1, $2, etc. en reemplazos o match[1], match[2] en JavaScript."},{"question":"¿Cuál es la diferencia entre .* y .*? (greedy vs lazy)?","answer":".* es codicioso (greedy): coincide con la mayor cantidad posible. .*? es perezoso (lazy): coincide con la menor cantidad posible. Ejemplo: en 'texto', /<.*>/ coincide con todo, mientras /<.*?>/ coincide solo con ''."},{"question":"¿Cómo escapo caracteres especiales en regex?","answer":"Los caracteres especiales (. * + ? ^ $ { } [ ] \\ | ( )) necesitan escape con \\. Para coincidir con un punto literal, usa \\. Para coincidir con \\, usa \\\\. En strings JavaScript, duplica las barras: '\\\\d' para \\d."},{"question":"¿Cuándo uso lookahead y lookbehind?","answer":"Lookahead (?=...) verifica sin consumir: /foo(?=bar)/ coincide con 'foo' solo si le sigue 'bar'. Lookbehind (?<=...) verifica lo anterior. Negativos: (?!...) y (? Texto en columnas' de Excel."},{"question":"¿Cómo se manejan los caracteres especiales y comas?","answer":"Activa la opción 'Entrecomillar Cadenas' para envolver automáticamente valores con comas, saltos de línea o comillas en comillas dobles con escape apropiado. Compatible con la mayoría de analizadores CSV."},{"question":"¿Cómo solucionar problemas de codificación?","answer":"Los archivos descargados usan codificación UTF-8. En Excel, usa 'Datos > Desde Texto/CSV' y selecciona codificación UTF-8. O abre en Bloc de notas y guarda con la codificación correcta."},{"question":"¿Puedo convertir respuestas de API directamente?","answer":"Sí, pega la respuesta JSON de cualquier API directamente. Las estructuras anidadas se manejan automáticamente. Nota: conjuntos muy grandes (decenas de miles de filas) pueden afectar el rendimiento del navegador."}]}},"imageOptimizer":{"name":"Optimizador de Imágenes","description":"Comprime y redimensiona imágenes en tu navegador","settings":{"title":"Configuración de Optimización","quality":"Calidad","maxWidth":"Ancho Máximo","maxHeight":"Alto Máximo","format":"Formato de Salida"},"upload":{"title":"Subir Imágenes","dragDrop":"Arrastra y suelta imágenes o haz clic para seleccionar","supportedFormats":"Soporta JPEG, PNG, GIF, WebP","clearAll":"Limpiar Todo"},"images":{"title":"Imágenes","original":"Original","optimized":"Optimizado","reduction":"reducción","optimize":"Optimizar","processing":"Procesando...","downloadAll":"Descargar Todo","summary":"Total Ahorrado","totalReduction":"reducción"},"guide":{"title":"Guía del Optimizador de Imágenes","description":"Aprende a optimizar imágenes para mejorar el rendimiento web","whatIs":{"title":"¿Qué es la Optimización de Imágenes?","content":"La optimización de imágenes es el proceso de reducir el tamaño del archivo manteniendo la calidad visual. Es esencial para mejorar los tiempos de carga de páginas web y ahorrar ancho de banda. Esta herramienta realiza la optimización directamente en tu navegador."},"howToUse":{"title":"Cómo Usar","step1":"Arrastra y suelta archivos de imagen o haz clic para seleccionar","step2":"Ajusta la calidad, dimensiones máximas y formato de salida","step3":"Haz clic en el botón 'Optimizar'","step4":"Descarga imágenes individuales o todas las optimizadas"},"tips":{"title":"Consejos de Optimización","tip1":"Para fotos, JPEG al 80-85% de calidad es ideal","tip2":"Usa PNG si necesitas fondos transparentes","tip3":"El formato WebP proporciona los tamaños de archivo más pequeños"},"browserSupport":{"title":"Procesamiento","content":"Todo el procesamiento ocurre localmente en tu navegador. Las imágenes nunca se suben a ningún servidor, asegurando que tu privacidad está protegida."}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Qué configuración de calidad debo usar?","answer":"Generalmente, 80-85% para JPEG y 75-80% para WebP funciona bien. Este rango proporciona mínima pérdida de calidad visual mientras reduce significativamente el tamaño del archivo."},{"question":"¿Debo elegir PNG o JPEG?","answer":"Usa PNG si necesitas transparencia, JPEG para fotos o imágenes complejas. WebP combina las ventajas de ambos y generalmente es la mejor opción para la mayoría de casos."},{"question":"¿Se dañarán mis imágenes originales?","answer":"No, tus archivos originales nunca se modifican. Las versiones optimizadas se descargan por separado. Todo el procesamiento ocurre en la memoria del navegador."},{"question":"¿Hay un límite máximo de tamaño de archivo?","answer":"Depende de la memoria de tu navegador, pero típicamente maneja archivos de varias decenas de MB. Imágenes muy grandes (100MB+) pueden procesarse lentamente."},{"question":"¿Es seguro usar el formato WebP?","answer":"WebP es soportado por todos los navegadores modernos. Safari lo soporta desde la versión 14, por lo que la mayoría de usuarios pueden verlo. Usa JPEG si necesitas soportar navegadores antiguos."}]}}},"badge":{"available":"Disponible","comingSoon":"Próximamente"},"openTool":"Abrir Herramienta"},"seo":{"hub":{"title":"Herramientas SEO","description":"Herramientas de optimización para motores de búsqueda","sidebar":"Herramientas SEO","collapse":"Colapsar"},"categories":{"metaTags":"Meta Tags","technicalSeo":"SEO Técnico","analysis":"Análisis"},"tools":{"metaGenerator":{"name":"Generador de Meta Tags","description":"Generar meta tags optimizados para SEO","breadcrumb":"Herramientas SEO","title":"Generador de Meta Tags","pageDescription":"Genera meta tags esenciales para mejor SEO y compartir en redes","input":{"title":"Entrada","siteTitle":"Título del Sitio","siteTitlePlaceholder":"Ingrese el título del sitio","chars":"caracteres","description":"Descripción","descriptionPlaceholder":"Ingrese la descripción de la página","keywords":"Palabras Clave","keywordsPlaceholder":"Ingrese palabras clave separadas por comas","author":"Autor","authorPlaceholder":"Ingrese el nombre del autor"},"controls":{"clear":"Limpiar"},"output":{"title":"Meta Tags Generados","placeholder":"Complete los campos para generar meta tags"},"guide":{"title":"Guía del Generador de Meta Tags","description":"Crea meta tags optimizados para mejor SEO","whatIs":{"title":"¿Qué son los Meta Tags?","content":"Los meta tags proporcionan información sobre tu página web a los motores de búsqueda. Influyen en cómo aparece tu página en los resultados de búsqueda y son cruciales para SEO."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa el título y descripción de la página","step2":"Añade palabras clave relevantes","step3":"Configura los tags Open Graph para redes sociales","step4":"Copia los tags generados a tu HTML head"},"tips":{"title":"Consejos SEO","tip1":"Mantén los títulos bajo 60 caracteres para visualización óptima","tip2":"Las meta descripciones deben tener 150-160 caracteres","tip3":"Cada página debe tener meta tags únicos"},"browserSupport":{"title":"Soporte del Navegador","content":"Los meta tags son soportados por todos los motores de búsqueda y plataformas sociales."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la longitud ideal para el meta título?","answer":"El meta título debe tener entre 50-60 caracteres. Google trunca títulos más largos en los resultados de búsqueda. Incluye la palabra clave principal al inicio para mejor SEO. Cada página debe tener un título único y descriptivo."},{"question":"¿La meta descripción afecta al ranking?","answer":"La meta descripción no es un factor directo de ranking. Sin embargo, una descripción atractiva aumenta el CTR (click-through rate), lo que indirectamente mejora el SEO. Google puede reescribir tu descripción si considera que otra parte de la página es más relevante."},{"question":"¿Las meta keywords aún son importantes?","answer":"Google ignora el meta keyword tag desde 2009. Otros buscadores como Bing pueden considerarlo ligeramente. No es dañino incluirlo, pero no dediques tiempo a optimizarlo. Enfócate en contenido de calidad y otros meta tags."},{"question":"¿Cómo optimizo meta tags para diferentes páginas?","answer":"Cada página debe tener meta tags únicos. La página de inicio describe el sitio general. Las páginas de productos/servicios describen específicamente ese contenido. Evita duplicar meta tags exactos en múltiples páginas."},{"question":"¿Dónde coloco los meta tags en el HTML?","answer":"Los meta tags van dentro de la sección  del documento HTML, idealmente cerca del inicio después de . El orden no afecta el funcionamiento, pero por convención: charset primero, luego viewport, luego meta SEO, luego Open Graph."}]}},"ogPreview":{"name":"Vista Previa Open Graph","description":"Vista previa del contenido en redes sociales","breadcrumb":"Herramientas SEO","title":"Vista Previa Open Graph","pageDescription":"Previsualiza cómo aparece tu contenido en redes sociales","input":{"title":"Propiedades OG","ogTitle":"og:title","ogTitlePlaceholder":"Ingrese el título de la página","ogDescription":"og:description","ogDescriptionPlaceholder":"Ingrese la descripción de la página","ogImage":"og:image","ogImagePlaceholder":"Ingrese la URL de la imagen","siteName":"Nombre del Sitio","siteNamePlaceholder":"Ingrese el nombre del sitio","url":"URL","urlPlaceholder":"Ingrese la URL de la página"},"preview":{"title":"Vista Previa","facebook":"Vista Previa Facebook","linkedin":"Vista Previa LinkedIn","noImage":"Sin imagen","defaultTitle":"Título de la Página","defaultDescription":"La descripción de la página aparecerá aquí"},"output":{"title":"Tags Generados"},"guide":{"title":"Guía de Vista Previa Open Graph","description":"Optimiza cómo aparecen tus enlaces en redes sociales","whatIs":{"title":"¿Qué es Open Graph?","content":"Open Graph es un protocolo que controla cómo se muestran las URLs cuando se comparten en Facebook, LinkedIn y otras plataformas. Define título, descripción e imagen de vista previa."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa URL y título de la página","step2":"Añade una descripción atractiva","step3":"Sube o vincula una imagen de vista previa","step4":"Vista previa y copia los tags OG"},"tips":{"title":"Mejores Prácticas","tip1":"El tamaño óptimo de imagen es 1200x630 píxeles","tip2":"Los títulos deben ser llamativos","tip3":"Prueba con Facebook Debugger antes de compartir"},"browserSupport":{"title":"Soporte de Plataforma","content":"Open Graph es soportado por Facebook, LinkedIn, Twitter, WhatsApp y la mayoría de plataformas sociales."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es el tamaño de imagen ideal para Open Graph?","answer":"El tamaño recomendado es 1200x630 píxeles (proporción 1.91:1). Tamaño mínimo 600x315 para visualización completa. Para alta resolución, usa 2400x1260. Las imágenes menores a 200x200 pueden no mostrarse. Formato: JPG, PNG o GIF (sin animación)."},{"question":"¿Por qué mi imagen OG no aparece en Facebook?","answer":"Causas comunes: 1) Facebook tiene caché de una versión anterior (usa Facebook Debugger para limpiar), 2) La imagen es demasiado pequeña, 3) URL de imagen incorrecta o inaccesible, 4) El servidor bloquea el crawler de Facebook. Usa Open Graph Debugger de Facebook para diagnosticar."},{"question":"¿Puedo usar diferentes imágenes OG para diferentes páginas?","answer":"Sí, y es recomendado. Cada página debe tener og:image relevante para su contenido. La página de inicio puede tener el logo/banner general. Las páginas de producto deben mostrar el producto. Esto mejora el CTR cuando se comparte."},{"question":"¿Open Graph afecta al SEO?","answer":"Open Graph no afecta directamente al ranking de Google. Sin embargo, mejora cómo se ve tu contenido al compartirse, aumentando clics y engagement social. Las señales sociales pueden tener efecto indirecto en SEO a través de mayor tráfico y links."},{"question":"¿Necesito tanto Open Graph como Twitter Cards?","answer":"Twitter puede usar tags de Open Graph como fallback. Sin embargo, para control preciso en Twitter, usa ambos. Twitter Cards ofrecen tipos específicos (Summary, Large Image, App, Player) que OG no tiene. Si solo puedes elegir uno, prioriza Open Graph."}]}},"twitterCard":{"name":"Generador de Twitter Card","description":"Crear meta tags de Twitter Card para compartir","breadcrumb":"Herramientas SEO","title":"Generador de Twitter Card","pageDescription":"Crea meta tags de Twitter Card para vistas previas enriquecidas","controls":{"title":"Propiedades de Card","cardType":"Tipo de Card","cardTypes":{"summary":"Resumen","largeImage":"Imagen Grande","app":"App","player":"Reproductor"},"site":"Handle del Sitio","creator":"Handle del Creador","titleLabel":"Título","description":"Descripción","imageUrl":"URL de Imagen"},"preview":{"title":"Vista Previa"},"output":{"title":"Tags Generados"},"guide":{"title":"Guía de Twitter Card","description":"Crea vistas previas atractivas para Twitter/X","whatIs":{"title":"¿Qué son las Twitter Cards?","content":"Las Twitter Cards son meta tags que controlan cómo aparecen tus enlaces en Twitter/X. Permiten vistas previas enriquecidas con imágenes, títulos y descripciones."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona el tipo de Card (Summary, Large Image, etc.)","step2":"Ingresa título y descripción","step3":"Añade una imagen de vista previa","step4":"Copia los tags de Twitter Card"},"tips":{"title":"Mejores Prácticas","tip1":"Las Cards con imagen grande obtienen más engagement","tip2":"Mantén los títulos bajo 70 caracteres","tip3":"Valida las Cards con el Twitter Card Validator"},"browserSupport":{"title":"Soporte de Plataforma","content":"Las Twitter Cards son soportadas en Twitter/X y muchas otras plataformas que leen meta tags de Twitter."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre Summary y Large Image?","answer":"Summary muestra una imagen cuadrada pequeña con título y descripción al lado. Large Image muestra una imagen grande rectangular arriba con texto abajo. Large Image genera más engagement pero ocupa más espacio en el feed."},{"question":"¿Qué tamaño de imagen necesito para Twitter Cards?","answer":"Summary: mínimo 144x144, máximo 4096x4096, ideal 1:1. Large Image: mínimo 300x157, máximo 4096x4096, ideal 2:1 (1200x600). Las imágenes deben ser menores a 5MB. Formato: JPG, PNG, WEBP o GIF."},{"question":"¿Cómo valido mis Twitter Cards?","answer":"Usa el Twitter Card Validator (cards-dev.twitter.com/validator). Ingresa tu URL y verifica la vista previa. El validador también limpia la caché para ver cambios recientes. Nota: necesitas cuenta de Twitter para usarlo."},{"question":"¿Por qué mi Twitter Card muestra información incorrecta?","answer":"Twitter cachea las Cards por 7 días. Usa el Card Validator para forzar actualización. Verifica que los meta tags estén en el <head> del HTML. Asegúrate de que el servidor no bloquee el crawler de Twitter (Twitterbot)."},{"question":"¿Puedo usar Twitter Cards sin cuenta de Twitter?","answer":"Sí. Los meta tags funcionan independientemente de tu cuenta. Cualquier persona que comparta tu URL verá la Card. Solo necesitas cuenta para: usar el validador oficial, ver analytics de Cards, y usar formatos app/player."}]}},"robots":{"name":"Generador Robots.txt","description":"Generar archivo robots.txt para rastreadores","breadcrumb":"Herramientas SEO","title":"Generador de Robots.txt","pageDescription":"Crea y personaliza robots.txt para rastreadores de búsqueda","rule":{"title":"Regla","userAgent":"User-Agent","allow":"Rutas Permitidas","disallow":"Rutas Prohibidas","onePerLine":"Una ruta por línea"},"options":{"title":"Opciones Adicionales","sitemap":"URL del Sitemap","crawlDelay":"Retraso de Rastreo (segundos)"},"addRule":"Agregar Regla","output":{"title":"robots.txt Generado","saveAs":"Guarda como robots.txt en el directorio raíz de tu sitio"},"guide":{"title":"Guía del Generador Robots.txt","description":"Controla los crawlers de motores de búsqueda con robots.txt","whatIs":{"title":"¿Qué es robots.txt?","content":"Robots.txt es un archivo que indica a los crawlers de motores de búsqueda qué páginas pueden indexar y cuáles no. Es importante para controlar la visibilidad de tu sitio web."},"howToUse":{"title":"Cómo Usar","step1":"Selecciona los crawlers para los que aplicarán las reglas","step2":"Define rutas permitidas y bloqueadas","step3":"Añade el enlace a tu sitemap","step4":"Copia el archivo a tu directorio raíz"},"tips":{"title":"Consejos SEO","tip1":"Nunca bloquees archivos CSS/JS importantes","tip2":"Siempre incluye una referencia al sitemap","tip3":"Prueba con Google Search Console"},"browserSupport":{"title":"Soporte de Motores de Búsqueda","content":"Robots.txt es respetado por todos los motores de búsqueda principales. Es una directriz, no una medida de seguridad."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Robots.txt puede ocultar páginas de Google?","answer":"Robots.txt bloquea el rastreo pero no la indexación. Si hay links a tu página, Google puede indexar la URL sin el contenido. Para excluir de indexación, usa meta robots noindex. Robots.txt no es una medida de seguridad para contenido privado."},{"question":"¿Cuál es la diferencia entre Allow y Disallow?","answer":"Disallow bloquea el rastreo de rutas específicas. Allow permite rutas específicas dentro de directorios bloqueados. El orden importa: la regla más específica tiene precedencia. Ejemplo: Disallow: /admin/ pero Allow: /admin/public/"},{"question":"¿Debo usar robots.txt para bloquear CSS y JavaScript?","answer":"No. Google necesita acceso a CSS y JS para renderizar páginas correctamente. Bloquear estos recursos puede afectar negativamente el ranking. Googlebots modernos ejecutan JavaScript; bloquear estos recursos impide el renderizado correcto."},{"question":"¿Qué hace el Crawl-delay?","answer":"Crawl-delay especifica segundos entre solicitudes del bot. Google NO respeta Crawl-delay (usa Search Console). Bing y otros sí lo respetan. Es útil si tu servidor tiene recursos limitados. Valor alto = menos rastreo = indexación más lenta."},{"question":"¿Dónde debo colocar el archivo robots.txt?","answer":"Debe estar en la raíz del dominio: https://tusitio.com/robots.txt. Solo funciona en la raíz; /carpeta/robots.txt no tiene efecto. Para subdominios, necesitas robots.txt separado en cada subdominio."}]}},"sitemap":{"name":"Generador de Sitemap","description":"Crear sitemaps XML para mejor indexación SEO","breadcrumb":"Herramientas SEO","title":"Generador de Sitemap","pageDescription":"Genera sitemaps XML para mejor indexación en buscadores","url":{"title":"URL","loc":"URL","lastmod":"Última Modificación","changefreq":"Frecuencia de Cambio","priority":"Prioridad"},"addUrl":"Agregar URL","output":{"title":"Sitemap Generado","saveAs":"Guarda como sitemap.xml en el directorio raíz de tu sitio"},"guide":{"title":"Guía del Generador de Sitemap","description":"Crea sitemaps XML para mejor indexación","whatIs":{"title":"¿Qué es un Sitemap?","content":"Un sitemap XML es un archivo que lista todas las páginas importantes de tu sitio web y ayuda a los motores de búsqueda a rastrear e indexar. Contiene metadatos como frecuencia de cambio y prioridad."},"howToUse":{"title":"Cómo Usar","step1":"Añade URLs de tu sitio web","step2":"Establece prioridad y frecuencia de cambio","step3":"Genera el sitemap XML","step4":"Sube y envía a Search Console"},"tips":{"title":"Consejos SEO","tip1":"Mantén los sitemaps bajo 50,000 URLs y 50MB","tip2":"Envía a Google Search Console y Bing Webmaster Tools","tip3":"Actualiza cuando haya cambios importantes en las páginas"},"browserSupport":{"title":"Soporte de Motores de Búsqueda","content":"Los sitemaps XML son soportados por Google, Bing, Yahoo y Yandex."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Es obligatorio tener un sitemap?","answer":"No es obligatorio pero sí altamente recomendado. Los sitemaps ayudan a Google a descubrir páginas más rápido, especialmente para: sitios grandes, páginas con pocos links entrantes, sitios nuevos, y sitios con contenido dinámico."},{"question":"¿Cuántas URLs puede contener un sitemap?","answer":"Cada sitemap puede contener hasta 50,000 URLs y 50MB sin comprimir. Para más URLs, usa un sitemap index que referencia múltiples sitemaps. Los sitemaps pueden comprimirse con gzip para reducir tamaño."},{"question":"¿Qué significa el campo priority?","answer":"Priority indica la importancia relativa de una URL dentro de TU sitio (0.0-1.0). No afecta el ranking vs otros sitios. Es una sugerencia, no una orden. Google generalmente lo ignora y usa sus propios algoritmos para determinar importancia."},{"question":"¿Con qué frecuencia debo actualizar mi sitemap?","answer":"Actualiza cuando: añadas páginas nuevas, elimines páginas, cambies URLs significativamente. Para sitios dinámicos, genera automáticamente. No necesitas actualizar lastmod si el contenido no cambió; hacerlo puede afectar la confianza de Google."},{"question":"¿Cómo envío mi sitemap a Google?","answer":"Opciones: 1) Añade la URL en Google Search Console > Sitemaps, 2) Incluye la ubicación en robots.txt: Sitemap: https://tusitio.com/sitemap.xml, 3) Google lo descubre automáticamente en ubicaciones comunes. Search Console es el método preferido para confirmar indexación."}]}},"canonical":{"name":"Verificador de URL Canónica","description":"Verificar y generar etiquetas de URL canónica","breadcrumb":"Herramientas SEO","title":"Generador de URL Canónica","pageDescription":"Genera tags canonical link para prevenir contenido duplicado","options":{"title":"Opciones de URL","baseUrl":"URL Base","forceHttps":"Forzar HTTPS","removeWww":"Eliminar www","trailingSlash":"Agregar Barra Final"},"rule":{"title":"Mapeo de URL","sourceUrl":"URL de Origen (con parámetros)","canonicalUrl":"URL Canónica"},"addRule":"Agregar Mapeo de URL","output":{"title":"Tags Canonical Generados","empty":"Agrega mapeos de URL para generar tags canonical"},"guide":{"title":"Guía de URL Canónica","description":"Evita contenido duplicado con tags canónicos","whatIs":{"title":"¿Qué es una URL Canónica?","content":"Las URLs canónicas indican a los motores de búsqueda cuál versión de una página es la copia maestra. Esto previene penalizaciones por contenido duplicado y consolida señales de ranking."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa tu URL base con el formato preferido","step2":"Mapea URLs de origen a sus versiones canónicas","step3":"Configura opciones de normalización de URL","step4":"Copia los tags canónicos a tu HTML head"},"tips":{"title":"Mejores Prácticas SEO","tip1":"Siempre usa URLs absolutas en tags canónicos","tip2":"Se recomiendan canónicos auto-referenciados","tip3":"Asegúrate de que las URLs canónicas devuelvan 200"},"browserSupport":{"title":"Soporte de Motores de Búsqueda","content":"Los tags canónicos son tratados como sugerencias por todos los motores de búsqueda principales."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre canonical y redirect 301?","answer":"Canonical mantiene ambas URLs accesibles pero consolida señales SEO. Redirect 301 mueve permanentemente a la nueva URL. Usa canonical cuando necesites mantener URLs funcionando (parámetros de tracking, versiones imprimibles). Usa 301 para cambios permanentes de URL."},{"question":"¿Puedo usar canonical entre dominios diferentes?","answer":"Sí, puedes usar canonical cross-domain para indicar que el contenido original está en otro dominio. Es útil para contenido sindicado o replicado. Google lo tratará como sugerencia, no garantiza que se respete. Considera noindex como alternativa."},{"question":"¿Qué pasa si canonical apunta a una página 404?","answer":"Google eventualmente ignorará el canonical incorrecto, pero afecta la indexación temporalmente. Verifica regularmente que las URLs canónicas devuelvan 200. Usa Search Console para identificar errores de canonical. Mantén actualizados los canonicals cuando elimines páginas."},{"question":"¿Debo usar canonical auto-referenciado?","answer":"Sí, es una buena práctica. Cada página debe tener un canonical apuntando a sí misma. Esto previene problemas si tu contenido es copiado o si hay variaciones de URL (mayúsculas, trailing slash). Declara explícitamente cuál es la versión canónica."},{"question":"¿Canonical o noindex para contenido duplicado?","answer":"Canonical: cuando quieres que una versión sea indexada y acumule señales de todas las versiones. Noindex: cuando no quieres que ninguna versión de esa URL sea indexada. Para páginas de paginación o filtros, canonical a la primera página o categoría principal."}]}},"keyword":{"name":"Analizador de Palabras Clave","description":"Analizar densidad y optimización de palabras clave","breadcrumb":"Herramientas SEO","title":"Analizador de Densidad de Palabras Clave","pageDescription":"Analiza la densidad de palabras clave y optimiza tu contenido para SEO","input":{"title":"Análisis de Contenido","targetKeyword":"Palabra Clave Objetivo","targetPlaceholder":"Ingresa palabra clave objetivo...","content":"Contenido","contentPlaceholder":"Pega tu contenido aquí para analizar..."},"stats":{"title":"Estadísticas","words":"Total de Palabras","unique":"Palabras Únicas","sentences":"Oraciones","avgWords":"Promedio Palabras/Oración"},"topKeywords":{"title":"Palabras Clave Principales"},"targetAnalysis":{"title":"Análisis de Palabra Clave Objetivo","keyword":"Palabra Clave","occurrences":"Ocurrencias","density":"Densidad","recommendation":"La densidad de palabras clave recomendada es 1-3%"},"density":{"low":"La densidad de palabras clave es baja. Considera usar más la palabra clave.","optimal":"La densidad de palabras clave es óptima para SEO.","high":"La densidad de palabras clave es alta. Reduce para evitar keyword stuffing."},"guide":{"title":"Guía de Densidad de Palabras Clave","description":"Optimiza el uso de palabras clave en tu contenido","whatIs":{"title":"¿Qué es la Densidad de Palabras Clave?","content":"La densidad de palabras clave es el porcentaje de veces que una palabra clave aparece en relación al conteo total de palabras. Ayuda a optimizar contenido sin arriesgar keyword stuffing."},"howToUse":{"title":"Cómo Usar","step1":"Pega tu contenido en el área de texto","step2":"Ingresa tu palabra clave objetivo","step3":"Revisa el porcentaje de densidad","step4":"Ajusta el contenido a 1-3% de densidad"},"tips":{"title":"Mejores Prácticas SEO","tip1":"1-3% de densidad de palabras clave es óptimo","tip2":"Usa sinónimos para flujo natural","tip3":"Enfócate en la intención del usuario"},"browserSupport":{"title":"Soporte de Herramienta","content":"Completamente basado en navegador. Ningún dato se envía a servidores."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la densidad de palabras clave ideal?","answer":"La recomendación tradicional es 1-3%. Sin embargo, Google es más inteligente ahora y evalúa contexto semántico. Enfócate en escribir naturalmente para humanos. Evita keyword stuffing (>3%). Usa variaciones y sinónimos en lugar de repetir exactamente."},{"question":"¿Google aún considera la densidad de palabras clave?","answer":"No directamente. Google usa procesamiento de lenguaje natural (NLP) y entiende contexto y sinónimos. La densidad es una métrica útil para detectar sobre-optimización, pero no es un factor de ranking. El contenido de calidad que responde la intención del usuario es más importante."},{"question":"¿Cómo evito keyword stuffing?","answer":"Lee tu contenido en voz alta - si suena forzado, probablemente lo es. Usa sinónimos y variaciones naturales. Distribuye keywords a lo largo del contenido. Si superas 3-4% de densidad, considera reducir. Prioriza legibilidad sobre métricas."},{"question":"¿Debo incluir palabras clave en títulos y subtítulos?","answer":"Sí, pero naturalmente. H1 debe contener la palabra clave principal. H2/H3 pueden incluir variaciones o keywords secundarias. No fuerces - los encabezados deben ser útiles para lectores. Google valora estructura lógica sobre densidad de keywords."},{"question":"¿Las palabras clave LSI mejoran el SEO?","answer":"LSI (Latent Semantic Indexing) es un término de marketing; Google no usa LSI literalmente. Sin embargo, usar términos relacionados semánticamente sí ayuda. Esto indica a Google que tu contenido cubre el tema completamente. Investiga 'búsquedas relacionadas' para ideas."}]}},"serp":{"name":"Vista Previa SERP","description":"Vista previa de la página en resultados de búsqueda","breadcrumb":"Herramientas SEO","title":"Vista Previa SERP","pageDescription":"Previsualiza cómo aparece tu página en los resultados de Google","controls":{"title":"Configuración de Página","url":"URL de Página","pageTitle":"Título de Página","metaDescription":"Meta Descripción","breadcrumbs":"Migas de Pan","showRating":"Mostrar Calificación","rating":"Calificación","reviews":"Número de Reseñas"},"preview":{"google":"Vista Previa Google Desktop","mobile":"Vista Previa Móvil","untitled":"Página Sin Título","noDescription":"Sin descripción proporcionada","reviews":"reseñas"},"validation":{"titleShort":"El título es muy corto (< 30 caracteres)","titleLong":"El título es muy largo (> 60 caracteres)","titleOptimal":"La longitud del título es óptima","descShort":"La descripción es muy corta (< 120 caracteres)","descLong":"La descripción es muy larga (> 160 caracteres)","descOptimal":"La longitud de la descripción es óptima"},"tips":{"title":"Consejos SEO","tip1":"Mantén los títulos entre 30-60 caracteres para mejor visualización","tip2":"Las meta descripciones deben tener 120-160 caracteres","tip3":"Incluye tu palabra clave principal en título y descripción"},"guide":{"title":"Guía de Vista Previa SERP","description":"Optimiza tu apariencia en resultados de búsqueda","whatIs":{"title":"¿Qué es SERP?","content":"SERP (Search Engine Results Page) es la página que los usuarios ven después de una búsqueda. El título, meta descripción y URL determinan cómo aparece tu listado."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa URL, título y meta descripción","step2":"Vista previa de la apariencia en Google","step3":"Verifica límites de caracteres","step4":"Ajusta para CTR óptimo"},"tips":{"title":"Mejores Prácticas SEO","tip1":"Coloca la palabra clave al inicio del título","tip2":"Escribe meta descripciones como llamadas a la acción","tip3":"Usa datos estructurados para rich snippets"},"browserSupport":{"title":"Variaciones de Visualización","content":"Los resultados de búsqueda pueden aparecer diferente en distintos dispositivos."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué Google muestra un título diferente al que definí?","answer":"Google puede reescribir títulos si considera que el suyo es más relevante para la búsqueda. Esto ocurre cuando: el título es muy largo/corto, no coincide con el contenido, o la query del usuario difiere. Escribe títulos descriptivos y concisos para minimizar reescrituras."},{"question":"¿Cómo puedo hacer que mi resultado destaque en SERP?","answer":"Usa datos estructurados para rich snippets (estrellas, precios, FAQs). Optimiza meta descripción con llamada a la acción. Incluye el año actual en títulos de contenido temporal. Usa preguntas que coincidan con búsquedas. Añade datos que generen confianza."},{"question":"¿El CTR afecta al ranking de Google?","answer":"Google no ha confirmado que CTR sea un factor directo de ranking. Sin embargo, mejorar CTR significa más tráfico. Los señales de engagement (tiempo en página, rebote) sí importan. Optimiza para humanos: títulos atractivos, descripciones útiles."},{"question":"¿Cómo aparecen las migas de pan en los resultados?","answer":"Google extrae breadcrumbs automáticamente de la estructura URL o datos estructurados. Usa BreadcrumbList schema para control preciso. URLs limpias y jerárquicas ayudan. Los breadcrumbs mejoran la comprensión del contexto de la página."},{"question":"¿Qué son los featured snippets y cómo los consigo?","answer":"Los featured snippets son cajas de respuesta que aparecen sobre los resultados normales. Para optimizar: responde preguntas directamente, usa formato de lista/tabla cuando corresponda, estructura con H2/H3, mantén respuestas concisas (40-60 palabras para párrafos)."}]}},"socialPreview":{"name":"Vista Previa Social","description":"Vista previa de cómo aparecerán tus enlaces en diferentes plataformas sociales","breadcrumb":"Herramientas SEO","title":"Vista Previa Social","pageDescription":"Mira cómo aparecerán tus enlaces en diferentes plataformas sociales","meta":{"pageTitle":"Título de la Página","titlePlaceholder":"Introduce un título atractivo","description":"Descripción","descriptionPlaceholder":"Introduce una breve descripción de tu página","image":"URL de Imagen","siteName":"Nombre del Sitio"},"input":{"url":"URL de la Página","urlPlaceholder":"https://example.com/page"},"platforms":{"facebook":"Facebook","twitter":"Twitter","linkedin":"LinkedIn","whatsapp":"WhatsApp"},"preview":{"title":"Vista Previa"},"output":{"title":"Meta Tags Generadas","placeholder":"Introduce los datos meta para generar automáticamente las etiquetas"},"recommendations":{"title":"Consejos de Optimización","titleLength":"{current}/60 caracteres (recomendado: menos de {recommended})","descLength":"{current}/160 caracteres (recomendado: menos de {recommended})","imageSize":"Tamaño recomendado: 1200x630 píxeles","titleTip":"Mantén el título en menos de 60 caracteres","descriptionTip":"Mantén la descripción en menos de 160 caracteres","imageTip":"El tamaño de imagen recomendado es 1200x630 píxeles","testTip":"Prueba con Facebook Debugger antes de compartir"},"guide":{"title":"Guía de Vista Previa en Redes Sociales","description":"Optimiza contenido para compartir en redes sociales","whatIs":{"title":"¿Qué es la Vista Previa en Redes Sociales?","content":"Las vistas previas en redes sociales son las tarjetas de enlace que aparecen al compartir una URL en Facebook, Twitter y otras plataformas. Usan meta tags Open Graph y Twitter Card."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa título y descripción de la página","step2":"Añade una URL de imagen (1200x630 recomendado)","step3":"Vista previa en diferentes plataformas","step4":"Copia y añade los meta tags"},"tips":{"title":"Mejores Prácticas","tip1":"1200x630 píxeles para visualización óptima","tip2":"Títulos atractivos bajo 60 caracteres","tip3":"Prueba con Facebook Debugger antes de compartir"},"browserSupport":{"title":"Soporte de Plataforma","content":"Compatible con Facebook, Twitter/X, LinkedIn, WhatsApp, Slack, Discord y la mayoría de plataformas modernas."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Por qué cada plataforma muestra mi link diferente?","answer":"Cada plataforma tiene sus propios requisitos y preferencias. Facebook/LinkedIn usan Open Graph, Twitter prefiere Twitter Cards (con fallback a OG). El tamaño de imagen y truncamiento de texto varían. Esta herramienta te ayuda a optimizar para cada una."},{"question":"¿Cuánto tiempo tardan en actualizarse las previews?","answer":"Las plataformas cachean previews por diferentes tiempos. Facebook: 7-30 días (usa Debugger para forzar). Twitter: 7 días (usa Card Validator). LinkedIn: variable (limpia caché con Post Inspector). WhatsApp: puede tardar horas en actualizar."},{"question":"¿Por qué mi imagen no aparece en WhatsApp?","answer":"WhatsApp tiene requisitos específicos: imagen mínima 300x200, preferible 1200x630. Debe ser accesible públicamente (no requiere login). Verifica que og:image tenga URL absoluta HTTPS. WhatsApp puede tardar en cachear nuevas imágenes."},{"question":"¿Puedo tener diferentes previews para diferentes plataformas?","answer":"Parcialmente. Puedes definir Twitter Cards específicas además de Open Graph. Sin embargo, la mayoría de plataformas usan OG como base. Para diferencias significativas, considera páginas de landing específicas por plataforma."},{"question":"¿Las previews sociales afectan al SEO?","answer":"No directamente al ranking de Google. Sin embargo, buenos previews aumentan clics y compartidos, generando más tráfico y potenciales backlinks. Las señales sociales pueden tener efecto indirecto en SEO. Optimiza para engagement."}]}},"structuredData":{"name":"Validador de Datos Estructurados","description":"Valida datos estructurados JSON-LD y previsualiza snippets enriquecidos","breadcrumb":"Herramientas SEO","title":"Validador de Datos Estructurados","input":{"title":"Entrada JSON-LD","placeholder":"Pega tus datos estructurados JSON-LD aquí..."},"actions":{"validate":"Validar","validating":"Validando..."},"templates":{"title":"Plantillas","article":"Article","product":"Product","organization":"Organization","faq":"FAQ","recipe":"Receta","event":"Evento","course":"Curso","video":"Vídeo"},"validation":{"valid":"Datos estructurados válidos","invalid":"Datos estructurados inválidos","schemaType":"Tipo de Schema","errors":"Errores","warnings":"Advertencias","properties":"Propiedades Detectadas","missingContext":"Falta la propiedad @context","contextWarning":"@context debe incluir schema.org","missingType":"Falta la propiedad @type","missingProperty":"Falta propiedad requerida: {property}","imageWarning":"La URL de imagen debe ser absoluta","dateWarning":"datePublished debe estar en formato ISO 8601","invalidJson":"Formato JSON inválido"},"preview":{"title":"Vista Previa de Resultados Enriquecidos","richSnippet":"Estos datos estructurados pueden aparecer como snippet enriquecido en los resultados de búsqueda","propertiesDetected":"propiedades detectadas"},"reference":{"title":"Tipos de Schema Soportados","description":"Visita schema.org para más tipos de schema y propiedades"},"guide":{"title":"Guía de Datos Estructurados","description":"Implementa JSON-LD para resultados enriquecidos","whatIs":{"title":"¿Qué son los Datos Estructurados?","content":"Los datos estructurados proporcionan información sobre el contenido de la página a los motores de búsqueda en formato estandarizado. Permiten resultados enriquecidos como calificaciones, precios y acordeones FAQ."},"howToUse":{"title":"Cómo Usar","step1":"Pega el código JSON-LD","step2":"Valida la sintaxis y el schema","step3":"Revisa errores y advertencias","step4":"Copia el código validado a la página"},"tips":{"title":"Mejores Prácticas","tip1":"Usa formato JSON-LD - recomendado por Google","tip2":"Prueba con Google Rich Results Test antes de deployment","tip3":"Solo marca contenido visible"},"browserSupport":{"title":"Soporte de Motores de Búsqueda","content":"JSON-LD es soportado por Google, Bing, Yahoo y Yandex."}},"faq":{"title":"Preguntas frecuentes","items":[{"question":"¿Cuál es la diferencia entre JSON-LD, Microdata y RDFa?","answer":"Son tres formatos para datos estructurados. JSON-LD usa un script separado y es recomendado por Google por ser fácil de mantener. Microdata y RDFa se mezclan con el HTML. JSON-LD es más fácil de implementar y no afecta el renderizado de la página."},{"question":"¿Los datos estructurados garantizan rich snippets?","answer":"No. Los datos estructurados son requisito necesario pero no suficiente. Google decide cuándo mostrar rich snippets según: calidad del contenido, relevancia para la búsqueda, historial del sitio, y guidelines de spam. Implementar schema no garantiza resultados enriquecidos."},{"question":"¿Dónde coloco el JSON-LD en mi página?","answer":"El JSON-LD puede ir en <head> o <body>. Google recomienda el <head> para mejor procesamiento. Múltiples bloques JSON-LD están permitidos en la misma página. Cada bloque describe un tipo diferente de contenido (Article, Product, FAQ, etc.)."},{"question":"¿Cómo pruebo mis datos estructurados?","answer":"Usa Google Rich Results Test (search.google.com/test/rich-results) para ver si calificas para rich snippets. Schema.org Validator verifica sintaxis. Google Search Console muestra errores de tu sitio. Prueba antes de publicar para evitar problemas."},{"question":"¿Puedo usar datos estructurados para contenido invisible?","answer":"No. Google penaliza el marcado de contenido no visible para usuarios. Los datos estructurados deben reflejar contenido visible en la página. Marcar precios o reviews que no existen puede resultar en acción manual. Solo marca lo que el usuario puede ver."}]},"pageDescription":"Validar y probar datos estructurados JSON-LD para SEO"},"pagespeed":{"name":"Analizador de Velocidad","description":"Lista de verificación de Core Web Vitals e integración con PageSpeed Insights","analyze":{"title":"Análisis de PageSpeed Insights","placeholder":"Ingresa la URL a analizar...","button":"Abrir PageSpeed","hint":"Obtén resultados detallados de Google PageSpeed Insights"},"vitals":{"title":"Resumen de Core Web Vitals"},"metrics":{"lcp":{"name":"LCP (Largest Contentful Paint)","description":"Mide el tiempo de carga del contenido principal. El momento en que el usuario puede ver el contenido.","target":"Objetivo: menos de 2.5s"},"fid":{"name":"INP (Interaction to Next Paint)","description":"Mide el tiempo de respuesta a interacciones. Tiempo desde clic, toque o entrada hasta actualización visual.","target":"Objetivo: menos de 200ms"},"cls":{"name":"CLS (Cumulative Layout Shift)","description":"Mide cambios inesperados de diseño durante la carga. Indicador de estabilidad visual.","target":"Objetivo: menos de 0.1"}},"checklist":{"title":"Lista de Optimización","copy":"Copiar","copied":"Copiado","optimizeImages":"Optimizar imágenes (formato WebP, tamaño adecuado)","preloadLCP":"Precargar elemento LCP","useCDN":"Usar CDN para entrega de recursos","cacheAssets":"Habilitar caché del navegador para activos estáticos","minifyJS":"Minificar y comprimir JavaScript","deferJS":"Diferir/async JavaScript no crítico","removeUnused":"Eliminar código no utilizado","webWorkers":"Usar Web Workers para tareas pesadas","setDimensions":"Establecer ancho/alto para imágenes y videos","reserveSpace":"Reservar espacio para contenido dinámico","avoidInject":"Minimizar inyección dinámica de contenido","fontDisplay":"Usar font-display: swap","enableCompression":"Habilitar compresión Gzip/Brotli","http2":"Usar HTTP/2 o HTTP/3","lazyLoad":"Carga diferida de imágenes e iframes","criticalCSS":"CSS crítico en línea"},"sections":{"lcp":"Optimización LCP (Carga)","fid":"Optimización INP (Interactividad)","cls":"Optimización CLS (Estabilidad Visual)","general":"Optimización General"},"guide":{"title":"Guía de Optimización de Velocidad","description":"Mejora rankings de búsqueda y experiencia de usuario con Core Web Vitals","whatIs":{"title":"¿Qué son Core Web Vitals?","content":"Core Web Vitals son métricas clave de Google para calidad de páginas web, midiendo carga (LCP), interactividad (INP) y estabilidad visual (CLS). Desde 2021, son factor de ranking de Google, esenciales para SEO."},"howToUse":{"title":"Cómo Usar","step1":"Ingresa URL y abre PageSpeed Insights","step2":"Revisa datos de usuarios reales y simulación","step3":"Sigue la lista de verificación para optimizar","step4":"Re-mide después de cambios para verificar mejoras"},"tips":{"title":"Consejos de Optimización","tip1":"LCP suele ser la imagen o bloque de texto más grande","tip2":"Divide tareas JavaScript largas para mejorar INP","tip3":"Especifica dimensiones para todos los elementos multimedia para evitar CLS"},"browserSupport":{"title":"Herramientas de Medición","content":"Usa Lighthouse de Chrome DevTools, PageSpeed Insights y el informe Core Web Vitals de Search Console para medir."}},"faq":{"title":"Preguntas Frecuentes","items":[{"question":"¿Qué tan importantes son Core Web Vitals para SEO?","answer":"Core Web Vitals son uno de los factores de ranking de Google. La relevancia del contenido sigue siendo lo más importante, pero la experiencia de página importa. Se convierten en diferenciador cuando páginas competidoras tienen calidad similar."},{"question":"¿Cuál es la diferencia entre datos de campo y laboratorio?","answer":"Datos de campo (usuarios reales) reflejan experiencias reales de usuarios Chrome. Datos de laboratorio (simulación) son pruebas en condiciones controladas. Ambos son importantes, pero los datos de campo se usan para rankings."},{"question":"¿Qué puntuación importa más, móvil o escritorio?","answer":"Móvil es más importante ya que Google usa indexación móvil primero. Sin embargo, optimiza para ambos. Los usuarios móviles son más numerosos y tienen condiciones de red/dispositivo variadas."},{"question":"¿Por dónde empezar con puntuación baja?","answer":"Revisa la sección 'Oportunidades' en PageSpeed Insights. Arregla elementos con mayor ahorro de tiempo primero. Típicamente: 1) Optimización de imágenes, 2) Eliminar código no usado, 3) Eliminar recursos bloqueantes, 4) Implementar caché."},{"question":"¿Cómo manejar scripts de terceros que bajan la puntuación?","answer":"Scripts de terceros (anuncios, analytics, chat) son problemas comunes. Soluciones: 1) Revisar necesidad, 2) Cargar con defer/async, 3) Cargar después de interacción, 4) Usar patrón facade. Minimiza impacto si no puedes eliminarlos."}]}}},"badge":{"available":"Disponible","comingSoon":"Próximamente"},"openTool":"Abrir Herramienta"}},"children":"$L15"}]
</article></body></html>