https://www.lacklustre.org/es/Recent content in Bienvenido a Lack Lustre on Lack LustreHugo -- gohugo.ioes© Continuia OÜ 2026. All rights reserved.https://www.lacklustre.org/es/documentation/introduction/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/introduction/<p class="lead">Una descripción general de qué es Lack Lustre, para qué está diseñado y en qué se diferencia de las herramientas de comunicación cotidianas.</p> <h1 class="relative group">Introducción: Qué es Lack Lustre <div id="introducción-qué-es-lack-lustre" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#introducci%c3%b3n-qu%c3%a9-es-lack-lustre" aria-label="Ancla">#</a> </span> </h1> <p>Lack Lustre es una forma segura de almacenar mensajes o instrucciones y controlar cómo las personas de confianza pueden acceder a ellos en el futuro.</p>https://www.lacklustre.org/es/documentation/core/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/core/<p class="lead">Los principios de diseño que dan forma al comportamiento de Lack Lustre y por qué ciertas características están intencionalmente limitadas.</p> <h1 class="relative group">Principios fundamentales y diseño intencional <div id="principios-fundamentales-y-diseño-intencional" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#principios-fundamentales-y-dise%c3%b1o-intencional" aria-label="Ancla">#</a> </span> </h1> <p>Lack Lustre está diseñado intencionalmente para ser tranquilo, deliberado y de bajo ruido.</p>https://www.lacklustre.org/es/documentation/concepts/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/concepts/<p class="lead">Definiciones claras de los términos clave utilizados en Lack Lustre para garantizar una comprensión compartida.</p> <h1 class="relative group">Conceptos clave y terminología <div id="conceptos-clave-y-terminología" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#conceptos-clave-y-terminolog%c3%ada" aria-label="Ancla">#</a> </span> </h1> <p>Esta sección explica los términos centrales utilizados en Lack Lustre.</p>https://www.lacklustre.org/es/documentation/letters/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/letters/<p class="lead">Una descripción paso a paso del ciclo de vida de una carta, desde la creación hasta el acceso.</p> <h1 class="relative group">Cómo funcionan las cartas <div id="cómo-funcionan-las-cartas" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#c%c3%b3mo-funcionan-las-cartas" aria-label="Ancla">#</a> </span> </h1> <p>Cada carta sigue el mismo ciclo de vida de alto nivel:</p>https://www.lacklustre.org/es/documentation/delivery/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/delivery/<p class="lead">Una explicación de las dos opciones de entrega y cómo difieren en seguridad y conveniencia.</p> <h1 class="relative group">Métodos de entrega <div id="métodos-de-entrega" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#m%c3%a9todos-de-entrega" aria-label="Ancla">#</a> </span> </h1> <p>Lack Lustre ofrece dos métodos de entrega. Cada uno respalda un equilibrio diferente entre secreto y facilidad de uso.</p>https://www.lacklustre.org/es/documentation/security/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/security/<p class="lead">Cómo Lack Lustre protege tu contenido mediante cifrado, controles de acceso y diseño del sistema.</p> <h1 class="relative group">Modelo de seguridad y protección de datos <div id="modelo-de-seguridad-y-protección-de-datos" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#modelo-de-seguridad-y-protecci%c3%b3n-de-datos" aria-label="Ancla">#</a> </span> </h1> <p>La seguridad es fundamental para Lack Lustre.</p>https://www.lacklustre.org/es/documentation/options/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/options/<p class="lead">Una comparación clara para ayudarte a elegir la opción de entrega que mejor se adapte a tus necesidades.</p> <h1 class="relative group">¿Qué opción es más segura? <div id="qué-opción-es-más-segura" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#qu%c3%a9-opci%c3%b3n-es-m%c3%a1s-segura" aria-label="Ancla">#</a> </span> </h1> <p>Ambas opciones de entrega son seguras, pero priorizan resultados diferentes.</p>https://www.lacklustre.org/es/documentation/cooldown/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/cooldown/<p class="lead">Por qué las cartas no se pueden liberar inmediatamente y cómo el período de enfriamiento respalda el uso intencional.</p> <h1 class="relative group">Período de enfriamiento explicado <div id="período-de-enfriamiento-explicado" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#per%c3%adodo-de-enfriamiento-explicado" aria-label="Ancla">#</a> </span> </h1> <p>Cada carta incluye un período de enfriamiento antes de que pueda ser liberada.</p>https://www.lacklustre.org/es/documentation/privacy/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/privacy/<p class="lead">Cómo Lack Lustre minimiza los requisitos de confianza y protege tu privacidad.</p> <h1 class="relative group">Privacidad, acceso y confianza <div id="privacidad-acceso-y-confianza" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#privacidad-acceso-y-confianza" aria-label="Ancla">#</a> </span> </h1> <p>Lack Lustre está diseñado para minimizar en quién y en qué se debe confiar.</p>https://www.lacklustre.org/es/documentation/account/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/account/<p class="lead">Qué sucede con tus datos durante toda la vida de tu cuenta, incluida la eliminación.</p> <h1 class="relative group">Ciclo de vida de la cuenta y eliminación de datos <div id="ciclo-de-vida-de-la-cuenta-y-eliminación-de-datos" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#ciclo-de-vida-de-la-cuenta-y-eliminaci%c3%b3n-de-datos" aria-label="Ancla">#</a> </span> </h1> <p>Mantienes el control de tus datos en todo momento.</p>https://www.lacklustre.org/es/documentation/subscriptions/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/subscriptions/<p class="lead">Cómo funcionan las suscripciones y cuándo son — y no son — necesarias.</p> <h1 class="relative group">Suscripciones y pagos <div id="suscripciones-y-pagos" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#suscripciones-y-pagos" aria-label="Ancla">#</a> </span> </h1> <p>Las suscripciones desbloquean funciones adicionales pero no son necesarias para los destinatarios.</p>https://www.lacklustre.org/es/documentation/limitations/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/limitations/<p class="lead">Límites importantes que definen para qué está diseñado Lack Lustre — y para qué no.</p> <h1 class="relative group">Limitaciones y uso responsable <div id="limitaciones-y-uso-responsable" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#limitaciones-y-uso-responsable" aria-label="Ancla">#</a> </span> </h1> <p>Lack Lustre no está diseñado para:</p>https://www.lacklustre.org/es/documentation/support/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/documentation/support/<p class="lead">Cómo obtener ayuda y con qué puede — y no puede — ayudar el soporte.</p> <h1 class="relative group">Contacto y soporte <div id="contacto-y-soporte" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#contacto-y-soporte" aria-label="Ancla">#</a> </span> </h1> <p>El soporte está disponible para ayudar con:</p>https://www.lacklustre.org/es/lp/things-i-want-my-kids-to-know/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/lp/things-i-want-my-kids-to-know/<style> .ll-lp { --ll-ink: #2a2118; --ll-ink-soft: #5a4a39; --ll-cream: #f7efe2; --ll-cream-deep: #efe3cc; --ll-rule: rgba(70,50,30,0.18); --ll-accent: #8a5a2b; } html.dark .ll-lp { --ll-ink: #efe3cc; --ll-ink-soft: #c8b89a; --ll-cream: transparent; --ll-cream-deep: rgba(247,239,226,0.04); --ll-rule: rgba(247,239,226,0.18); --ll-accent: #d6a564; } .ll-lp { color: var(--ll-ink); padding-bottom: 5.5rem; } @media (min-width: 768px) { .ll-lp { padding-bottom: 0; } } .ll-lp h1, .ll-lp h2, .ll-lp h3 { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,'Source Serif Pro',serif; font-weight: 600; letter-spacing: -0.01em; } .ll-lp h1 { font-weight: 700; line-height: 1.05; } .ll-lp p, .ll-lp li, .ll-lp .ll-quote { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,serif; } .ll-hero { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: center; padding: 1rem 0 2.25rem; } .ll-hero__image { position: relative; aspect-ratio: 12 / 7; overflow: hidden; border-radius: 0.5rem; box-shadow: 0 12px 40px rgba(60,40,20,0.18), 0 2px 6px rgba(60,40,20,0.10); margin: 0 -1.25rem; border-radius: 0; } .ll-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; } .ll-hero__image::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px rgba(40,25,10,0.18); pointer-events: none; } .ll-hero__copy { text-align: left; } .ll-hero__eyebrow { font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ll-ink-soft); margin: 0 0 0.85rem; font-family: ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',sans-serif; } .ll-hero__eyebrow::before { content: "✦"; margin-right: 0.55em; color: var(--ll-accent); opacity: 0.9; } .ll-hero h1 { margin: 0 0 0.85rem; font-size: clamp(2rem, 5.5vw, 3.1rem); } .ll-hero__sub { font-size: 1.18rem; line-height: 1.55; color: var(--ll-ink-soft); margin: 0 0 1.6rem; max-width: 32rem; } .ll-hero__cta { display: flex; flex-wrap: wrap; gap: 0.85rem 1rem; align-items: center; margin: 0 0 0.9rem; } .ll-hero__cta a { line-height: 0; display: inline-block; transition: transform 200ms ease; } .ll-hero__cta a:hover { transform: translateY(-1px); } .ll-hero__cta img { height: 52px; width: auto; margin: 0; } .ll-hero__trust { font-size: 0.92rem; color: var(--ll-ink-soft); margin: 0.4rem 0 0; } .ll-hero__trust span { display: inline-block; } .ll-hero__trust span + span::before { content: "·"; margin: 0 0.55em; opacity: 0.55; } @media (min-width: 768px) { .ll-hero { grid-template-columns: 1.05fr 1fr; gap: 3rem; padding: 2.5rem 0 3rem; } .ll-hero__image { margin: 0; border-radius: 0.5rem; order: 2; } .ll-hero__copy { order: 1; } .ll-hero h1 { font-size: clamp(2.4rem, 3.6vw, 3.4rem); } } .ll-section { padding: 2rem 0; } .ll-section h2 { margin: 0 0 0.75rem; font-size: clamp(1.5rem, 2.6vw, 1.95rem); } .ll-section > p { color: var(--ll-ink-soft); } .ll-section--center { text-align: center; } .ll-section--center > * { margin-left: auto; margin-right: auto; } .ll-section--center > p { max-width: 38rem; } .ll-divider { border: 0; height: 1px; background: var(--ll-rule); margin: 2rem 0; max-width: 4rem; } .ll-divider--center { margin-left: auto; margin-right: auto; } .ll-usecases, .ll-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem 2rem; margin-top: 1.5rem; } .ll-usecases > div, .ll-cards > div { padding-top: 0.5rem; border-top: 1px solid var(--ll-rule); } .ll-usecases h3, .ll-cards h3 { margin: 0.5rem 0 0.4rem; font-size: 1.15rem; color: var(--ll-ink); } .ll-usecases p, .ll-cards p { margin: 0; color: var(--ll-ink-soft); font-size: 1rem; line-height: 1.55; } .ll-shots { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr; gap: 1.5rem; justify-items: center; } @media (min-width: 640px) { .ll-shots { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } .ll-shots__caption { text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.78rem; color: var(--ll-ink-soft); margin: 0 0 0.25rem; font-family: ui-sans-serif,system-ui,-apple-system,sans-serif; } .ll-phone { aspect-ratio: 9 / 19; max-width: 220px; width: 100%; background: #1a140d; border-radius: 1.6rem; padding: 0.45rem; box-shadow: 0 18px 40px rgba(60,40,20,0.22), 0 3px 8px rgba(60,40,20,0.12); position: relative; } .ll-phone::before { content: ""; position: absolute; top: 0.55rem; left: 50%; transform: translateX(-50%); width: 30%; height: 0.45rem; background: #0a0703; border-radius: 0 0 0.6rem 0.6rem; z-index: 2; } .ll-phone img { width: 100%; height: 100%; object-fit: cover; border-radius: 1.2rem; display: block; margin: 0; } .ll-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; margin-top: 1.5rem; } .ll-step { padding: 1.25rem 1.25rem 1.4rem; border-radius: 0.65rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; color: var(--ll-ink); } .ll-step p { margin: 0; color: var(--ll-ink-soft); font-size: 0.98rem; } .ll-step__num { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.15em; color: var(--ll-accent); margin-bottom: 0.4rem; } .ll-founder { display: grid; grid-template-columns: 1fr; gap: 1.25rem; align-items: start; margin-top: 1rem; padding: 1.5rem 0; border-top: 1px solid var(--ll-rule); border-bottom: 1px solid var(--ll-rule); } @media (min-width: 640px) { .ll-founder { grid-template-columns: 140px 1fr; gap: 1.75rem; } } .ll-founder img { width: 140px; height: 140px; object-fit: cover; border-radius: 0.5rem; margin: 0; box-shadow: 0 6px 18px rgba(60,40,20,0.18); } .ll-founder h2 { margin: 0 0 0.55rem; font-size: 1.4rem; } .ll-founder p { margin: 0; color: var(--ll-ink-soft); line-height: 1.65; } .ll-founder__sig { font-style: italic; color: var(--ll-ink); margin-top: 0.6rem !important; } .ll-privacy { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 640px) { .ll-privacy { grid-template-columns: repeat(3, 1fr); gap: 1.75rem; } } .ll-privacy__item { display: flex; flex-direction: column; gap: 0.45rem; padding: 0.25rem 0; } .ll-privacy__icon { width: 2rem; height: 2rem; color: var(--ll-accent); } .ll-privacy__icon svg { width: 100%; height: 100%; stroke-width: 1.4; } .ll-privacy__label { margin: 0; font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-weight: 600; font-size: 1.05rem; color: var(--ll-ink); } .ll-privacy__desc { margin: 0; color: var(--ll-ink-soft); font-size: 0.97rem; line-height: 1.5; } .ll-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 0.85rem; margin-top: 1.25rem; } .ll-quote { padding: 1rem 1.15rem; border-left: 2px solid var(--ll-accent); font-style: italic; background: var(--ll-cream-deep); border-radius: 0 0.4rem 0.4rem 0; color: var(--ll-ink); font-size: 1.02rem; line-height: 1.5; } .ll-samples { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 768px) { .ll-samples { grid-template-columns: 1fr 1fr; gap: 1.75rem; } } .ll-sample { padding: 1.4rem 1.5rem 1.5rem; border-radius: 0.55rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); position: relative; } .ll-sample__label { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ll-accent); margin: 0 0 0.7rem; padding: 0.25rem 0.6rem; border: 1px solid var(--ll-rule); border-radius: 999px; background: rgba(247,239,226,0.4); } html.dark .ll-sample__label { background: rgba(247,239,226,0.06); } .ll-sample p { margin: 0 0 0.75rem; color: var(--ll-ink); line-height: 1.6; } .ll-sample p:last-child { margin-bottom: 0; } .ll-sample p em, .ll-sample em { font-style: italic; color: var(--ll-ink-soft); } .ll-faqs { margin-top: 1.5rem; } .ll-faq { border-bottom: 1px solid var(--ll-rule); } .ll-faq:first-child { border-top: 1px solid var(--ll-rule); } .ll-faq summary { cursor: pointer; padding: 1rem 0; font-weight: 600; list-style: none; color: var(--ll-ink); font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-size: 1.05rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .ll-faq summary::-webkit-details-marker { display: none; } .ll-faq summary::after { content: "+"; flex-shrink: 0; width: 1.4rem; height: 1.4rem; display: inline-flex; align-items: center; justify-content: center; color: var(--ll-accent); font-weight: 400; font-size: 1.3rem; line-height: 1; transition: transform 200ms ease; } .ll-faq[open] summary::after { content: "−"; } .ll-faq p { margin: 0 0 1rem; color: var(--ll-ink-soft); line-height: 1.6; } .ll-cta-row { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 1.5rem 0 0.5rem; } .ll-cta-row a { line-height: 0; display: inline-block; } .ll-cta-row img { height: 48px; width: auto; margin: 0; } .ll-final { text-align: center; padding: 2.5rem 0 1.5rem; } .ll-final h2 { margin-bottom: 0.5rem; font-size: clamp(1.6rem, 3vw, 2.1rem); } .ll-final p { max-width: 34rem; margin: 0 auto 1.5rem; color: var(--ll-ink-soft); } .ll-stores { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 0; } .ll-stores a { line-height: 0; display: inline-block; } .ll-stores img { height: 52px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; color: var(--ll-ink-soft); font-size: 0.92rem; padding: 1.5rem 0 0.5rem; } .ll-footer-trust strong { color: var(--ll-ink); font-weight: 600; } .ll-sticky { display: none; } @media (max-width: 767px) { .ll-sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; gap: 0.6rem; justify-content: center; align-items: center; padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom, 0px)); background: var(--ll-cream); border-top: 1px solid var(--ll-rule); box-shadow: 0 -6px 18px rgba(60,40,20,0.08); } html.dark .ll-sticky { background: #1a140d; } .ll-sticky a { line-height: 0; display: inline-block; } .ll-sticky img { height: 40px; width: auto; margin: 0; } } @media (prefers-reduced-motion: no-preference) { .ll-hero__copy > * { opacity: 0; transform: translateY(10px); animation: ll-rise 700ms cubic-bezier(.2,.7,.2,1) forwards; } .ll-hero__copy > *:nth-child(1) { animation-delay: 60ms; } .ll-hero__copy > *:nth-child(2) { animation-delay: 160ms; } .ll-hero__copy > *:nth-child(3) { animation-delay: 260ms; } .ll-hero__copy > *:nth-child(4) { animation-delay: 360ms; } .ll-hero__copy > *:nth-child(5) { animation-delay: 460ms; } .ll-hero__image { opacity: 0; animation: ll-fade 900ms ease-out 120ms forwards; } @keyframes ll-rise { to { opacity: 1; transform: none; } } @keyframes ll-fade { to { opacity: 1; } } } </style> <div class="ll-lp"> <section class="ll-hero"> <div class="ll-hero__image"> <picture> <source media="(min-width: 768px)" srcset="https://www.lacklustre.org/vintage-letter-foutain-pen-scene-1642x958.png" /> <img src="https://www.lacklustre.org/vintage-letter-foutain-pen-scene-821x479.png" alt="Una carta manuscrita y una pluma estilográfica sobre un escritorio de madera vintage." loading="eager" /> </picture> </div> <div class="ll-hero__copy"> <p class="ll-hero__eyebrow">Lack Lustre</p>https://www.lacklustre.org/es/lp/you-know-where-everything-is/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/es/lp/you-know-where-everything-is/<style> .ll-lp { --ll-ink: #2a2118; --ll-ink-soft: #5a4a39; --ll-cream: #f7efe2; --ll-cream-deep: #efe3cc; --ll-rule: rgba(70,50,30,0.18); --ll-accent: #8a5a2b; } html.dark .ll-lp { --ll-ink: #efe3cc; --ll-ink-soft: #c8b89a; --ll-cream: transparent; --ll-cream-deep: rgba(247,239,226,0.04); --ll-rule: rgba(247,239,226,0.18); --ll-accent: #d6a564; } .ll-lp { color: var(--ll-ink); padding-bottom: 5.5rem; } @media (min-width: 768px) { .ll-lp { padding-bottom: 0; } } .ll-lp h1, .ll-lp h2, .ll-lp h3 { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,'Source Serif Pro',serif; font-weight: 600; letter-spacing: -0.01em; } .ll-lp h1 { font-weight: 700; line-height: 1.05; } .ll-lp p, .ll-lp li, .ll-lp .ll-quote { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,serif; } .ll-hero { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: center; padding: 1rem 0 2.25rem; } .ll-hero__image { position: relative; aspect-ratio: 12 / 7; overflow: hidden; border-radius: 0.5rem; box-shadow: 0 12px 40px rgba(60,40,20,0.18), 0 2px 6px rgba(60,40,20,0.10); margin: 0 -1.25rem; border-radius: 0; } .ll-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; } .ll-hero__image::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px rgba(40,25,10,0.18); pointer-events: none; } .ll-hero__copy { text-align: left; } .ll-hero__eyebrow { font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ll-ink-soft); margin: 0 0 0.85rem; font-family: ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',sans-serif; } .ll-hero__eyebrow::before { content: "✦"; margin-right: 0.55em; color: var(--ll-accent); opacity: 0.9; } .ll-hero h1 { margin: 0 0 0.85rem; font-size: clamp(2rem, 5.5vw, 3.1rem); } .ll-hero__sub { font-size: 1.18rem; line-height: 1.55; color: var(--ll-ink-soft); margin: 0 0 1.6rem; max-width: 32rem; } .ll-hero__cta { display: flex; flex-wrap: wrap; gap: 0.85rem 1rem; align-items: center; margin: 0 0 0.9rem; } .ll-hero__cta a { line-height: 0; display: inline-block; transition: transform 200ms ease; } .ll-hero__cta a:hover { transform: translateY(-1px); } .ll-hero__cta img { height: 52px; width: auto; margin: 0; } .ll-hero__trust { font-size: 0.92rem; color: var(--ll-ink-soft); margin: 0.4rem 0 0; } .ll-hero__trust span { display: inline-block; } .ll-hero__trust span + span::before { content: "·"; margin: 0 0.55em; opacity: 0.55; } @media (min-width: 768px) { .ll-hero { grid-template-columns: 1.05fr 1fr; gap: 3rem; padding: 2.5rem 0 3rem; } .ll-hero__image { margin: 0; border-radius: 0.5rem; order: 2; } .ll-hero__copy { order: 1; } .ll-hero h1 { font-size: clamp(2.4rem, 3.6vw, 3.4rem); } } .ll-section { padding: 2rem 0; } .ll-section h2 { margin: 0 0 0.75rem; font-size: clamp(1.5rem, 2.6vw, 1.95rem); } .ll-section > p { color: var(--ll-ink-soft); } .ll-section--center { text-align: center; } .ll-section--center > * { margin-left: auto; margin-right: auto; } .ll-section--center > p { max-width: 38rem; } .ll-divider { border: 0; height: 1px; background: var(--ll-rule); margin: 2rem 0; max-width: 4rem; } .ll-divider--center { margin-left: auto; margin-right: auto; } .ll-usecases, .ll-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem 2rem; margin-top: 1.5rem; } .ll-usecases > div, .ll-cards > div { padding-top: 0.5rem; border-top: 1px solid var(--ll-rule); } .ll-usecases h3, .ll-cards h3 { margin: 0.5rem 0 0.4rem; font-size: 1.15rem; color: var(--ll-ink); } .ll-usecases p, .ll-cards p { margin: 0; color: var(--ll-ink-soft); font-size: 1rem; line-height: 1.55; } .ll-shots { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr; gap: 1.5rem; justify-items: center; } @media (min-width: 640px) { .ll-shots { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } .ll-shots__caption { text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.78rem; color: var(--ll-ink-soft); margin: 0 0 0.25rem; font-family: ui-sans-serif,system-ui,-apple-system,sans-serif; } .ll-phone { aspect-ratio: 9 / 19; max-width: 220px; width: 100%; background: #1a140d; border-radius: 1.6rem; padding: 0.45rem; box-shadow: 0 18px 40px rgba(60,40,20,0.22), 0 3px 8px rgba(60,40,20,0.12); position: relative; } .ll-phone::before { content: ""; position: absolute; top: 0.55rem; left: 50%; transform: translateX(-50%); width: 30%; height: 0.45rem; background: #0a0703; border-radius: 0 0 0.6rem 0.6rem; z-index: 2; } .ll-phone img { width: 100%; height: 100%; object-fit: cover; border-radius: 1.2rem; display: block; margin: 0; } .ll-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; margin-top: 1.5rem; } .ll-step { padding: 1.25rem 1.25rem 1.4rem; border-radius: 0.65rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; color: var(--ll-ink); } .ll-step p { margin: 0; color: var(--ll-ink-soft); font-size: 0.98rem; } .ll-step__num { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.15em; color: var(--ll-accent); margin-bottom: 0.4rem; } .ll-founder { display: grid; grid-template-columns: 1fr; gap: 1.25rem; align-items: start; margin-top: 1rem; padding: 1.5rem 0; border-top: 1px solid var(--ll-rule); border-bottom: 1px solid var(--ll-rule); } @media (min-width: 640px) { .ll-founder { grid-template-columns: 140px 1fr; gap: 1.75rem; } } .ll-founder img { width: 140px; height: 140px; object-fit: cover; border-radius: 0.5rem; margin: 0; box-shadow: 0 6px 18px rgba(60,40,20,0.18); } .ll-founder h2 { margin: 0 0 0.55rem; font-size: 1.4rem; } .ll-founder p { margin: 0; color: var(--ll-ink-soft); line-height: 1.65; } .ll-founder__sig { font-style: italic; color: var(--ll-ink); margin-top: 0.6rem !important; } .ll-privacy { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 640px) { .ll-privacy { grid-template-columns: repeat(3, 1fr); gap: 1.75rem; } } .ll-privacy__item { display: flex; flex-direction: column; gap: 0.45rem; padding: 0.25rem 0; } .ll-privacy__icon { width: 2rem; height: 2rem; color: var(--ll-accent); } .ll-privacy__icon svg { width: 100%; height: 100%; stroke-width: 1.4; } .ll-privacy__label { margin: 0; font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-weight: 600; font-size: 1.05rem; color: var(--ll-ink); } .ll-privacy__desc { margin: 0; color: var(--ll-ink-soft); font-size: 0.97rem; line-height: 1.5; } .ll-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 0.85rem; margin-top: 1.25rem; } .ll-quote { padding: 1rem 1.15rem; border-left: 2px solid var(--ll-accent); font-style: italic; background: var(--ll-cream-deep); border-radius: 0 0.4rem 0.4rem 0; color: var(--ll-ink); font-size: 1.02rem; line-height: 1.5; } .ll-samples { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 768px) { .ll-samples { grid-template-columns: 1fr 1fr; gap: 1.75rem; } } .ll-sample { padding: 1.4rem 1.5rem 1.5rem; border-radius: 0.55rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); position: relative; } .ll-sample__label { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ll-accent); margin: 0 0 0.7rem; padding: 0.25rem 0.6rem; border: 1px solid var(--ll-rule); border-radius: 999px; background: rgba(247,239,226,0.4); } html.dark .ll-sample__label { background: rgba(247,239,226,0.06); } .ll-sample p { margin: 0 0 0.75rem; color: var(--ll-ink); line-height: 1.6; } .ll-sample p:last-child { margin-bottom: 0; } .ll-sample p em, .ll-sample em { font-style: italic; color: var(--ll-ink-soft); } .ll-faqs { margin-top: 1.5rem; } .ll-faq { border-bottom: 1px solid var(--ll-rule); } .ll-faq:first-child { border-top: 1px solid var(--ll-rule); } .ll-faq summary { cursor: pointer; padding: 1rem 0; font-weight: 600; list-style: none; color: var(--ll-ink); font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-size: 1.05rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .ll-faq summary::-webkit-details-marker { display: none; } .ll-faq summary::after { content: "+"; flex-shrink: 0; width: 1.4rem; height: 1.4rem; display: inline-flex; align-items: center; justify-content: center; color: var(--ll-accent); font-weight: 400; font-size: 1.3rem; line-height: 1; transition: transform 200ms ease; } .ll-faq[open] summary::after { content: "−"; } .ll-faq p { margin: 0 0 1rem; color: var(--ll-ink-soft); line-height: 1.6; } .ll-cta-row { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 1.5rem 0 0.5rem; } .ll-cta-row a { line-height: 0; display: inline-block; } .ll-cta-row img { height: 48px; width: auto; margin: 0; } .ll-final { text-align: center; padding: 2.5rem 0 1.5rem; } .ll-final h2 { margin-bottom: 0.5rem; font-size: clamp(1.6rem, 3vw, 2.1rem); } .ll-final p { max-width: 34rem; margin: 0 auto 1.5rem; color: var(--ll-ink-soft); } .ll-stores { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 0; } .ll-stores a { line-height: 0; display: inline-block; } .ll-stores img { height: 52px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; color: var(--ll-ink-soft); font-size: 0.92rem; padding: 1.5rem 0 0.5rem; } .ll-footer-trust strong { color: var(--ll-ink); font-weight: 600; } .ll-sticky { display: none; } @media (max-width: 767px) { .ll-sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; gap: 0.6rem; justify-content: center; align-items: center; padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom, 0px)); background: var(--ll-cream); border-top: 1px solid var(--ll-rule); box-shadow: 0 -6px 18px rgba(60,40,20,0.08); } html.dark .ll-sticky { background: #1a140d; } .ll-sticky a { line-height: 0; display: inline-block; } .ll-sticky img { height: 40px; width: auto; margin: 0; } } @media (prefers-reduced-motion: no-preference) { .ll-hero__copy > * { opacity: 0; transform: translateY(10px); animation: ll-rise 700ms cubic-bezier(.2,.7,.2,1) forwards; } .ll-hero__copy > *:nth-child(1) { animation-delay: 60ms; } .ll-hero__copy > *:nth-child(2) { animation-delay: 160ms; } .ll-hero__copy > *:nth-child(3) { animation-delay: 260ms; } .ll-hero__copy > *:nth-child(4) { animation-delay: 360ms; } .ll-hero__copy > *:nth-child(5) { animation-delay: 460ms; } .ll-hero__image { opacity: 0; animation: ll-fade 900ms ease-out 120ms forwards; } @keyframes ll-rise { to { opacity: 1; transform: none; } } @keyframes ll-fade { to { opacity: 1; } } } </style> <div class="ll-lp"> <section class="ll-hero"> <div class="ll-hero__image"> <picture> <source media="(min-width: 768px)" srcset="https://www.lacklustre.org/cozy-vintage-desk-vignette-1642x958.png" /> <img src="https://www.lacklustre.org/cozy-vintage-desk-vignette-821x479.png" alt="Un escritorio vintage acogedor con una lámpara cálida, un cuaderno y una taza — el lugar donde te sientas a poner las cosas en orden." loading="eager" /> </picture> </div> <div class="ll-hero__copy"> <p class="ll-hero__eyebrow">Lack Lustre</p>