Arreglo posts horizontales

astro.config.mjs

@@ -1,12 +1,14 @@
 import { defineConfig } from 'astro/config';
-
 import mdx from '@astrojs/mdx';
-
 import sitemap from '@astrojs/sitemap';
+import tailwindcss from "@tailwindcss/vite";
 
 // https://astro.build/config
 export default defineConfig({
     // Enable Svelte to support Svelte components.
     integrations: [mdx(), sitemap()],
-    site: "https://ecobjetivos.h4ckdata.es"
+    site: "https://ecobjetivos.h4ckdata.es",
+    vite: {
+        plugins: [tailwindcss()],
+    },
 });

package.json

@@ -11,8 +11,12 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.0.8",
+    "@astrojs/mdx": "^4.2.1",
-    "@astrojs/sitemap": "^3.2.1",
+    "@astrojs/sitemap": "^3.3.0",
-    "astro": "^5.3.1"
+    "@tailwindcss/vite": "^4.0.12",
+    "astro": "^5.5.4"
+  },
+  "devDependencies": {
+    "daisyui": "^5.0.0"
   }
 }

src/components/ListadoPostsHorizontal.astro

@@ -1,51 +1,57 @@
 ---
 import { getCollection } from "astro:content";
 const posts = await getCollection("posts");
+// Selecciona 3 posts aleatorios
+const selectedPosts = posts.sort(() => Math.random() - 0.5).slice(0, 3);
 ---
-
+<div class="flex flex-wrap justify-center -mx-2">
-<div class="row">
+{
-    {
+selectedPosts.map((post) => (
-        posts.slice(0, 3).map((post) => (
+<div class="w-full md:w-1/3 p-2 mb-4 animate-on-scroll">
-            <div class="col-md-4 mb-4 animate-on-scroll">
+  <div class="card relative overflow-hidden bg-gradient-to-b from-neutral/80 to-neutral/90 dark:from-base-100/80 dark:to-base-100/90 shadow-lg h-full">
-                <div class="card h-100">
+    <div class="absolute inset-0 z-0">
-                    <div class="card-body d-flex flex-column">
+      <div class="aspect-[16/9] overflow-hidden">
-                        <h5 class="card-title">
+        <img
-                            {post.data.titulo}
+          src={post.data.imagen}
-                        </h5>
+          class="w-full h-full object-cover opacity-40 dark:opacity-50"
-                        <p class="card-text post-content flex-grow-1">
+          alt={post.data.titulo}
-                            {post.data.descripcion}
+        />
-                        </p>
+      </div>
-                        <a href={"/posts/" + post.id} class="btn btn-success mt-auto">
+      <div class="absolute inset-0 bg-black/40 dark:bg-black/30"></div>
-                            Ver detalles
+    </div>
-                        </a>
+    <div class="relative z-10 flex flex-col p-6 h-full">
-                    </div>
+      <h5 class="text-xl font-bold mb-3 text-white dark:text-base-content">
-                </div>
+        {post.data.titulo}
-            </div>
+      </h5>
-        ))
+      <p class="text-base mb-4 text-white/90 dark:text-base-content/80 line-clamp-3">
-    }
+        {post.data.descripcion}
+      </p>
+      <a
+        href={"/posts/" + post.id}
+        class="btn btn-primary w-full mt-auto"
+      >
+        Leer post
+      </a>
+    </div>
+  </div>
+</div>
+ ))
+}
 </div>
-
 <style>
-    .post-content {
+.card {
-        display: -webkit-box;
+  transition: 
-        -webkit-box-orient: vertical;
+    transform 0.3s ease,
-        overflow: hidden;
+    box-shadow 0.3s ease;
-        -webkit-line-clamp: 4; /* Limita a 4 líneas */
+}
-        line-height: 1.5; /* Ajusta según el diseño */
+.card:hover {
-        max-height: calc(1.5em * 4); /* Calcula la altura máxima */
+  transform: translateY(-5px);
-    }
+  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
-    .card {
+}
-        transition: transform 0.3s ease, box-shadow 0.3s ease;
+.line-clamp-3 {
-        background: #ffffff;
+  display: -webkit-box;
-        display: flex;
+  -webkit-line-clamp: 3;
-        flex-direction: column;
+  -webkit-box-orient: vertical;
-        height: 100%;
+  overflow: hidden;
-    }
+}
-    .card:hover {
+</style>
-        transform: translateY(-5px);
-        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
-    }
-    .btn-success {
-        transition: transform 0.3s ease;
-    }
-</style>

src/components/Navbar.astro

@@ -1,57 +1,42 @@
 ---
 import { Image } from "astro:assets";
 const { home, posts, proyectos } = Astro.props;
+import "../styles/global.css";
 ---
 
 <head>
   <meta charset="utf-8" />
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
 </head>
 
 <main>
-  <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
+  <nav class="navbar bg-base-100 fixed top-0 z-50 shadow-lg">
-    <div class="container">
+    <div class="navbar-start">
-      <a class="navbar-brand d-flex align-items-center" href={home ? home : "/"}>
+      <a class="btn btn-ghost normal-case text-xl" href={home ? home : "/"}>
-        <Image
+        <Image src="/logo.png" alt="Logo Ecobjetivos" class="mr-2" height="25" width="25" />
-          src="/logo.png"
+        Ecobjetivos
-          alt="Logo Ecobjetivos"
-          class="me-2 biglogo"
-          height="25"
-          width="25"
-        />
-        &nbsp Ecobjetivos
       </a>
-      <button
+    </div>
-        class="navbar-toggler"
+    <div class="navbar-end">
-        type="button"
+      <!-- Mobile Dropdown -->
-        data-bs-toggle="collapse"
+      <div class="dropdown lg:hidden">
-        data-bs-target="#navbarNav"
+        <label tabindex="0" class="btn btn-ghost">
-        aria-controls="navbarNav"
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-        aria-expanded="false"
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
-        aria-label="Toggle navigation"
+          </svg>
-      >
+        </label>
-        <span class="navbar-toggler-icon"></span>
+        <ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
-      </button>
+          <li><a href={posts ? posts : '/posts'}>Posts</a></li>
-      <div class="collapse navbar-collapse" id="navbarNav">
+          <li><a href={proyectos ? proyectos : '/proyectos'}>Proyectos</a></li>
-        <ul class="navbar-nav ms-auto">
+        </ul>
-          <li class="nav-item">
+      </div>
-            <a type="button" class="nav-link btn btn-light" href={posts ? posts : "/posts"}>Posts</a>
+      <!-- Desktop Menu -->
-          </li>
+      <div class="hidden lg:flex">
-          <li class="nav-item">
+        <ul class="menu menu-horizontal p-0">
-            <a type="button" class="nav-link btn btn-light" href={proyectos ? proyectos : "/proyectos"}
+          <li><a href={posts ? posts : '/posts'} class="hover:scale-105 transition-transform">Posts</a></li>
-              >Proyectos</a
+          <li><a href={proyectos ? proyectos : '/proyectos'} class="hover:scale-105 transition-transform">Proyectos</a></li>
-            >
-          </li>
         </ul>
       </div>
     </div>
   </nav>
   
 </main>
-
-<style>
-  .biglogo {
-    scale: 1.5;
-  }
-</style>

src/pages/index.astro

@@ -64,43 +64,45 @@ const animateOnScroll = `
     </head>
     <body>
         <Navbar />
-        <header class="header-bg text-white">
+        <header
+            class="bg-primary text-white min-h-screen flex items-center relative overflow-hidden"
+        >
             <img
                 src="/imgs/bosqueverde.png"
                 alt="Bosque Verde"
-                class="video-bg"
+                class="absolute inset-0 w-full h-full object-cover"
             />
-            <video autoplay muted loop class="video-bg">
+            <video
+                autoplay
+                muted
+                loop
+                class="absolute inset-0 w-full h-full object-cover"
+            >
                 <source src="/imgs/bosqueverde.mp4" type="video/mp4" />
                 Tu navegador no soporta la reproducción de videos.
             </video>
-
+            <div class="container mx-auto text-center relative z-10">
-            <div class="container text-center">
+                <h1 class="text-6xl mb-4 font-bold font-londrina">
-                <h1
-                    class="display-1 mb-4 animate__animated animate__fadeInDown londrina-sketch-regular"
-                >
                     Ecobjetivos: Sostenibilidad y Desarrollo
                 </h1>
-                <p
+                <p class="text-xl mb-5">
-                    class="lead mb-5 animate__animated animate__fadeInUp animate__delay-1s"
-                >
                     Construyendo juntos un futuro más verde y equitativo
                 </p>
-                <a
+                <a href="#intro" class="btn btn-outline btn-lg">
-                    href="#intro"
+                    Descubre más
-                    class="btn btn-lg btn-outline-light animate__animated animate__zoomIn animate__delay-2s"
+                </a>
-                    >Descubre más</a
-                >
             </div>
         </header>
 
         <main>
-            <section id="intro" class="py-5 bg-light">
+            <section id="intro" class="py-10">
-                <div class="container">
+                <div class="container mx-auto px-4">
-                    <div class="row align-items-center">
+                    <div class="flex flex-wrap items-center">
-                        <div class="col-md-6 animate-on-scroll">
+                        <div class="w-full md:w-1/2 mb-4 md:mb-0">
-                            <h2 class="display-4 mb-4">¿Qué son los ODS?</h2>
+                            <h2 class="text-4xl mb-4 font-bold">
-                            <p class="lead">
+                                ¿Qué son los ODS?
+                            </h2>
+                            <p class="text-lg">
                                 Los Objetivos de Desarrollo Sostenible (ODS) son
                                 un llamado universal a la acción para erradicar
                                 la pobreza, proteger el planeta y garantizar que
@@ -111,12 +113,12 @@ const animateOnScroll = `
                                 generaciones.
                             </p>
                         </div>
-                        <div class="col-md-6 animate-on-scroll">
+                        <div class="w-full md:w-1/2">
-                            <div class="text-white p-5 text-center">
+                            <div class="p-5 text-center">
                                 <Image
                                     src="/imgs/17Objetivos.png"
                                     alt="Los 17 Objetivos de Desarrollo Sostenible de la ONU"
-                                    class="img-thumbnail .img-fluid"
+                                    class="rounded shadow-lg mx-auto"
                                     width="730"
                                     height="450"
                                 />
