Update last post, update li's font size and add margin to h3 (#77)

_layouts/post.liquid

@@ -27,7 +27,7 @@
 	}
 	header img { object-fit: cover; width: 100%; height: 100%; }
 	article { font-size: 1.1em; line-height: 1.8em; max-width: 700px; margin: auto; }
-	article>p { margin: calc(1.5rem + 2vmin) 0; }
+	article>p, article>h3 { margin: calc(1.5rem + 2vmin) 0; }
 	article strong { color: var(--clr-olive-darker); }
 	article a { color: var(--clr-lavender-darker); }
 	article ul { list-style: "⬡   "; }

about.liquid

@@ -57,7 +57,7 @@ data:
 		}
 	}
 	#benefits-list span { color: var(--clr-lavender-darker); font-weight: 700; }
-	#benefits-list li { color: var(--clr-olive-darker); margin: 2rem; }
+	#benefits-list li { color: var(--clr-olive-darker); margin: 2rem; --font-size-paragraph: clamp(1.2rem, 3vw, 1.4rem); font-size: var(--font-size-paragraph); }
 	#benefits figure.colmenas svg {
 		transform: rotateX(-3.46deg);
 		display: inline;

blog/02_web3-saas-beneficios.md

@@ -1,8 +1,7 @@
 ---
 title: "Desarrollo e Integración de Herramientas Digitales para Tu Negocio"
 description: |
-  Welcome to Virto Network, a decentralized infrastructure
-  for marketplaces that make a difference.
+ ¿Necesitas una app o pasarela de pago segura? En Virto, unimos Web 3.0, desarrollo y comunidades locales para brindarte soluciones integrales. ¡Conócenos! 
 published_date: 2023-09-11 12:34:56 +0100
 permalink: /blog/web3-saas-beneficios
 data:
@@ -14,69 +13,76 @@ is_draft: false
 
 # Virto: Desarrollo e Integración de Herramientas Digitales para Tu Negocio
 
-En Virto te ofrecemos soluciones personalizadas para la Web 3.0, así proteges tus datos sin perder la libertad que mereces en el mundo digital. **¡Sigue leyendo!**
-
 Desde que el internet nació, hemos sido principalmente espectadores. Al inicio, las páginas eran como carteles digitales donde **solo podíamos ver información**, sin interactuar mucho. 
 
 Con la llegada de la **Web 2.0**, pudimos interactuar más, pero también nos volvimos productos para las grandes empresas, que **vendían nuestros datos.**
 
-Ahora, la **Web 3.0** busca cambiar el juego. Se trata de darte el control total de tu información y experiencias online. Aquí es donde Virto entra en escena. 
+Ahora, la **Web 3.0** busca cambiar el juego. Se trata de darte el control total de tu información y experiencias online. **Aquí es donde Virto entra en escena.**
+
+Virto te brinda herramientas personalizadas para: **construir aplicaciones descentralizadas, gestionar comunidades locales** y ejecutar transacciones seguras mediante **pasarelas de pago innovadoras.**
+
+Asegurando que tus datos permanezcan protegidos y bajo tu control directo, sin intermediarios que intervengan.
+
+### Conoce qué es Virto
 
-Al ser una solución diseñada para esta nueva web, Virto te permite navegar, compartir y trabajar en línea con la seguridad de que tus datos están protegidos y en tus manos. No más intermediarios que decidan por ti, **¡tú tienes el control!**
 
-### 1. Definición de Virto
+Virto es una plataforma descentralizada enfocada en el impacto social. Brindamos **la base tecnológica necesaria para crear y operar en la Web 3.0.**
+Además, proveemos el servicio de **desarrollo e integración de herramientas digitales para comunidades y negocios.**
 
-**Virto** es una plataforma que ofrece el desarrollo e integración de herramientas digitales diseñadas para potenciar comunidades y negocios en el entorno web 3. Entre estas herramientas se encuentran:
+Con nuestro talentoso equipo de programadores, diseñamos e implementamos soluciones a medida, **satisfaciendo las necesidades específicas de nuestros clientes.**
 
+>	**Todo esto con la visión constante de forjar un mundo digital más justo y equitativo.**
 
+Algunas de estas herramientas que ofrecemos para adoptar en tu negocio:
+
+* **Desarrollo de dApps:** Las aplicaciones descentralizadas (dApps), son programas que operan sobre **tecnologías blockchain**, lo que les proporciona características únicas de seguridad, transparencia y resistencia a la censura.
 
-* **Desarrollo de dApps:** Las aplicaciones descentralizadas (dApps), son programas que operan sobre tecnologías blockchain, lo que les proporciona características únicas de seguridad, transparencia y resistencia a la censura.
 * **Pasarelas de pago descentralizadas:** Son sistemas de pago que operan en una red blockchain, asegurando transacciones rápidas y seguras.
-* **Gestión de comunidades y más:** Ofrece herramientas para administrar y crecer comunidades en línea, desde chats hasta votaciones y decisiones comunitarias en una plataforma descentralizada
+
+* **Gestión de comunidades y más:** Ofrece herramientas para crear, administrar y fortalecer comunidades comerciales en línea, desde chats especializados, hasta el derecho a votar y decidir en comunidad sobre temas importantes.
+
 
 >	**Nuestro objetivo es hacer que la tecnología moderna, como la Web 3.0, sea accesible y útil para todos.**
 
-### 2. Arquitectura de Virto
+### Bueno, ¿y en qué se basa Virto?
+
+### **Tecnología Blockchain**
 
-**2.1 Blockchain**
 
 
+El blockchain es como un libro de contabilidad digital que es imposible de alterar, lo que garantiza la integridad de la información.
+
+Tradicionalmente, si quisieras hacer una transacción, requerirías de intermediarios, lo que lleva tiempo y genera costos. **Con Blockchain, estas transacciones son más rápidas y económicas.**
+
+Igualmente, puedes crear aplicaciones, activos o bienes digitales y comunidades descentralizadas. En **Virto**, utilizamos esta tecnología para ofrecer:
 
-* **¿Qué hace?** Es como el cerebro principal de Virto, enfocado en funciones esenciales que requieren la máxima confiabilidad.
 * **Pagos**: Facilita transacciones seguras, permitiendo incluso crear tu propia moneda con reglas personalizadas.
-* **Comunidades**: Ofrece herramientas para gestionar comunidades y grupos puedan tomar decisiones juntas y manejar sus fondos.
-* **Activos de red**: Te permite hacer transacciones con diferentes tipos de "monedas" o activos de otras redes.
+* **Comunidades**: Ofrece herramientas para gestionar que las comunidades locales y comerciales puedan tomar decisiones conjuntas y manejar sus fondos.
+* **Activos o Bienes Digitales**: Te permite hacer transacciones con diferentes tipos de "monedas" como Bitcoin, Ethereum, Dot, entre otras o activos de otras redes como obras de arte o terrenos digitales.
 
 
+
+### **Comunicaciones descentralizadas, ¡por fin términos familiares!**
 
-**1**. **Comunicaciones descentralizadas**
+Es el mensajero de Virto, asegurando que la información llegue a donde debe.
 
 
-* **¿Qué hace?** Es el mensajero de Virto, asegurando que la información llegue a donde debe.
 * **Sistema de Pago**: Proporciona canales seguros para compartir y guardar información personal.
 * **Inicio de Sesión y Comunicación**: Facilita la interacción con Virto, haciendo más sencilla la experiencia del usuario.
 * **Mercados**: Ayuda a los comerciantes a mostrar sus productos en un espacio digital.
 * **Almacenamiento**: Guarda mensajes y datos en una red de servidores que trabajan juntos, pero de manera descentralizada (sin un punto central).
 
 
 