@@ -125,12 +127,12 @@ const animateOnScroll = `
                     </div>
                 </div>
             </section>
-            <section id="objetivos" class="py-5">
+            <section id="objetivos" class="py-10 bg-base-300">
-                <div class="container">
+                <div class="container mx-auto px-4">
-                    <h2 class="text-center mb-5 animate-on-scroll">
+                    <h2 class="text-center mb-5 text-3xl font-bold">
                         Nuestros Objetivos Principales
                     </h2>
-                    <div class="row">
+                    <div class="flex flex-wrap -mx-2">
                         {
                             [
                                 {
@@ -158,16 +160,16 @@ const animateOnScroll = `
                                         "Incentivar la separación de residuos y el reciclaje en la comunidad para reducir el impacto ambiental.",
                                 },
                             ].map((obj, index) => (
-                                <div class="col-md-6 col-lg-3 mb-4 animate-on-scroll">
+                                <div class="w-full md:w-1/2 lg:w-1/4 p-2 mb-4">
-                                    <div class="card h-100 text-center">
+                                    <div class="card bg-base-100 shadow-lg text-center h-full p-4">
                                         <div class="card-body">
                                             <i
-                                                class={`fa-solid ${obj.icon} fa-3x mb-3 text-primary`}
+                                                class={`fa-solid ${obj.icon} text-3xl mb-3 text-primary`}
                                             />
-                                            <h5 class="card-title">
+                                            <h5 class="text-xl font-semibold mb-2">
                                                 {obj.title}
                                             </h5>
-                                            <p class="card-text">
+                                            <p class="text-base">
                                                 {obj.description}
                                             </p>
                                         </div>
@@ -179,16 +181,16 @@ const animateOnScroll = `
                 </div>
             </section>
 
-            <section id="impact" class="py-5 bg-success text-white">
+            <section id="impact" class="py-10 bg-success text-success-content">
-                <div class="container">
+                <div class="container mx-auto px-4">
-                    <h2 class="text-center mb-5 animate-on-scroll">
+                    <h2 class="text-center mb-5 text-3xl font-bold">
                         Nuestro Impacto
                     </h2>
-                    <div class="row justify-content-center text-center">
+                    <div class="flex flex-wrap justify-center text-center">
                         {
                             [
                                 {
-                                    number: "500+",
+                                    number: "1k+",
                                     description:
                                         "Personas a las que hemos concienciado.",
                                 },
@@ -198,87 +200,57 @@ const animateOnScroll = `
                                         "Proyectos creados para fomentar la sostenibilidad.",
                                 },
                             ].map((impact, index) => (
-                                <div class="col-md-3 mb-4 animate-on-scroll">
+                                <div class="w-full md:w-1/3 lg:w-1/4 p-2 mb-4">
-                                    <h3 class="display-4 fw-bold">
+                                    <h3 class="text-5xl font-bold mb-2">
                                         {impact.number}
                                     </h3>
-                                    <p class="lead">{impact.description}</p>
+                                    <p class="text-lg">{impact.description}</p>
                                 </div>
                             ))
                         }
                     </div>
                 </div>
             </section>
-            <section id="posts" class="py-5 bg-light">
+            <section id="posts" class="py-10 bg-base-100">
-                <div class="container">
+                <div class="container mx-auto px-4">
-                    <h2 class="text-center mb-5 animate-on-scroll pt-1">
+                  <h2 class="text-center mb-5 text-3xl font-bold pt-1">Posts Destacados</h2>
-                        Posts Recientes
+                  <ListadoPostsHorizontal />
-                    </h2>
-                    <ListadoPostsHorizontal />
                 </div>
-            </section>
+              </section>
-            <section id="proyectos" class="py-5">
+              <section id="proyectos" class="py-10">
-                <div class="container">
+                <div class="container mx-auto px-4">
-                    <h2 class="text-center mb-5 animate-on-scroll pt-2">
+                  <h2 class="text-center mb-5 text-3xl font-bold pt-2">Proyectos Destacados</h2>
-                        Nuestros Proyectos Destacados
+                  <div class="flex flex-wrap justify-center -mx-2">
-                    </h2>
+                    {
-                    <div class="row justify-content-center">
+                      proyectos.map((project) => (
-                        {
+                        <div class="w-full md:w-1/2 p-2 mb-4">
-                            proyectos.map((project) => (
+                          <div class="card bg-base-100 shadow-lg h-full">
-                                <div class="col-md-6 mb-4 animate-on-scroll">
+                            <div class="flex flex-wrap">
-                                    <div class="card h-100">
+                              <div class="w-full md:w-1/3">
-                                        <div class="row g-0">
+                                <img src={project.imagen} class="w-full h-auto rounded-l" alt={project.titulo} />
-                                            <div class="col-md-4">
+                              </div>
-                                                <img
+                              <div class="w-full md:w-2/3">
-                                                    src={project.imagen}
+                                <div class="card-body flex flex-col h-full p-4">
-                                                    class="img-fluid rounded-start"
+                                  <h5 class="text-xl font-semibold mb-2" aria-label=\"Proyecto\">{project.titulo}</h5>
-                                                    alt={project.titulo}
+                                  <p class="text-base flex-grow line-clamp">{project.descripcion}</p>
-                                                />
+                                  <a href={project.url} class="btn btn-primary mt-auto">Ver detalles</a>
-                                            </div>
-                                            <div class="col-md-8">
-                                                <div class="card-body d-flex flex-column h-100">
-                                                    <h5
-                                                        class="card-title"
-                                                        aria-label="Proyecto"
-                                                    >
-                                                        {project.titulo}
-                                                    </h5>
-                                                    <p class="card-text flex-grow-1 line-clamp">
-                                                        {project.descripcion}
-                                                    </p>
-                                                    <a
-                                                        href={project.url}
-                                                        class="btn btn-success mt-auto"
-                                                    >
-                                                        Ver detalles
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
                                 </div>
-                            ))
+                              </div>
-                        }
+                            </div>
-                    </div>
+                          </div>
+                        </div>
+                      ))
+                    }
+                  </div>
                 </div>
-            </section>
+              </section>
-
+              <section id="cta" class="py-10 bg-primary text-primary-content text-center">
-            <section id="cta" class="py-5 bg-primary text-white text-center">
+                <div class="container mx-auto px-4">
-                <div class="container">
+                  <h2 class="text-5xl font-bold mb-4">¡Únete al Cambio!</h2>
-                    <h2 class="display-4 mb-4 animate-on-scroll">
+                  <p class="text-lg mb-5">Juntos podemos crear un impacto duradero. Descubre cómo puedes contribuir a los ODS.</p>
-                        ¡Únete al Cambio!
+                  <a href="/participa" class="btn btn-outline text-lg">¡Participa ahora!</a>
-                    </h2>
-                    <p class="lead mb-5 animate-on-scroll">
-                        Juntos podemos crear un impacto duradero. Descubre cómo
-                        puedes contribuir a los ODS.
-                    </p>
-                    <a
-                        href="/participa"
-                        class="btn btn-lg btn-light animate-on-scroll"
-                        >¡Participa ahora!</a
-                    >
                 </div>
-            </section>
+              </section>
         </main>
 
         <Footer />
@@ -304,7 +276,7 @@ const animateOnScroll = `
         font-weight: 400 !important;
         font-style: normal;
     }
-    .londrina-sketch-regular {
+    .font-londrina {
         font-family: "Londrina Sketch", sans-serif !important;
         font-weight: 400;
         font-style: normal;
@@ -366,9 +338,9 @@ const animateOnScroll = `
     }
 
     .line-clamp {
-      display: -webkit-box;
+        display: -webkit-box;
-      -webkit-line-clamp: 3;
+        -webkit-line-clamp: 3;
-      -webkit-box-orient: vertical;
+        -webkit-box-orient: vertical;
-      overflow: hidden;
+        overflow: hidden;
     }
 </style>

src/pages/posts/index.astro

@@ -3,7 +3,7 @@ import Navbar from "../../components/Navbar.astro";
 import ListadoPosts from "../../layouts/ListadoPosts.astro";
 ---
 
-<html lang="es">
+<html lang="es" class="scroll-smooth">
     <head>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -29,8 +29,8 @@ import ListadoPosts from "../../layouts/ListadoPosts.astro";
         </script>
         <title>Ecobjetivos | Posts</title>
     </head>
-    <body>
+    <body class="min-h-screen bg-base-200 text-base-content">
-        <main>
+        <main class="container mx-auto p-4">
             <Navbar />
             <ListadoPosts />
         </main>

src/pages/proyectos/podcast.astro

@@ -2,7 +2,6 @@
 // Podcast page
 import Footer from "../../components/Footer.astro";
 import Navbar from "../../components/Navbar.astro";