-**2**. **Extensiones**
-
-
-* **¿Qué hace?** Es el lugar donde las comunidades añaden su toque secreto.
-* **Amigable para Desarrolladores**: Permite a quienes crean aplicaciones usar herramientas que ya conocen. Sin embargo, si no sabes de programación te brindamos la solución para el servicio que necesites.
-* **Portabilidad**: Las aplicaciones se pueden usar en diferentes dispositivos, incluyendo navegadores web, gracias a un sistema de almacenamiento descentralizado.
-
-**3**. **Beneficios de Virto:**
-
+### **Para terminar ¿Cuáles son los beneficios de Virto**
 
 
-* **Descentralización y Seguridad:** Al operar sobre tecnologías blockchain, Virto elimina puntos centrales de fallo, reduciendo riesgos de hackeos o censura y asegurando que la información y transacciones estén protegidas.
+* **Descentralización y Seguridad:** Al operar sobre tecnologías blockchain, Virto elimina puntos centrales de fallo, reduciendo riesgos de hackeos o censura y asegurando que la información y transacciones están protegidas.
 * **Flexibilidad en soluciones:** Cada comunidad o negocio tiene necesidades únicas. Virto ofrece herramientas modulares y personalizables para asegurarse de que cada usuario obtenga lo que necesita.
-* **Transparencia en operaciones:** Gracias a la naturaleza abierta del blockchain, todas las transacciones y operaciones son verificables por cualquier participante, promoviendo la confianza y claridad en cada acción realizada.
+* **Transparencia en operaciones:** Gracias a la naturaleza abierta o libre de la tecnología blockchain, todas las transacciones y operaciones son verificables por cualquier participante, promoviendo la confianza y claridad en cada acción realizada.
 * **Empoderamiento del usuario:** Virto pone el control en manos del usuario. En lugar de depender de grandes corporaciones o entidades centralizadas, cada persona tiene la libertad de decidir, actuar y personalizar su experiencia en el ecosistema Virto.
 
-¿Cansado de que las herramientas digitales no se adapten a las necesidades únicas de tu negocio? En **Virto**, entendemos tus desafíos. **Regístrate** y cuéntanos tus inquietudes; trabajaremos juntos para ofrecerte **soluciones personalizadas** que realmente funcionen para ti. **¡Da el siguiente paso hacia el éxito digital!** 🚀
+¿Cansado de que las herramientas digitales no se adapten a las necesidades únicas de tu negocio? En **Virto**, entendemos tus desafíos. **Regístrate** y cuéntanos tus inquietudes; trabajaremos juntos para ofrecerte **soluciones personalizadas** que realmente funcionen para ti. **¡Da el siguiente paso hacia el futuro digital!** 🚀
 
 <button>
 	<a href="https://forms.gle/hSjzyETwuGMadsaU8" >

css/common.css

@@ -33,7 +33,7 @@ button a:hover { text-decoration: none; }
     margin-left: 0.5em;
 }
 
-h1, h2, h3, h4, h5, h6, p {
+h1, h2, h3, h4, h5, h6, p, a, ul, li {
 	margin: 0;
 	padding: 0;
 }
@@ -43,9 +43,7 @@ h1, h2, h3, h4, h5, h6 { line-height: calc(1em + 0.5vh); }
 h1, h2 { font-size: var(--font-size-title-page); }
 h3, h4 { font-size: var(--font-size-subtitle); }
 h5 { font-size: calc(var(--font-size-paragraph) - 1px )}
-p, a { font-size: var(--font-size-paragraph); }
-li { font-size: var(--font-size-list); }
-
+p, a, li { font-size: var(--font-size-paragraph); }
 
 /*General font-family for these elements, add here any other element you want*/
 a, button, p, li, h3, h5, strong { font-family:  var(--font-secondary); }

css/variables.css

@@ -23,7 +23,6 @@
     --font-size-title-page: clamp(2.5rem, 5vw, 3.75rem);
     --font-size-paragraph: clamp(1rem, 2vw, 1.25rem);
     --font-size-subtitle: clamp(1.3rem, 3vw, 1.88rem);
-	--font-size-list: clamp(1.2rem, 3vw, 1.4rem);
     --font-size-button: clamp(1rem, 3vw, 1.3rem);
 /*Font weights*/
     --font-weight-300: 300;