-import { Image } from "astro:assets";
 
 const animateOnScroll = `
   document.addEventListener('DOMContentLoaded', () => {
@@ -23,11 +22,12 @@ const animateOnScroll = `
 
 // Lista de episodios del podcast
 const episodes = [
-{
+    {
         title: "Sostenibilidad ¿Qué es?",
         description:
             "En este episodio comenzaremos dando forma a este tema que nos engloba tanto en nuestro día a día. Sabemos lo que es la sostenibilidad y de que trata ?, pues aquí nuestro protagonistas nos hablarán de ello, que haces que no los estás escuchando ya?¡¡CORREEEEE!!",
-        spotifyLink: "https://open.spotify.com/episode/218xJHgfhDBPAtr1qELCMa?si=FpuHWjR4TEegn0dDJLnO1w",
+        spotifyLink:
+            "https://open.spotify.com/episode/218xJHgfhDBPAtr1qELCMa?si=FpuHWjR4TEegn0dDJLnO1w",
         duration: "10:17",
         date: "10 de diciembre de 2024",
     },
@@ -35,7 +35,8 @@ const episodes = [
         title: "Criterios ASG",
         description:
             "🎙️ Bienvenidos a Arreglamos el Mundo, el podcast donde exploramos ideas, soluciones y reflexiones para construir un futuro más sostenible y justo. 🌎 En este episodio, nos sumergimos en los criterios ASG: ambiental, social y de gobernanza. ¿Qué significan? ¿Cómo están transformando el mundo de los negocios, las inversiones y nuestras vidas? Acompáñanos mientras desglosamos cómo estas herramientas nos acercan a un mundo mejor. ¡Comencemos a arreglar el mundo, un criterio a la vez! 🌱✨",
-        spotifyLink: "https://open.spotify.com/episode/6dqCt8UAukJ8xD0lJnLZgp?si=llWNPManQueraMpaUhpMxQ",
+        spotifyLink:
+            "https://open.spotify.com/episode/6dqCt8UAukJ8xD0lJnLZgp?si=llWNPManQueraMpaUhpMxQ",
         duration: "14:11",
         date: "10 de diciembre de 2024",
     },
@@ -43,7 +44,8 @@ const episodes = [
         title: "Retos Ambientales",
         description:
             "🎙️ Bienvenidos a Arreglamos el Mundo, el espacio donde debatimos, reflexionamos y soñamos con un planeta más habitable para todos. 🌎 En este episodio, ponemos sobre la mesa los retos ambientales que enfrentamos hoy: desde el cambio climático hasta la pérdida de biodiversidad y la gestión sostenible de nuestros recursos. ¿Qué desafíos debemos superar y qué podemos hacer para marcar la diferencia? Es hora de analizar el panorama, cuestionar nuestras acciones y buscar soluciones que realmente arreglen el mundo. 🌱💡",
-        spotifyLink: "https://open.spotify.com/episode/4g6wy4VLz9RPWu4Iu01cdX?si=NaVoDOoJTBKu54fkKQiOJQ",
+        spotifyLink:
+            "https://open.spotify.com/episode/4g6wy4VLz9RPWu4Iu01cdX?si=NaVoDOoJTBKu54fkKQiOJQ",
         duration: "10:03",
         date: "10 de diciembre de 2024",
     },
@@ -51,7 +53,8 @@ const episodes = [
         title: "Cómo Minimizar los Impactos Ambientales??",
         description:
             "🎙️ Bienvenidos a Arreglamos el Mundo, el podcast donde exploramos ideas para hacer del planeta un lugar mejor. 🌍✨ En este episodio, hablamos sobre cómo minimizar los impactos ambientales. Desde pequeñas acciones en nuestro día a día hasta grandes estrategias a nivel global, analizaremos qué podemos hacer para reducir nuestra huella ecológica y proteger los recursos naturales. ¡Acompáñanos mientras descubrimos juntos cómo marcar la diferencia y avanzar hacia un futuro más sostenible! 🌱💡",
-        spotifyLink: "https://open.spotify.com/episode/2tWQ9PFQfo1qK55rop8h0s?si=9KTe45o9Rw-KBtIqsAlU4g",
+        spotifyLink:
+            "https://open.spotify.com/episode/2tWQ9PFQfo1qK55rop8h0s?si=9KTe45o9Rw-KBtIqsAlU4g",
         duration: "9:02",
         date: "10 de diciembre de 2024",
     },
@@ -59,7 +62,8 @@ const episodes = [
         title: '¡¡Hemos vuelto!! Hablemos de: "Los 17 Puntos"',
         description:
             "En Agenda 2030: 17 Pasos hacia un Mundo Mejor, exploramos cada uno de los 17 Objetivos de Desarrollo Sostenible (ODS) propuestos por la ONU. Acompáñanos en este viaje donde analizamos los retos globales, las soluciones innovadoras y el impacto de estas metas en nuestra sociedad, economía y medioambiente. Con entrevistas a expertos, historias inspiradoras y casos reales, descubrirás cómo tú también puedes contribuir a un futuro más justo, sostenible e inclusivo. ¡Sintoniza y forma parte del cambio!",
-        spotifyLink: "https://open.spotify.com/episode/6BluxrOOSnji7wkUt50nk3?si=VQf7Na7jQ4C7AnA4aY2leQ",
+        spotifyLink:
+            "https://open.spotify.com/episode/6BluxrOOSnji7wkUt50nk3?si=VQf7Na7jQ4C7AnA4aY2leQ",
         duration: "22:08",
         date: "3 de marzo de 2025",
     },
@@ -67,7 +71,8 @@ const episodes = [
         title: "Economía Verde y Circular",
         description:
             "En este episodio, exploramos la Economía Verde y Circular: ¿Cómo podemos producir y consumir de manera sostenible? Hablamos sobre innovación, reciclaje, energías renovables y nuevos modelos de negocio que buscan equilibrar desarrollo y medioambiente. ¡Únete a la conversación y descubramos juntos soluciones para un futuro más verde! 🌍♻️",
-        spotifyLink: "https://open.spotify.com/episode/35E5Po2iiG5Fs2GsVfeCr7?si=THRxtld4QwCj1SmUvLT_TQ",
+        spotifyLink:
+            "https://open.spotify.com/episode/35E5Po2iiG5Fs2GsVfeCr7?si=THRxtld4QwCj1SmUvLT_TQ",
         duration: "20:57",
         date: "4 de marzo de 2025",
     },
@@ -131,7 +136,7 @@ const episodes = [
                 <p
                     class="lead mb-4 animate__animated animate__fadeInUp animate__delay-1s"
                 >
-                Podcast que aborda los desafíos sobre la Sostenibilidad. 
+                    Podcast que aborda los desafíos sobre la Sostenibilidad.
                 </p>
                 <div
                     class="d-flex justify-content-center gap-3 animate__animated animate__zoomIn animate__delay-1s"
@@ -161,20 +166,22 @@ const episodes = [
                         <div class="col-lg-6 animate-on-scroll">
                             <h2 class="display-5 mb-4">Sobre el Podcast</h2>
                             <p class="lead">
-                                <strong>¿Arreglamos el Mundo?</strong> es un Podcast dinámico y entretenido
+                                <strong>¿Arreglamos el Mundo?</strong> es un Podcast
-                                que aborda los desafíos y soluciones relacionadas
+                                dinámico y entretenido que aborda los desafíos y
-                                con la Sostenibilidad. 
+                                soluciones relacionadas con la Sostenibilidad.
                             </p>
                             <p>
-                                Liderado por Rafa, el carismático
+                                Liderado por Rafa, el carismático presentador, y
-                                presentador, y Vicente, el productor y segundo presentador,
+                                Vicente, el productor y segundo presentador,
-                                cada episodio se convierte en un espacio de debate
+                                cada episodio se convierte en un espacio de
-                                y aprendizaje. Junto a ellos, los expertos invitados
+                                debate y aprendizaje. Junto a ellos, los
-                                María Jesús y Rubén comparten conocimientos, experiencias
+                                expertos invitados María Jesús y Rubén comparten
-                                y perspectivas para inspirar a los oyentes a tomar
+                                conocimientos, experiencias y perspectivas para
-                                acción por un planeta más sostenible. Con conversaciones
+                                inspirar a los oyentes a tomar acción por un
-                                cercanas, datos relevantes y un toque de humor, este
+                                planeta más sostenible. Con conversaciones
-                                equipo busca, literalmente, arreglar el mundo. 🌍✨
+                                cercanas, datos relevantes y un toque de humor,
+                                este equipo busca, literalmente, arreglar el
+                                mundo. 🌍✨
                             </p>
                         </div>
                         <div class="col-lg-6 animate-on-scroll">
@@ -205,7 +212,10 @@ const episodes = [
                                     <div class="card h-100 border-0 shadow-sm">
                                         <div class="card-body">
                                             <div class="d-flex justify-content-between mb-2">
-                                                <span class="badge bg-success" style="padding-top: 6px;">
+                                                <span
+                                                    class="badge bg-success"
+                                                    style="padding-top: 6px;"
+                                                >
                                                     {episode.date}
                                                 </span>
                                                 <span class="text-muted">
@@ -238,25 +248,33 @@ const episodes = [
                 </div>
             </section>
 
-<section class="py-5">
+            <section class="py-5">
-    <div class="container">
+                <div class="container">
-        <div class="row">
+                    <div class="row">
-            <div class="col-lg-8 mx-auto text-center animate-on-scroll">
+                        <div
-                <h2 class="mb-4">¿Por qué escuchar Arreglamos el Mundo?</h2>
+                            class="col-lg-8 mx-auto text-center animate-on-scroll"
-                <div class="row g-4 mt-3">
+                        >
-                    <div class="col-md-12">
+                            <h2 class="mb-4">
-                        <div class="p-3 bg-light rounded-3 h-100">
+                                ¿Por qué escuchar Arreglamos el Mundo?
-                            <video controls class="w-100">
+                            </h2>
-                                <source src="/imgs/videoPodcast.mp4" type="video/mp4">
+                            <div class="row g-4 mt-3">
-                                Tu navegador no soporta la reproducción de videos.
+                                <div class="col-md-12">
-                            </video>
+                                    <div class="p-3 bg-light rounded-3 h-100">
+                                        <video controls class="w-100">
+                                            <source
+                                                src="/imgs/videoPodcast.mp4"
+                                                type="video/mp4"
+                                            />
+                                            Tu navegador no soporta la reproducción
+                                            de videos.
+                                        </video>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
+            </section>
-        </div>
-    </div>
-</section>
 
             <section class="py-5 bg-success text-white">
                 <div class="container text-center">

src/posts/ActividadEmpresarialSostenible.mdx

@@ -1,122 +0,0 @@
----
-titulo: 'Empresas Comprometidas con la Sostenibilidad: Acciones Clave para un Futuro Responsable'
-autor: 'Tu Nombre'
-fecha: '2025-04-22'
-descripcion: 'Las empresas tienen un papel fundamental en la lucha por la sostenibilidad. Desde la eficiencia energética hasta la economía circular, en este post te mostramos las acciones que las empresas pueden tomar para reducir su impacto ambiental y social.'
-imagen: 'https://static.esmelux.com/imgPosts/empresas-ecologicas-bl.jpg'
-hashtags: ['Sostenibilidad', 'Responsabilidad Social Empresarial', 'Economía Circular', 'Energías Renovables', 'ODS']
-relacionados: []
----
-import ImagenMD from "../components/ImagenMD.astro"
-
-# 🌍 Sostenibilidad Empresarial: Claves para Reducir el Impacto Ambiental y Social ♻️
-
-<ImagenMD alt="Sostenibilidad empresarial" src="https://www.sanitas.es/media/sane/imagen/original/img-que-es-la-sostenibilidad-empresarial/que-es-la-sostenibilidad-empresarial.jpg"/>
-
-Las empresas tienen una gran responsabilidad en la construcción de un futuro más sostenible. Adoptar prácticas empresariales sostenibles no solo contribuye a la preservación del medioambiente, sino que también genera valor para la sociedad y los empleados. En este post, te mostramos algunas de las acciones que las empresas pueden implementar para ser más responsables ambiental y socialmente.
-
----
-
-## ⚡ Eficiencia Energética y Energías Renovables
-
-<ImagenMD alt="Energías renovables" src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Logo_Renewable_Energy_by_Melanie_Maecker-Tursun_V1_4c.svg/1200px-Logo_Renewable_Energy_by_Melanie_Maecker-Tursun_V1_4c.svg.png"/>
-
-Una de las principales áreas en las que las empresas pueden reducir su impacto ambiental es en el consumo energético. Algunas acciones incluyen:
-
-- Adoptar tecnologías y equipos energéticamente eficientes.
-- Racionalizar el uso de climatización en las instalaciones.
-- Instalar paneles solares y otras fuentes de energía renovable.
-- Fomentar prácticas de ahorro energético entre los empleados.
-
----
-
-## 🔁 Economía Circular y Gestión de Residuos
-
-<ImagenMD alt="Economía Circular" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqJRicB-FL1Ik3akJGP0538qmcsLwZERiHah78FCi6uKSE_R0DQlyowI1Gfxy5lF1-O_stFlvo_JKtXvB_nbYq_ExKL7CZ2XK13gHSC7cd8F-okBPSSGxTdBCEn-kGWXDfRlgYgZ5RO7jGlXFWt00OCj9t5Uio8ZkQSS7fGxkDRRfac4G01UoSjGp_Hw/s1485/Economia%20Circular%20.jpg"/>
-
-La economía circular es un modelo que busca maximizar el aprovechamiento de los recursos. Las empresas pueden:
-
-- Aplicar las 7R: rediseñar, reducir, reutilizar, reparar, renovar, recuperar y reciclar.
-- Implementar programas de separación de residuos.
-- Usar materiales biodegradables y reciclables.
-- Analizar el impacto ambiental a lo largo del ciclo de vida del producto.
-
----
-
-## 🚗 Transporte Sostenible
-
-<ImagenMD alt="Transporte sostenible" src="https://www.gndiario.com/sites/default/files/styles/noticia_detalle_noticia_2_1/public/noticias/movilidad-sostenible-jovenes.jpg?itok=31FimW7V"/>
-
-El transporte es una de las mayores fuentes de emisiones de CO2. Para reducir su impacto, las empresas pueden:
-
-- Promover el uso del transporte público.
-- Fomentar el uso de bicicletas y vehículos eléctricos.
-- Facilitar el uso compartido de vehículos entre los empleados.
-- Optimizar las rutas de entrega para reducir el consumo de combustible.
-
----
-
-## 💧 Uso Responsable del Agua
-
-<ImagenMD alt="Ahorro de agua" src="https://www.reciclajecontemar.es/wp-content/uploads/reciclaje-de-agua-en-casa-consejos-para-un-uso-responsable.jpg"/>
-
-La gestión eficiente del agua es otro aspecto clave. Algunas acciones incluyen:
-
-- Implementar sistemas de captación y reutilización del agua de lluvia.
-- Instalar dispositivos de ahorro de agua.
-- Implantar tecnologías que reduzcan el consumo de agua en los procesos.
-
----
-
-## 🌱 Neutralidad de Carbono
-
-<ImagenMD alt="Neutralidad de carbono" src="https://www.ceupe.do/images/easyblog_articles/283/b2ap3_medium_carbono_neutral.png"/>
-
-Para minimizar su huella ambiental, las empresas deben:
-
-- Reducir sus emisiones de CO2 mediante procesos más sostenibles.
-- Compensar su huella de carbono mediante la compra de créditos de carbono y otras medidas.
-
----
-
-## 👥 Promoción de la Salud y el Bienestar
-
-<ImagenMD alt="Bienestar laboral" src="https://www.avanselseleccion.es/wp-content/uploads/2022/09/66139-scaled.jpg"/>
-
-Una empresa sostenible también debe velar por el bienestar de sus empleados. Algunas iniciativas son:
-
-- Proporcionar un entorno de trabajo seguro y saludable.
-- Desarrollar programas de bienestar, nutrición y manejo del estrés.
-- Fomentar el equilibrio entre la vida laboral y personal.
-
----
-
-## 🔍 Transparencia y Ética Empresarial
-
-<ImagenMD alt="Transparencia empresarial" src="https://media.licdn.com/dms/image/v2/D5612AQFIX3rS5WQ_lw/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1685970177865?e=2147483647&v=beta&t=y5hGUvp7bFIbB66ArTQaaOKi620yz4r_aA5HbwKbhVk"/>
-
-La transparencia es fundamental para construir relaciones de confianza con empleados, clientes y proveedores. Las empresas deben:
-
-- Publicar informes de sostenibilidad que detallen su desempeño.
-- Involucrar a los stakeholders en la creación de políticas de sostenibilidad.
-
----
-
-## 🔬 Innovación y Mejora Continua
-
-<ImagenMD alt="Innovación sostenible" src="https://www.incotec.es/app/uploads/2023/12/que-es-innovacion-sostenible-e1702285476769.jpg"/>
-
-La innovación es clave para lograr una sostenibilidad a largo plazo. Las empresas deben:
-
-- Invertir en tecnologías más sostenibles y eficientes.
-- Realizar auditorías periódicas para identificar áreas de mejora.
-
----
-
-## 🌟 Conclusión
-
-El compromiso empresarial con la sostenibilidad no es solo una tendencia, sino una necesidad. Adoptar prácticas sostenibles no solo beneficia al planeta, sino que también mejora la competitividad, la productividad y la reputación de la empresa. ¡Es hora de actuar!
-
----
-
-¿Quieres más consejos sobre sostenibilidad? Síguenos y mantente al tanto de todas nuestras actualizaciones verdes. 🌱📲

src/posts/CertificacionSoctenible.mdx

@@ -1,105 +0,0 @@
----
-titulo: 'Certificación de Sostenibilidad: ¿Por Qué Es Importante para las Empresas?'
-autor: 'Lucas Curiel'
-fecha: '2025-04-22'
-descripcion: 'La sostenibilidad es clave para el futuro de las empresas. Obtener certificaciones de sostenibilidad demuestra el compromiso de las organizaciones con prácticas responsables. En este post, te explicamos los diferentes tipos de certificaciones y su importancia.'
-imagen: 'https://universidadeuropea.com/resources/media/images/certificado-sostenibilidad-1200x630.original.jpg'
-hashtags: ['Sostenibilidad', 'Certificación Ambiental', 'Ecoetiquetado', 'Responsabilidad Social', 'ISO 14001']
-relacionados: []
----
-import ImagenMD from "../components/ImagenMD.astro"
-
-# 🌱 Certificación de Sostenibilidad: Un Compromiso con el Futuro 🌍
-
-<ImagenMD alt="Certificación de sostenibilidad" src="https://guarrocasas.com/wp-content/uploads/2021/12/certificados-papel-sostenibilidad-baja_0.jpeg"/>
-
-En un mundo cada vez más consciente de la importancia de la sostenibilidad, las empresas buscan formas de demostrar su compromiso con prácticas responsables. Una de las formas más efectivas de hacerlo es a través de las **certificaciones de sostenibilidad**. Estas certificaciones, obtenidas generalmente tras un proceso de auditoría externa, avalan el esfuerzo de las organizaciones por minimizar su impacto ambiental, social y mejorar su gobernanza.
-
-En este post, te explicamos los tipos de certificación más relevantes y cómo estas pueden ayudar a tu empresa a destacarse como un actor responsable.
-
----
-
-## 🌿 Certificación en el Ámbito Ambiental
-
-<ImagenMD alt="Certificación ambiental" src="https://retokommerling.com/wp-content/uploads/2018/11/FOTO-2.jpg"/>
-
-Las certificaciones ambientales evalúan el impacto de la actividad empresarial en el medio ambiente. Analizan aspectos como el uso de recursos naturales, la generación de residuos y la conservación de la biodiversidad. Algunas de las más importantes son:
-
-### 1. **Certificación de Sistemas de Gestión Ambiental (SGA)**
-
-Un **Sistema de Gestión Ambiental** (SGA) es un conjunto de políticas y procedimientos que permiten a las empresas gestionar su impacto ambiental. Las certificaciones más destacadas en este ámbito incluyen:
-
-- **ISO 14001**: Norma internacional que establece los criterios que debe cumplir un SGA para obtener la certificación.
-- **EMAS** (Sistema Comunitario de Gestión y Auditorías Medioambientales): Aplica en la Unión Europea y está dirigido a las empresas que cumplen con el reglamento comunitario.
-
-### 2. **Certificación de Productos o Servicios**
-
-Estas certificaciones evalúan el impacto ambiental de productos o servicios específicos. Un ejemplo destacado es la **Etiqueta Ecológica Europea**, que permite a los consumidores identificar productos que cumplen con estrictos requisitos medioambientales.
-
----
-
-## 👥 Certificación en el Ámbito Social
-
-<ImagenMD alt="Certificación social" src="https://s1.significados.com/foto/responsabilidad-social-og.jpg"/>
-
-Las certificaciones sociales evalúan el impacto de las empresas en sus trabajadores y en la sociedad en general. Esto incluye aspectos como el respeto a los derechos humanos, la erradicación del trabajo infantil, el trabajo forzoso y la discriminación. Entre las más importantes destacan:
-
-- **SA 8000**: Norma internacional que establece los requisitos para garantizar condiciones laborales justas y seguras.
-- **ISO 26000**: Norma que proporciona directrices sobre la responsabilidad social empresarial, incluyendo derechos humanos y prácticas laborales.
-
----
-
-## 🏛️ Certificación en el Ámbito de Gobernanza
-
-<ImagenMD alt="Gobernanza empresarial" src="https://ethic.es/wp-content/uploads/2023/07/captura-de-pantalla-2023-07-05-a-las-9.17.43.png"/>
-
-Las certificaciones de gobernanza se enfocan en la ética empresarial, la lucha contra la corrupción y la transparencia en la toma de decisiones. Son fundamentales para asegurar que las empresas operen de manera responsable, respetando la ley y promoviendo la confianza entre sus stakeholders.
-
----
-
-## 🌍 El Ecoetiquetado: Identificando Productos Sostenibles
-
-<ImagenMD alt="Ecoetiquetado" src="https://packaginglatam.com/wp-content/uploads/schema-and-structured-data-for-wp/ecoetiquetado-1200x675.jpg"/>
-
-El **ecoetiquetado** es un sistema de certificación que identifica a los productos y servicios que cumplen con determinados estándares ambientales. Existen diferentes tipos de etiquetado ecológico, clasificados de la siguiente manera:
-
-### Tipo I: **Ecoetiquetas** (ISO 14024)
-
-Estas etiquetas son emitidas por una entidad independiente acreditada y certifican que un producto o servicio cumple con una serie de requisitos medioambientales predefinidos. Se analiza el ciclo de vida completo del producto.
-
-### Semitipo I: **Ecoetiquetas** (No ISO)
-
-Similar al Tipo I, pero se centra en una sola característica del producto en lugar de todo su ciclo de vida. Estas son certificadas por entidades privadas o ONGs.
-
-### Tipo II: **Autodeclaraciones Ambientales de Producto** (ISO 14021)
-
-Son etiquetas creadas por los propios fabricantes, informando sobre el cumplimiento de criterios ambientales establecidos por ellos mismos. No tienen la participación de una entidad independiente.
-
-### Tipo III: **Declaraciones Ambientales de Producto** (ISO 14025)
-
-Proporcionan información detallada y cuantificada sobre el impacto ambiental de un producto en cada etapa de su ciclo de vida. Son verificadas por entidades externas, pero no requieren el cumplimiento de requisitos mínimos.
-
----
-
-## ✅ ¿Por Qué Obtener una Certificación de Sostenibilidad?
-
-<ImagenMD alt="Beneficios de la certificación" src="https://www.stelorder.com/wp-content/uploads/2023/11/portada_beneficio_por_accion.jpg"/>
-
-Obtener una certificación de sostenibilidad tiene múltiples beneficios para las empresas:
-
-- **Mejora la reputación**: Aumenta la confianza de los consumidores y clientes, que valoran cada vez más el compromiso con el medioambiente y la responsabilidad social.
-- **Accede a nuevos mercados**: Muchas certificaciones son requisitos previos para acceder a mercados internacionales o licitaciones públicas.
-- **Cumple con la legislación**: Ayuda a las empresas a cumplir con las normativas ambientales y sociales, evitando sanciones y promoviendo buenas prácticas.
-- **Aumenta la competitividad**: Demuestra el compromiso de la empresa con la sostenibilidad, diferenciándose de la competencia.
-
----
-
-## 🌟 Conclusión
-
-Las certificaciones de sostenibilidad son una herramienta poderosa para que las empresas demuestren su compromiso con el medioambiente, sus empleados y la sociedad en general. No solo mejoran la reputación y competitividad de la empresa, sino que también contribuyen al bienestar global.
-
-Si tu empresa aún no ha obtenido una certificación, es el momento perfecto para empezar a trabajar hacia un futuro más sostenible. ¡Tu compromiso puede marcar la diferencia!
-
----
-
-¿Te gustaría saber más sobre sostenibilidad y certificaciones? Síguenos y mantente informado sobre todas las novedades y buenas prácticas para empresas responsables. 🌱📲

src/posts/GestionResiduosDomesticos.mdx

@@ -1,145 +0,0 @@
----
-titulo: 'Aprende a gestionar los residuos domesticos'
-autor: 'Lucas Curiel'
-fecha: '2025-04-08'
-descripcion: 'Cada acción que realizamos deja una huella en el planeta. Desde la energía que consumimos hasta la forma en que nos movemos y los productos que compramos, todo tiene un impacto en el medioambiente. En este post, te explicamos cómo medir tu huella de carbono, huella hídrica y huella ecológica, y te damos consejos prácticos para reducirlas. ¡Pequeñas acciones pueden generar grandes cambios!'
-imagen: 'https://img.freepik.com/vector-premium/familia-unidad-paternidad-e-hijos-ilustracion-vectorial_1253202-254667.jpg?semt=ais_hybrid&w=740'
-hashtags: ['Alianzas Globales', 'Cooperación Internacional', 'Sostenibilidad', 'ODS17', 'Agenda 2030']
-relacionados: []
----
-import ImagenMD from "../components/ImagenMD.astro"
-
-# 🗑️ Gestión de Residuos Domésticos para una Vida más Sostenible ♻️
-
-<ImagenMD alt="Familia reciclando" src="https://img.freepik.com/vector-gratis/familia-reciclando-juntos_23-2148507408.jpg"/>
-
-La gestión adecuada de nuestros residuos es una de las acciones más importantes para reducir nuestro impacto ambiental. Los residuos domésticos no solo ocupan espacio en vertederos, sino que también pueden contaminar el suelo, el agua y el aire si no se tratan correctamente. 🌍
-
-En este post te explicamos cómo gestionarlos bien, qué dice la ley y qué puedes hacer tú para contribuir a una economía más circular. 
-
----
-
-## 📜 ¿Qué Son los Residuos Domésticos?
-
-<ImagenMD alt="Tipos de residuos domésticos" src="https://cdn0.ecologiaverde.com/es/posts/6/0/2/tipos_de_residuos_5206_orig.jpg"/>
-
-Según la **Ley 7/2022, de 8 de abril**, los residuos domésticos son aquellos generados en el hogar a raíz de actividades cotidianas. Pueden ser peligrosos o no peligrosos, e incluyen:
-
-🟢 Restos orgánicos  
-🟡 Envases (plástico, metal, briks)  
-🔵 Papel y cartón  
-🟢 Vidrios y botellas  
-🧴 Aceites de cocina usados  
-🛋️ Muebles y electrodomésticos  
-👕 Ropa usada  
-🔋 Pilas y baterías  
-🧱 Escombros de pequeñas obras y reparaciones  
-
-También se consideran residuos domésticos:
-
-- Los generados en **servicios e industrias**, si son similares en cantidad y tipo a los residuos domésticos.
-- Los procedentes de **la limpieza urbana, zonas verdes, playas, animales muertos y vehículos abandonados**.
-
----
-
-## 🔁 Las 7R de la Economía Circular
-
-<ImagenMD alt="Las 7R" src="https://www.envaselia.com/images_blog/cuales-son-las-7-r-del-reclija.jpg"/>
-
-Para minimizar los residuos y maximizar el aprovechamiento de los recursos, es fundamental aplicar las **7R**:
-
-1. **Rediseñar** productos más sostenibles.  
-2. **Reducir** el consumo innecesario.  
-3. **Reutilizar** objetos antes de desecharlos.  
-4. **Reparar** lo que se pueda arreglar.  
-5. **Renovar** componentes o productos para darles una segunda vida.  
-6. **Reciclar** correctamente, según el tipo de residuo.  
-7. **Recuperar** materiales útiles a través de la tecnología.  
-
----
-
-## 🧃 Separación de Residuos: ¿Dónde va cada cosa?
-
-<ImagenMD alt="Contenedores de reciclaje" src="https://www.manosverdes.co/wp-content/uploads/2020/12/contenedores-de-reciclaje-iamgen-destacada-1200x802.jpg"/>
-
-Una correcta separación en origen facilita el reciclaje y reduce la cantidad de residuos que terminan en el vertedero. Aquí te explicamos qué debes tirar en cada contenedor:
-
-### 🟡 Contenedor Amarillo → Envases Ligeros
-**✅ Qué va:**  
-- Botellas y envases de plástico  
-- Latas, bandejas de aluminio, aerosoles  
-- Briks de leche y zumo  
-- Bolsas y tapas de plástico  
-
-**🚫 Qué no va:**  
-- Envases de vidrio  
-- Juguetes o utensilios plásticos que no sean envases  
-
-### 🔵 Contenedor Azul → Papel y Cartón
-**✅ Qué va:**  
-- Cajas de cartón, envases de papel  
-- Bolsas de papel  
-- Revistas, periódicos, libros  
-
-**🚫 Qué no va:**  
-- Pañales, compresas, servilletas usadas  
-- Papel de aluminio o manchado de aceite  
-
-### 🟢 Contenedor Verde → Vidrio
-**✅ Qué va:**  
-- Botellas y frascos de vidrio  
-- Tarros de alimentos y perfumes  
-
-**🚫 Qué no va:**  
-- Cristales, bombillas, espejos  
-- Tapas y tapones  
-
-### 🟤 Contenedor Marrón → Residuos Orgánicos
-**✅ Qué va:**  
-- Restos de comida y vegetales  
-- Papel o cartón sucio de grasa  
-- Tapones de corcho, serrín  
-
-**🚫 Qué no va:**  
-- Pañales, colillas, chicles  
-- Arena de mascotas  
-
-### ⚪ Contenedor Gris → Resto
-**✅ Qué va:**  
-- Todo lo que no se pueda reciclar ni reutilizar  
-- Juguetes rotos, polvo, utensilios de cocina, pañales, colillas  
-
-**🚫 Qué no va:**  
-- Residuos reciclables o peligrosos que tengan su contenedor específico  
-
----
-
-## 🧠 ¿Por Qué es Importante la Gestión de Residuos?
-
-🌱 **Evita la contaminación** del agua, aire y suelo  
-🌍 **Reduce las emisiones de gases de efecto invernadero**  
-🔁 **Permite la reutilización de materiales** y reduce la necesidad de extraer nuevos recursos  
-🧑‍🏫 **Genera conciencia ambiental y fomenta hábitos sostenibles**
-
----
-
-## ✅ Acciones que Puedes Empezar Hoy
-
-<ImagenMD alt="Hábitos sostenibles en casa" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQy48Ruh4Q33TX0Cn6-f4zFglK8Lzp0bFGKTA&s"/>
-
-- 🛍️ Usa bolsas reutilizables y compra a granel  
-- 🔌 Dona o repara antes de tirar  
-- 🧃 Asegúrate de limpiar los envases antes de reciclarlos  
-- 🧴 Lleva los residuos especiales (pilas, aceite, electrónicos) a puntos limpios  
-
----
-
-### 🌟 ¡Recuerda!
-
-<ImagenMD alt="Motivación ecológica" src="https://cdn0.ecologiaverde.com/es/posts/5/9/4/frases_de_reciclaje_que_rimen_1495_7_600.jpg"/>
-
-Cada residuo mal separado es un recurso que se pierde. Con pequeños gestos diarios, podemos crear un impacto positivo enorme. 💚♻️
-
----
-
-¿Quieres más consejos de sostenibilidad? Síguenos para no perderte ninguna novedad 🌿📲

src/posts/Medicion del impacto ambiental.mdx

@@ -1,97 +0,0 @@
----
-titulo: 'Mide tu Impacto Ambiental y Descubre Cómo Reducirlo'
-autor: 'Lucas Curiel'
-fecha: '2025-04-01'
-descripcion: 'Cada acción que realizamos deja una huella en el planeta. Desde la energía que consumimos hasta la forma en que nos movemos y los productos que compramos, todo tiene un impacto en el medioambiente. En este post, te explicamos cómo medir tu huella de carbono, huella hídrica y huella ecológica, y te damos consejos prácticos para reducirlas. ¡Pequeñas acciones pueden generar grandes cambios!'
-imagen: 'https://responsabilidadsocial.net/wp-content/uploads/2022/02/impacto-ambiental-que-es-definicion-tipos-causas-medicion-y-ejemplo.jpg'
-hashtags: ['Alianzas Globales', 'Cooperación Internacional', 'Sostenibilidad', 'ODS17', 'Agenda 2030']
-relacionados: []
----
-import ImagenMD from "../components/ImagenMD.astro"
-
-# 🌍 Medición del Impacto Ambiental de Nuestras Actividades
-<ImagenMD alt="Impacto ambiental" src="https://img.freepik.com/vector-gratis/ilustracion-contaminaciones-tierra_1308-39766.jpg"/>
-
-Vivimos en un mundo donde cada una de nuestras acciones deja una huella en el planeta. Desde cómo nos transportamos hasta los productos que consumimos, todo tiene un impacto ambiental. La emergencia climática actual nos obliga a ser más conscientes y responsables con nuestro entorno.
-
-En este artículo, exploraremos cómo medir y reducir el impacto ambiental de nuestras actividades personales y profesionales, con un enfoque en la **huella de carbono**, **huella hídrica** y **huella ecológica**. 🚀
-
----
-
-## 📏 ¿Qué es la huella de carbono?
-<ImagenMD alt="Huella ambiental" src="https://qiarg.org/wp-content/uploads/2021/04/huella.jpg"/>
-
-La **huella de carbono** es un indicador que mide la cantidad de gases de efecto invernadero (GEI) que generamos de manera directa o indirecta. Este cálculo se aplica a individuos, empresas, productos, eventos e incluso territorios completos.
-
-### 🌱 Tipos de Huella de Carbono
-
-✅ **Huella de carbono personal**: mide el impacto de las actividades diarias de una persona.  
-✅ **Huella de carbono corporativa**: evalúa las emisiones generadas por una empresa o entidad.  
-✅ **Huella de carbono de un producto**: considera todo el ciclo de vida del producto, desde la extracción de materias primas hasta su disposición final.  
-✅ **Huella de carbono de un evento**: incluye factores como transporte, consumo energético y generación de residuos.  
-✅ **Huella de carbono territorial**: analiza las emisiones de una zona geográfica específica.  
-✅ **Huella de carbono de una industria**: estudia el impacto ambiental de sectores como la construcción, la industria textil o la alimentaria.  
-
----
-
-## 👣 Huella de Carbono Personal
-<ImagenMD alt="Impacto de distintos medios de transporte" src="https://static.elmundo.sv/wp-content/uploads/2019/01/Contaminacion-por-vehiculos.jpg"/>
-
-Cada persona contribuye al cambio climático en mayor o menor medida. Para calcular nuestra huella de carbono, es necesario evaluar diferentes aspectos:
-
-### 🔌 Consumo de Energía en el Hogar
-- Uso de electricidad, gas natural, butano, etc.
-- Eficiencia energética de los electrodomésticos.
-- Tipo de iluminación y calefacción.
-- Uso de energías renovables.
-
-### 🚗 Transporte y Movilidad
-- Medio de transporte habitual (bicicleta, transporte público, coche privado, etc.).
-- Tipo de vehículo (gasolina, diésel, híbrido, eléctrico).
-- Frecuencia y distancia de los viajes.
-- Vuelos nacionales e internacionales.
-
----
-
-## 💧 Huella Hídrica: El Impacto del Consumo de Agua
-<ImagenMD alt="huella hidrica" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_VhZfoy6cr_ht5yccvs0NMjUFThXqK5_1gkGHHOCYnqciKniEmDZKK1jefQkC2nixP6fWDhXZ_83RkskU9fxtJcICm8NOA5JFAxcOm82G06AvUvP3llfOq2gwu_wrmJ9qoMnBKiAX6w4/s1600/Ahorrar-Agua.jpg"/>
-
-La **huella hídrica** mide el volumen total de agua dulce utilizado para producir los bienes y servicios que consumimos. Se clasifica en tres tipos:
-
-🌊 **Huella hídrica azul**: agua de ríos, lagos y acuíferos utilizada en la producción.  
-🌿 **Huella hídrica verde**: agua de lluvia almacenada en el suelo y usada por las plantas.  
-🏭 **Huella hídrica gris**: agua contaminada por procesos industriales o agrícolas.  
-
-📌 **Ejemplo**: Para producir 1 kg de carne de res se requieren aproximadamente **15,000 litros de agua**. Optar por una dieta con menos carne o más productos locales puede reducir nuestra huella hídrica.
-
----
-
-## 🌎 Huella Ecológica: Más Allá del Carbono y el Agua
-<ImagenMD alt="Consumo de recursos" src="https://www.trabajadores.cu/wp-content/uploads/2020/08/sobreconsumo-1.jpg"/>
-
-
-La **huella ecológica** es un indicador que mide la cantidad de recursos naturales que utilizamos en comparación con la capacidad regenerativa del planeta. Incluye aspectos como:
-
-- Uso de suelos para agricultura y ganadería.
-- Consumo de combustibles fósiles.
-- Generación de residuos y su impacto ambiental.
-
-📊 Si la huella ecológica de una persona o país supera la capacidad del planeta para regenerar esos recursos, se entra en un **déficit ecológico**.
-
----
-
-## 🔥 ¿Cómo Reducir la Huella Ambiental?
-<ImagenMD alt="Reduccion de la huella ambiental" src="https://www.aperitivoslareal.com/wp-content/uploads/2020/05/Aperitivos-LA-REAL-Blog-%C2%BFC%C3%B3mo-puedo-reducir-mi-huella-de-carbono-2.jpg"/>
-
-
-Aquí te dejamos algunos consejos clave para reducir tu impacto ambiental:
-
-✅ Usa transporte sostenible (caminar, bicicleta, transporte público, coche eléctrico).  
-✅ Ahorra energía en casa y en la oficina.  
-✅ Opta por una alimentación basada en productos locales y de temporada.  
-✅ Reduce el consumo de agua (duchas cortas, reutilización, consumo responsable).  
-✅ Compra menos y mejor (productos ecológicos, de segunda mano, reciclables).  
-✅ Reduce, reutiliza y recicla.  
-✅ Compensa tu huella de carbono con iniciativas de reforestación o energías renovables.  
-
-🌱 **Pequeñas acciones pueden generar grandes cambios.** ¿Estás listo para medir y reducir tu impacto ambiental? 🚀💚

src/posts/ODS1.mdx

@@ -4,7 +4,7 @@ autor: 'José Antonio Marín'
 fecha: '2025-02-25'
 descripcion: 'Este objetivo busca erradicar la pobreza extrema garantizando acceso a recursos básicos, oportunidades económicas y una vida digna para todos. Descubre en detalle el ODS 1 en el siguiente post:'
 imagen: 'https://upload.wikimedia.org/wikipedia/commons/f/f1/Sustainable_Development_Goal-es-17.jpg'
-hashtags: ['ODS1', 'Erradicación-de-la-Pobreza', 'Desarrollo-Sostenible', 'Igualdad-de-Derechos', 'Protección Social']
+hashtags: ['ODS1', 'Erradicación de la Pobreza', 'Desarrollo Sostenible', 'Igualdad de Derechos', 'Protección Social']
 relacionados: ['ods2', 'ods10', 'stakeholders']
 ---
 import ImagenMD from "../components/ImagenMD.astro"
@@ -73,4 +73,4 @@ Encaja por lo siguiente:
 
 *Nota: Este documento es una guía general sobre los ODS y puede requerir actualizaciones periódicas según los avances y cambios en la implementación global.*
 
-*Última actualización: 2025*
+*Última actualización: 2024*

src/posts/ODS10.mdx

@@ -19,7 +19,7 @@ import ImagenMD from "../components/ImagenMD.astro"
 
 ### 1. Reducir la Brecha de Ingresos 
 El objetivo es que las personas con menores ingresos vean crecer su poder adquisitivo más rápidamente que los sectores más acomodados. Esto ayuda a reducir las diferencias económicas dentro de los países y permite que más personas puedan acceder a una mejor calidad de vida.
-<ImagenMD alt="reduccion de ingresos" src="https://www.supercontable.com/fprg/fprg15/img_descenso-ingresos.jpg"/>
+<ImagenMD alt="reduccion de ingresos" src="https://crm325.inmopc.com/INMOWEB-PHP/base/fotos/noticias/85450/ImgNot85450106.jpg"/>
 
 ### 2. Igualdad de Oportunidades para Todos
 Este aspecto busca que todas las personas, sin importar su género, edad, raza, etnia, discapacidad o religión, tengan las mismas oportunidades para desarrollarse. Se trata de eliminar barreras y asegurar que todos puedan participar plenamente en la sociedad y aprovechar los mismos beneficios.

src/posts/ODS2.mdx

@@ -62,16 +62,8 @@ La meta 2.c incluye un indicador:
 
 Este ODS es de especial vital importancia para los países más pobres, ya que son los que con mayor prevalencia sufren esta lacra. Sin el problema del hambre, dichos países podrían apuntar sus esfuerzos en otras direcciones, que a la larga beneficiarían a su población. Pero eso es imposible sin que antes se acabe con el hambre, por lo que este Objetivo de Desarrollo Sostenible es fundamental.
 
-### Representación artística:
-El cuadro escogido para representar al ODS 2: Hambre Cero es "Las Espigadoras" de Jean-François Millet. Esta pintura fue realizada en 1857 y refleja de manera poderosa la lucha por la seguridad alimentaria y la importancia de garantizar el acceso a los alimentos para todos, temas centrales de este ODS.
-<ImagenMD alt="Cuadro ODS2" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Jean-Fran%C3%A7ois_Millet_-_Gleaners_-_Google_Art_Project_2.jpg/1280px-Jean-Fran%C3%A7ois_Millet_-_Gleaners_-_Google_Art_Project_2.jpg"/>
-#### ¿Por qué encaja con este ODS?
-Encaja por las siguientes razones:
-- La obra muestra a tres mujeres campesinas recogiendo las espigas sobrantes tras la cosecha, una práctica que refleja la lucha diaria por conseguir alimentos básicos en tiempos de escasez.
-- Representa a las clases más desfavorecidas, que dependen del trabajo duro y del aprovechamiento de lo poco que queda para alimentarse.
-- La pintura nos invita a reflexionar sobre la desigualdad en el acceso a la comida y la necesidad de lograr un mundo sin hambre, donde todos tengan garantizado el derecho a una alimentación adecuada.
 ---
 
 *Nota: Este documento es una guía general sobre los ODS y puede requerir actualizaciones periódicas según los avances y cambios en la implementación global.*
 
-*Última actualización: 2025*
+*Última actualización: 2024*

src/posts/ODS3.mdx

@@ -4,7 +4,7 @@ autor: 'José Antonio Marín'
 fecha: '2024-11-26'
 descripcion: 'Este objetivo busca mejorar la salud y la calidad de vida general de todos los seres humanos, involucrando una serie de políticas y de acciones tanto gubernamentales y civiles para lograr dicho objetivo. Descubre qué implica exactamente en este artículo:'
 imagen: 'https://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Sustainable_Development_Goal-es-15.jpg/1024px-Sustainable_Development_Goal-es-15.jpg'
-relacionados: ['contaminacion', 'cambio_climatico', 'retos-ambientales']
+relacionados: ['contaminacion', 'cambio_climatico', 'retos ambientales']
 ---
 import ImagenMD from "../components/ImagenMD.astro"
 
@@ -89,16 +89,8 @@ La meta 3.d incluye dos indicadores:
 
 Este ODS es de equitativo impacto en mayor medida en todos los países, ya que nadie se escapa de los problemas de salud o de los distintos problemas diarios comunes a todos los seres humanos. La consecución de este ODS beneficiará a todos los seres humanos de este planeta en gran medida, sin ninguna duda.
 
-### Representación artística:
-El cuadro escogido para representar al ODS 3: Salud y Bienestar es "El Doctor" de Sir Luke Fildes. Esta pintura fue realizada en 1891 y simboliza el compromiso con el cuidado de la salud y la importancia del acceso a servicios médicos de calidad para todas las personas, temas fundamentales en el ODS 3.
-<ImagenMD alt="Cuadro ODS3" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/The_Doctor_-_Joseph_Tomanek%2C_after_Luke_Fildes.jpg/1200px-The_Doctor_-_Joseph_Tomanek%2C_after_Luke_Fildes.jpg"/>
-#### ¿Por qué encaja con este ODS?
-Encaja por las siguientes razones:
-- La obra representa a un médico velando durante la noche a una niña enferma en el humilde hogar de la familia, reflejando la dedicación y humanidad de los profesionales de la salud.
-- Nos muestra la importancia del acceso a la atención médica, especialmente en los sectores más vulnerables de la sociedad, donde los recursos son limitados.
-- El cuadro transmite un mensaje de esperanza, cuidado y compromiso por el bienestar de las personas, valores que están en el centro del ODS 3.
 ---
 
 *Nota: Este documento es una guía general sobre los ODS y puede requerir actualizaciones periódicas según los avances y cambios en la implementación global.*
 
-*Última actualización: 2025*
+*Última actualización: 2024*

src/posts/ODS4.mdx

@@ -4,7 +4,7 @@ autor: 'José Antonio Marín'
 fecha: '2024-11-26'
 descripcion: 'Este objetivo busca garantizar una educación inclusiva, equitativa y de calidad para todos los los ciudadanos del mundo a lo largo de sus vidas. Descubre qué es lo que implica en este post:'
 imagen: 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Sustainable_Development_Goal-es-14.jpg/480px-Sustainable_Development_Goal-es-14.jpg'
-relacionados: ['ods12', 'ods15', 'retos-ambientales']
+relacionados: ['ods12', 'ods15', 'retos ambientales']
 ---
 import ImagenMD from "../components/ImagenMD.astro"
 
@@ -64,16 +64,8 @@ La meta 4.c incluye un indicador:
 
 Este ODS es importantísimo en todos los países, ya que un país con unas futuras generaciones mal educadas, son generaciones condenadas al fracaso más absoluto. En un mundo en constante avance, lo más importante para todos los gobiernos debería ser el garantizar a sus futuros ciudadanos la mayor calidad de vida posible, y eso sin una buena educación es imposible.
 
-### Representación artística:
-El cuadro escogido para representar al ODS 4: Educación de Calidad es "La Escuela de Atenas" de Rafael Sanzio. Esta obra maestra del Renacimiento fue pintada entre 1509 y 1511, y simboliza el valor del conocimiento, la enseñanza y el aprendizaje a lo largo de la historia, aspectos fundamentales del ODS 4.
-<ImagenMD alt="Cuadro ODS4" src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/31/La_scuola_di_Atene.jpg/1280px-La_scuola_di_Atene.jpg"/>
-#### ¿Por qué encaja con este ODS?
-Encaja por las siguientes razones:
-- La pintura representa a los grandes filósofos y pensadores de la antigüedad, como Platón y Aristóteles, en un entorno dedicado al aprendizaje, el debate y la transmisión del conocimiento.
-- Refleja la importancia de la educación como base para el desarrollo de las sociedades, fomentando el pensamiento crítico, la innovación y el progreso.
-- Nos recuerda que una educación inclusiva y de calidad es clave para reducir las desigualdades y garantizar oportunidades equitativas para todas las personas, sin importar su origen o condición.
 ---
 
 *Nota: Este documento es una guía general sobre los ODS y puede requerir actualizaciones periódicas según los avances y cambios en la implementación global.*
 
-*Última actualización: 2025*
+*Última actualización: 2024*

src/posts/ODS5.mdx

@@ -63,16 +63,8 @@ La meta 5.c incluye un indicador:
 
 El ODS 5 es crucial en todos los países, ya que una sociedad que no garantiza la igualdad de género está destinada a perpetuar la desigualdad y el estancamiento. En un mundo que avanza hacia la inclusión y la equidad, lo más importante para los gobiernos debería ser asegurar que todas las personas, independientemente de su género, puedan alcanzar su máximo potencial. Sin igualdad de oportunidades y derechos, es imposible construir una sociedad verdaderamente justa y sostenible.
 
-### Representación artística:
-El cuadro escogido para representar al ODS 5: Igualdad de Género es "Las Tres Edades de la Mujer" de Gustav Klimt. Esta obra fue pintada en 1905 y refleja el ciclo de la vida femenina, destacando el papel fundamental de la mujer en la sociedad y la importancia de su reconocimiento y empoderamiento, principios esenciales del ODS 5.
-<ImagenMD alt="Cuadro ODS5" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Gustav_Klimt_020.jpg/800px-Gustav_Klimt_020.jpg"/>
-#### ¿Por qué encaja con este ODS?
-Encaja por las siguientes razones:
-- La pintura muestra diferentes etapas de la vida de la mujer, simbolizando el valor y la dignidad de la mujer en cada momento de su existencia.
-- Nos invita a reflexionar sobre el respeto, la igualdad y la necesidad de erradicar cualquier forma de discriminación y desigualdad de género.
-- Refleja el rol central que tienen las mujeres y las niñas en la construcción de sociedades justas, inclusivas y sostenibles, tal como promueve el ODS 5: Igualdad de Género.
 ---
 
 *Nota: Este documento es una guía general sobre los ODS y puede requerir actualizaciones periódicas según los avances y cambios en la implementación global.*
 
-*Última actualización: 2025*
+*Última actualización: 2024*

src/posts/ODS6.mdx

@@ -4,7 +4,7 @@ autor: 'José Antonio Marín'
 fecha: '2024-11-26'
 descripcion: 'Este objetivo busca garantizar el acceso universal al agua limpia y al saneamiento, promoviendo una gestión sostenible de los recursos hídricos. Descubre qué significa y qué acciones son necesarias para alcanzarlo en este post:'
 imagen: 'https://upload.wikimedia.org/wikipedia/commons/c/ca/Sustainable_Development_Goal-es-12.jpg'
-relacionados: ['ods14', 'ods15', 'retos-ambientales', 'contaminacion']
+relacionados: ['ods14', 'ods15', 'retos ambientales', 'contaminacion']
 ---
 import ImagenMD from "../components/ImagenMD.astro"
 
@@ -55,18 +55,11 @@ La meta 6.a incluye un indicador:
 La meta 6.b incluye un indicador:
 - Indicador 6.b.1: Proporción de unidades administrativas locales con políticas y procedimientos establecidos y operativos para la participación de las comunidades locales en la gestión del agua y el saneamiento.
 
+
 El ODS 6 es esencial en todos los países, ya que sin acceso universal al agua limpia y al saneamiento, las comunidades enfrentan riesgos graves para su salud, desarrollo y sostenibilidad. En un mundo donde los recursos hídricos están cada vez más amenazados, lo más importante para los gobiernos debería ser garantizar una gestión eficiente y equitativa del agua. Sin agua potable y sistemas de saneamiento adecuados, es imposible asegurar una calidad de vida digna y un desarrollo sostenible para las futuras generaciones.
 
-### Representación artística:
-El cuadro escogido para representar al ODS 6: Agua Limpia y Saneamiento es "El Aguador de Sevilla" de Diego Velázquez. Esta obra fue pintada en 1620 y pone de relieve la importancia vital del acceso al agua potable, tema central del ODS 6.
-<ImagenMD alt="Cuadro ODS6" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/El_aguador_de_Sevilla%2C_por_Diego_Vel%C3%A1zquez.jpg/640px-El_aguador_de_Sevilla%2C_por_Diego_Vel%C3%A1zquez.jpg"/>
-#### ¿Por qué encaja con este ODS?
-Encaja por las siguientes razones:
-- La pintura muestra a un aguador, una figura popular en la Sevilla del siglo XVII, cuya función era distribuir agua potable a quienes no tenían acceso directo a ella, subrayando la relevancia del agua limpia en la vida cotidiana.
-- Representa la dignidad y el valor de quienes aseguran el acceso al agua, un recurso esencial para la salud, el bienestar y la vida digna.
-- La obra invita a reflexionar sobre la necesidad de garantizar el acceso universal al agua potable y al saneamiento, reduciendo la desigualdad y mejorando la calidad de vida de las comunidades más vulnerables.
 ---
 
 *Nota: Este documento es una guía general sobre los ODS y puede requerir actualizaciones periódicas según los avances y cambios en la implementación global.*
 
-*Última actualización: 2025*
+*Última actualización: 2024*

src/posts/ODS7.mdx

@@ -4,7 +4,7 @@ autor: 'José Antonio Marín'
 fecha: '2024-11-26'
 descripcion: 'Este objetivo busca garantizar el acceso a energía asequible, fiable, sostenible y moderna para todos, promoviendo el uso de fuentes renovables y soluciones más limpias. Descubre qué significa y qué acciones son necesarias para alcanzarlo en este post:'
 imagen: 'https://www.un.org/sustainabledevelopment/es/wp-content/uploads/sites/3/2018/07/S_SDG-goals_icons-individual-rgb-07.png'
-relacionados: ['ods13', 'contaminacion', 'retos-ambientales', 'ods12']
+relacionados: ['ods13', 'contaminacion', 'retos ambientales', 'ods12']
 ---
 import ImagenMD from "../components/ImagenMD.astro"
 
@@ -44,16 +44,8 @@ La meta 7.b incluye un indicador:
 
 El ODS 7 es crucial en todos los países, ya que sin acceso universal a energía asequible, fiable y sostenible, las comunidades enfrentan limitaciones para su desarrollo económico, social y ambiental. En un mundo que depende cada vez más de soluciones energéticas limpias, lo más importante para los gobiernos debería ser impulsar la transición hacia fuentes renovables y eficientes. Sin energía moderna y sostenible, es imposible garantizar el bienestar de las personas y construir un futuro resiliente para las próximas generaciones.
 
-### Representación artística:
-El cuadro escogido para representar al ODS 7: Energía Asequible y No Contaminante es "La Anunciación" de Leonardo da Vinci. Esta obra fue pintada alrededor de 1472-1475 y, aunque su temática es religiosa, el uso magistral de la luz en la pintura simboliza la importancia de la energía como fuente de vida, iluminación y progreso, conceptos fundamentales en el ODS 7.
-<ImagenMD alt="Cuadro ODS7" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Annunciation_%28Leonardo%29_%28cropped%29.jpg/1920px-Annunciation_%28Leonardo%29_%28cropped%29.jpg"/>
-#### ¿Por qué encaja con este ODS?
-Encaja por las siguientes razones:
-- La obra destaca por el manejo de la luz, un elemento que representa la energía y el conocimiento, elementos esenciales para el desarrollo humano y sostenible.
-- La luz que baña la escena puede interpretarse como una metáfora del acceso a una energía limpia y asequible, que ilumina e impulsa el progreso de las sociedades.
-- Refleja la necesidad de llevar la "luz" (energía) a todos los rincones del mundo, sin dejar a nadie atrás, asegurando que sea accesible, fiable y sostenible.
 ---
 
 *Nota: Este documento es una guía general sobre los ODS y puede requerir actualizaciones periódicas según los avances y cambios en la implementación global.*
 
-*Última actualización: 2025*
+*Última actualización: 2024*

src/posts/ODS8.mdx

@@ -4,7 +4,7 @@ autor: 'José Antonio Marín'
 fecha: '2024-12-09'
 descripcion: 'Este objetivo busca garantizar una calidad laboral amplia, así como un crecimiento económico constante, sostenible y respetuoso con el planeta. Descubre qué significa y qué acciones son necesarias para alcanzarlo en este post:'
 imagen: 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Sustainable_Development_Goal-es-10.jpg/1024px-Sustainable_Development_Goal-es-10.jpg'
-relacionados: ['ods1', 'ods4', 'retos-ambientales', 'ods12']
+relacionados: ['ods1', 'ods4', 'retos ambientales', 'ods12']
 ---
 import ImagenMD from "../components/ImagenMD.astro"
 
@@ -75,16 +75,8 @@ La meta 8.b incluye un indicador:
 
 El ODS 8 es crucial en todos los países, ya que sin un crecimiento económico inclusivo y trabajo decente para todos, las comunidades enfrentan dificultades para mejorar su calidad de vida y reducir las desigualdades. En un mundo que necesita generar oportunidades para una población en constante crecimiento, lo más importante para los gobiernos debería ser fomentar economías sostenibles, invertir en educación y garantizar condiciones laborales justas. Sin empleo digno y un desarrollo económico equitativo, es imposible construir sociedades prósperas y resilientes para las futuras generaciones.
 
-### Representación artística:
-El cuadro escogido para representar al ODS 8: Trabajo Decente y Crecimiento Económico es "El taller del pintor" de Gustave Courbet. Esta obra fue pintada en 1855 y muestra la actividad laboral en un estudio de arte, simbolizando la dignidad del trabajo, la diversidad de oficios y la importancia de un entorno productivo e inclusivo, temas clave en el ODS 8.
-<ImagenMD alt="Cuadro ODS8" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Courbet_LAtelier_du_peintre.jpg/1920px-Courbet_LAtelier_du_peintre.jpg"/>
-#### ¿Por qué encaja con este ODS?
-Encaja por las siguientes razones:
-- La pintura representa a personas de diferentes clases sociales y profesiones reunidas alrededor del trabajo creativo del pintor, simbolizando la importancia de un entorno laboral inclusivo y productivo.
-- Refleja la dignidad del trabajo y el esfuerzo personal como motores del desarrollo económico y la realización individual.
-- La diversidad de personajes sugiere la necesidad de que el crecimiento económico beneficie a todos, creando oportunidades laborales justas y seguras, en línea con el ODS 8: Trabajo Decente y Crecimiento Económico.
 ---
 
 *Nota: Este documento es una guía general sobre los ODS y puede requerir actualizaciones periódicas según los avances y cambios en la implementación global.*
 
-*Última actualización: 2025*
+*Última actualización: 2024*

src/posts/ODS9.mdx

@@ -58,16 +58,8 @@ La meta 9.c incluye un indicador:
 
 El ODS 9 es crucial en todos los países, ya que sin infraestructuras resilientes, industrialización inclusiva y sostenible, y el fomento de la innovación, las comunidades enfrentan limitaciones para su desarrollo económico y social. En un mundo que depende cada vez más de tecnologías avanzadas y conectividad global, lo más importante para los gobiernos debería ser invertir en infraestructuras modernas, apoyar la industria sostenible y promover la investigación. Sin estos pilares, es imposible construir economías prósperas, reducir las desigualdades y asegurar un futuro resiliente para las próximas generaciones.
 
-### Representación artística:
-El cuadro escogido para representar al ODS 9: Industria, Innovación e Infraestructura es "El Ferrocarril" de Édouard Manet. Esta obra fue pintada en 1873 y simboliza el avance industrial y tecnológico de la época, reflejando la importancia del desarrollo de infraestructuras modernas e innovadoras, pilares fundamentales del ODS 9.
-<ImagenMD alt="Cuadro ODS9" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Edouard_Manet_-_Le_Chemin_de_fer_-_Google_Art_Project.jpg/1024px-Edouard_Manet_-_Le_Chemin_de_fer_-_Google_Art_Project.jpg"/>
-#### ¿Por qué encaja con este ODS?
-Encaja por las siguientes razones:
-- La obra muestra a una mujer y una niña junto a una verja que da a las vías del tren, con el vapor de una locomotora al fondo, destacando el impacto del ferrocarril como símbolo de la revolución industrial y el progreso tecnológico.
-- Representa el avance de la infraestructura y la innovación como motores de crecimiento económico, integración social y desarrollo sostenible.
-- La presencia del tren alude a la conectividad, el transporte eficiente y el impulso de la industria, aspectos esenciales para lograr el ODS 9: Industria, Innovación e Infraestructura.
 ---
 
 *Nota: Este documento es una guía general sobre los ODS y puede requerir actualizaciones periódicas según los avances y cambios en la implementación global.*
 
-*Última actualización: 2025*
+*Última actualización: 2024*

src/posts/Retos ambientales.mdx

@@ -14,7 +14,7 @@ Hoy en día, el panorama medioambiental es cada vez más preocupante. Científic
 
 ## Principales Problemas Ambientales
 
-<ImagenMD alt="cambio climatico" src="https://ciencia.nasa.gov/wp-content/uploads/sites/2/2024/01/efectos-page-triptych.webp"/>
+<ImagenMD alt="cambio climatico" src="https://www.lavanguardia.com/andro4all/hero/2024/01/el-cambio-climatico-ilustrado.png?width=768&aspect_ratio=16:9&format=nowebp"/>
 
 1. **Cambio Climático:**  
    El aumento de la temperatura global debido a la quema de combustibles fósiles y la deforestación, provocando fenómenos climáticos extremos.  

src/styles/global.css

@@ -0,0 +1,78 @@
+@import "tailwindcss";
+@plugin "daisyui";
+
+
+
+@plugin "daisyui/theme" {
+    name: "forest";
+    default: false;
+    prefersdark: true;
+    color-scheme: "dark";
+    --color-base-100: oklch(20.84% 0.008 17.911);
+    --color-base-200: oklch(18.522% 0.007 17.911);
+    --color-base-300: oklch(16.203% 0.007 17.911);
+    --color-base-content: oklch(83.768% 0.001 17.911);
+    --color-primary: oklch(68.628% 0.185 148.958);
+    --color-primary-content: oklch(0% 0 0);
+    --color-secondary: oklch(69.776% 0.135 168.327);
+    --color-secondary-content: oklch(13.955% 0.027 168.327);
+    --color-accent: oklch(70.628% 0.119 185.713);
+    --color-accent-content: oklch(14.125% 0.023 185.713);
+    --color-neutral: oklch(30.698% 0.039 171.364);
+    --color-neutral-content: oklch(86.139% 0.007 171.364);
+    --color-info: oklch(72.06% 0.191 231.6);
+    --color-info-content: oklch(0% 0 0);
+    --color-success: oklch(64.8% 0.15 160);
+    --color-success-content: oklch(0% 0 0);
+    --color-warning: oklch(84.71% 0.199 83.87);
+    --color-warning-content: oklch(0% 0 0);
+    --color-error: oklch(71.76% 0.221 22.18);
+    --color-error-content: oklch(0% 0 0);
+    --radius-selector: 1rem;
+    --radius-field: 2rem;
+    --radius-box: 1rem;
+    --size-selector: 0.25rem;
+    --size-field: 0.25rem;
+    --border: 1px;
+    --depth: 0;
+    --noise: 0;
+  }
+
+
+  @plugin "daisyui/theme" {
+    name: "lemonade";
+    default: true;
+    prefersdark: false;
+    color-scheme: "light";
+    --color-base-100: oklch(98% 0 0);
+    --color-base-200: oklch(97% 0 0);
+    --color-base-300: oklch(92% 0 0);
+    --color-base-content: oklch(20% 0 0);
+    --color-primary: oklch(62% 0.194 149.214);
+    --color-primary-content: oklch(98% 0.018 155.826);
+    --color-secondary: oklch(54% 0.281 293.009);
+    --color-secondary-content: oklch(96% 0.016 293.756);
+    --color-accent: oklch(60% 0.126 221.723);
+    --color-accent-content: oklch(98% 0.019 200.873);
+    --color-neutral: oklch(43% 0 0);
+    --color-neutral-content: oklch(98% 0 0);
+    --color-info: oklch(70% 0.165 254.624);
+    --color-info-content: oklch(28% 0.091 267.935);
+    --color-success: oklch(79% 0.209 151.711);
+    --color-success-content: oklch(26% 0.065 152.934);
+    --color-warning: oklch(85% 0.199 91.936);
+    --color-warning-content: oklch(28% 0.066 53.813);
+    --color-error: oklch(71% 0.194 13.428);
+    --color-error-content: oklch(27% 0.105 12.094);
+    --radius-selector: 1rem;
+    --radius-field: 2rem;
+    --radius-box: 0.5rem;
+    --size-selector: 0.25rem;
+    --size-field: 0.25rem;
+    --border: 1px;
+    --depth: 0;
+    --noise: 1;
+  }
+  
+  
+