<!DOCTYPE html><html lang="es"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Ciencia y Sociedad — Periodismo científico independiente</title><meta name="description" content="Análisis riguroso del impacto tecnocientífico en la sociedad. Astronomía, biología, tecnología y medioambiente. Las cosas nuevas que nos emocionan."><link rel="canonical" href="https://cienciaysociedad.info/"><meta name="generator" content="Astro v5"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="Ciencia y Sociedad — Periodismo científico independiente"><meta property="og:description" content="Análisis riguroso del impacto tecnocientífico en la sociedad. Astronomía, biología, tecnología y medioambiente. Las cosas nuevas que nos emocionan."><meta property="og:url" content="https://cienciaysociedad.info/"><meta property="og:image" content="https://cienciaysociedad.info/thumbs/jpg/home-800w.jpg"><meta property="og:site_name" content="Ciencia y Sociedad"><meta property="og:locale" content="es_ES"><!-- Favicons --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#0e1117"><!-- Analytics (env-gated) --><link rel="stylesheet" href="/_astro/biologia.CJ8isUwU.css"></head> <body class="min-h-screen flex flex-col"> <!-- Header --> <header class="sticky top-0 z-50 border-b py-4 px-6 md:px-12" style="background:#0e1117;border-color:#30363d;"> <div class="max-w-7xl mx-auto flex items-center justify-between"> <!-- Logo --> <a href="/" class="flex items-center gap-2 group"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" aria-hidden="true"> <circle cx="16" cy="16" r="15" stroke="#00c9a7" stroke-width="1.5" fill="none"></circle> <circle cx="16" cy="16" r="6" stroke="#00c9a7" stroke-width="1.5" fill="none"></circle> <line x1="16" y1="1" x2="16" y2="7" stroke="#00c9a7" stroke-width="1.5"></line> <line x1="16" y1="25" x2="16" y2="31" stroke="#00c9a7" stroke-width="1.5"></line> <line x1="1" y1="16" x2="7" y2="16" stroke="#00c9a7" stroke-width="1.5"></line> <line x1="25" y1="16" x2="31" y2="16" stroke="#00c9a7" stroke-width="1.5"></line> <circle cx="16" cy="16" r="2" fill="#00c9a7"></circle> </svg> <span class="font-heading font-bold text-lg uppercase tracking-tighter" style="color:#e6edf3;">
Ciencia<span style="color:#00c9a7;">_y_</span>Sociedad
</span> </a> <!-- Nav --> <nav class="hidden lg:flex items-center gap-6" aria-label="Navegación principal"> <a href="/astronomia/" class="text-xs font-body font-bold uppercase tracking-widest transition-colors text-[#8b949e] hover:text-[#e6edf3]">
[Astronomía]
</a><a href="/biologia/" class="text-xs font-body font-bold uppercase tracking-widest transition-colors text-[#8b949e] hover:text-[#e6edf3]">
[Biología]
</a><a href="/tecnologia/" class="text-xs font-body font-bold uppercase tracking-widest transition-colors text-[#8b949e] hover:text-[#e6edf3]">
[Tecnología]
</a><a href="/medioambiente/" class="text-xs font-body font-bold uppercase tracking-widest transition-colors text-[#8b949e] hover:text-[#e6edf3]">
[Medioambiente]
</a><a href="/sobre-nosotros/" class="text-xs font-body font-bold uppercase tracking-widest transition-colors text-[#8b949e] hover:text-[#e6edf3]">
[Sobre_nosotros]
</a> </nav> <!-- Mobile toggle (CSS-only) --> <label class="lg:hidden cursor-pointer p-2" for="mobile-menu-toggle" aria-label="Menú"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="#8b949e" stroke-width="2" stroke-linecap="round"> <line x1="3" y1="6" x2="17" y2="6"></line> <line x1="3" y1="10" x2="17" y2="10"></line> <line x1="3" y1="14" x2="17" y2="14"></line> </svg> </label> </div> <!-- Mobile nav --> <input type="checkbox" id="mobile-menu-toggle" class="hidden peer"> <nav class="hidden peer-checked:flex flex-col border-t px-6 py-4 lg:hidden gap-3" style="border-color:#30363d;"> <a href="/astronomia/" class="text-xs font-body font-bold uppercase tracking-widest text-[#8b949e] hover:text-[#00c9a7] transition-colors">
[Astronomía]
</a><a href="/biologia/" class="text-xs font-body font-bold uppercase tracking-widest text-[#8b949e] hover:text-[#00c9a7] transition-colors">
[Biología]
</a><a href="/tecnologia/" class="text-xs font-body font-bold uppercase tracking-widest text-[#8b949e] hover:text-[#00c9a7] transition-colors">
[Tecnología]
</a><a href="/medioambiente/" class="text-xs font-body font-bold uppercase tracking-widest text-[#8b949e] hover:text-[#00c9a7] transition-colors">
[Medioambiente]
</a><a href="/sobre-nosotros/" class="text-xs font-body font-bold uppercase tracking-widest text-[#8b949e] hover:text-[#00c9a7] transition-colors">
[Sobre_nosotros]
</a> </nav> </header> <!-- Main slot --> <main class="flex-1">   <section class="px-6 md:px-12 pt-12 pb-0"> <div class="max-w-7xl mx-auto"> <h1 class="font-heading font-bold text-2xl md:text-3xl uppercase tracking-tighter" style="color:#e6edf3;">
Ciencia y Sociedad <span style="color:#00c9a7;">//</span> Periodismo científico independiente
</h1> </div> </section>  <section class="px-6 md:px-12 py-16 md:py-24 border-b" style="border-color:#30363d;"> <div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-12 items-center"> <div class="lg:col-span-7"> <div class="flex items-center gap-3 mb-6"> <span class="w-2 h-2 animate-pulse" style="background:#00c9a7;"></span> <span class="text-[10px] font-body font-bold uppercase tracking-[0.3em]" style="color:#00c9a7;">
Mission_Update // Priority_Alpha
</span> </div> <h2 class="font-heading font-bold text-4xl md:text-5xl uppercase leading-none tracking-tighter mb-6" style="color:#e6edf3;"> Exoplanetas habitables: cómo el JWST redefinió la búsqueda de vida </h2> <p class="text-base md:text-lg leading-relaxed mb-8 pl-4 border-l-2" style="color:#8b949e;border-color:#00c9a7;"> El Telescopio James Webb ha transformado la detección de biosignaturas en atmósferas de exoplanetas lejanos. Estado actual de la investigación. </p> <div class="flex flex-wrap items-center gap-6"> <a href="/blog/astronomia/exoplanetas-habitables-jwst/" class="inline-flex items-center gap-3 px-6 py-3 font-body font-bold text-xs uppercase tracking-widest transition-all" style="background:#00c9a7;color:#0e1117;">
Acceder al informe completo &rarr;
</a> <div class="text-[10px] font-body uppercase tracking-widest" style="color:#8b949e;"> <p>Read: 14min</p> <p>Author: Elena Vidal Marcos</p> </div> </div> </div> <div class="lg:col-span-5"> <div class="border overflow-hidden" style="border-color:#30363d;"> <picture> <source srcset="/thumbs/avif/astronomia-800w.avif" type="image/avif"> <source srcset="/thumbs/webp/astronomia-800w.webp" type="image/webp"> <img src="/thumbs/jpg/astronomia-800w.jpg" alt="Exoplanetas habitables y el JWST" class="w-full aspect-video object-cover opacity-80" loading="eager" width="640" height="360"> </picture> </div> </div> </div> </section> <section class="py-16 px-6 md:px-12 border-b" style="border-color:#30363d;"> <div class="max-w-7xl mx-auto"> <div class="flex items-center gap-4 mb-10"> <div class="h-px flex-1" style="background:#30363d;"></div> <h2 class="text-[10px] font-body font-bold uppercase tracking-[0.4em]" style="color:#8b949e;">Data_Classification_Grid</h2> <div class="h-px flex-1" style="background:#30363d;"></div> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"> <a href="/astronomia/" class="border p-6 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="flex justify-between items-start"> <span class="font-body font-bold text-xs uppercase tracking-widest" style="color:#00c9a7;">◎</span> <span class="text-[10px] font-body uppercase" style="color:#8b949e;">CAT_01</span> </div> <h3 class="font-heading font-bold text-lg uppercase tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;">Astronomía</h3> <p class="text-xs font-body leading-relaxed" style="color:#8b949e;">Mecánica celeste, exoplanetas y exploración del universo profundo.</p> <div class="pt-4 mt-auto border-t flex justify-between text-[9px] font-body uppercase" style="border-color:#30363d;color:#8b949e;"> <span>Status: Open</span> <span>→</span> </div> </a><a href="/biologia/" class="border p-6 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="flex justify-between items-start"> <span class="font-body font-bold text-xs uppercase tracking-widest" style="color:#00c9a7;">◎</span> <span class="text-[10px] font-body uppercase" style="color:#8b949e;">CAT_02</span> </div> <h3 class="font-heading font-bold text-lg uppercase tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;">Biología</h3> <p class="text-xs font-body leading-relaxed" style="color:#8b949e;">Sistemas orgánicos complejos, genómica y algoritmos naturales.</p> <div class="pt-4 mt-auto border-t flex justify-between text-[9px] font-body uppercase" style="border-color:#30363d;color:#8b949e;"> <span>Status: Open</span> <span>→</span> </div> </a><a href="/tecnologia/" class="border p-6 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="flex justify-between items-start"> <span class="font-body font-bold text-xs uppercase tracking-widest" style="color:#00c9a7;">◎</span> <span class="text-[10px] font-body uppercase" style="color:#8b949e;">CAT_03</span> </div> <h3 class="font-heading font-bold text-lg uppercase tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;">Tecnología</h3> <p class="text-xs font-body leading-relaxed" style="color:#8b949e;">Inteligencia artificial, computación cuántica y sociedad digital.</p> <div class="pt-4 mt-auto border-t flex justify-between text-[9px] font-body uppercase" style="border-color:#30363d;color:#8b949e;"> <span>Status: Open</span> <span>→</span> </div> </a><a href="/medioambiente/" class="border p-6 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="flex justify-between items-start"> <span class="font-body font-bold text-xs uppercase tracking-widest" style="color:#00c9a7;">◎</span> <span class="text-[10px] font-body uppercase" style="color:#8b949e;">CAT_04</span> </div> <h3 class="font-heading font-bold text-lg uppercase tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;">Medioambiente</h3> <p class="text-xs font-body leading-relaxed" style="color:#8b949e;">Análisis climático, biodiversidad y geofísica terrestre.</p> <div class="pt-4 mt-auto border-t flex justify-between text-[9px] font-body uppercase" style="border-color:#30363d;color:#8b949e;"> <span>Status: Open</span> <span>→</span> </div> </a> </div> </div> </section>  <section class="py-20 px-6 md:px-12 border-b" style="border-color:#30363d;"> <div class="max-w-7xl mx-auto"> <div class="flex items-center justify-between mb-12"> <h2 class="font-heading font-bold text-xl uppercase tracking-tighter" style="color:#e6edf3;">Recent_Data_Entries</h2> <a href="/blog/" class="text-[10px] font-body font-bold uppercase tracking-widest hover:text-white transition-colors" style="color:#00c9a7;">Open_Archive [+]</a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <article class="border p-4 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="overflow-hidden border" style="border-color:#30363d;"> <picture> <source srcset="/thumbs/avif/tecnologia-800w.avif" type="image/avif"> <source srcset="/thumbs/webp/tecnologia-800w.webp" type="image/webp"> <img src="/thumbs/jpg/tecnologia-800w.jpg" alt="Computación cuántica y criptografía" class="w-full aspect-video object-cover opacity-70 group-hover:opacity-90 transition-opacity" loading="lazy" width="400" height="225"> </picture> </div> <div class="flex justify-between text-[9px] font-body uppercase" style="color:#8b949e;"> <span style="color:#f59e0b;">LVL: Avanzado</span> <time datetime="2026-05-16T00:00:00.000Z">16/05/2026</time> </div> <h3 class="font-heading font-bold text-base uppercase leading-tight tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;"> <a href="/blog/tecnologia/computacion-cuantica-criptografia/">Computación cuántica: cuándo y cómo amenaza la criptografía actual</a> </h3> <div class="flex justify-between text-[9px] font-body uppercase border-t pt-3" style="border-color:#30363d;color:#00c9a7;"> <span>Read: 12min</span> <a href="/tecnologia/" class="hover:text-white transition-colors">tecnologia</a> </div> </article><article class="border p-4 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="overflow-hidden border" style="border-color:#30363d;"> <picture> <source srcset="/thumbs/avif/astronomia-800w.avif" type="image/avif"> <source srcset="/thumbs/webp/astronomia-800w.webp" type="image/webp"> <img src="/thumbs/jpg/astronomia-800w.jpg" alt="Exoplanetas habitables y el JWST" class="w-full aspect-video object-cover opacity-70 group-hover:opacity-90 transition-opacity" loading="lazy" width="400" height="225"> </picture> </div> <div class="flex justify-between text-[9px] font-body uppercase" style="color:#8b949e;"> <span style="color:#f59e0b;">LVL: Avanzado</span> <time datetime="2026-05-14T00:00:00.000Z">14/05/2026</time> </div> <h3 class="font-heading font-bold text-base uppercase leading-tight tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;"> <a href="/blog/astronomia/exoplanetas-habitables-jwst/">Exoplanetas habitables: cómo el JWST redefinió la búsqueda de vida</a> </h3> <div class="flex justify-between text-[9px] font-body uppercase border-t pt-3" style="border-color:#30363d;color:#00c9a7;"> <span>Read: 14min</span> <a href="/astronomia/" class="hover:text-white transition-colors">astronomia</a> </div> </article><article class="border p-4 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="overflow-hidden border" style="border-color:#30363d;"> <picture> <source srcset="/thumbs/avif/biologia-800w.avif" type="image/avif"> <source srcset="/thumbs/webp/biologia-800w.webp" type="image/webp"> <img src="/thumbs/jpg/biologia-800w.jpg" alt="AlphaFold 3 y la biología estructural" class="w-full aspect-video object-cover opacity-70 group-hover:opacity-90 transition-opacity" loading="lazy" width="400" height="225"> </picture> </div> <div class="flex justify-between text-[9px] font-body uppercase" style="color:#8b949e;"> <span style="color:#f59e0b;">LVL: Avanzado</span> <time datetime="2026-05-02T00:00:00.000Z">02/05/2026</time> </div> <h3 class="font-heading font-bold text-base uppercase leading-tight tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;"> <a href="/blog/biologia/alphafold3-biologia-estructural/">AlphaFold 3 redefine la biología estructural: más allá de las proteínas</a> </h3> <div class="flex justify-between text-[9px] font-body uppercase border-t pt-3" style="border-color:#30363d;color:#00c9a7;"> <span>Read: 11min</span> <a href="/biologia/" class="hover:text-white transition-colors">biologia</a> </div> </article><article class="border p-4 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="overflow-hidden border" style="border-color:#30363d;"> <picture> <source srcset="/thumbs/avif/medioambiente-800w.avif" type="image/avif"> <source srcset="/thumbs/webp/medioambiente-800w.webp" type="image/webp"> <img src="/thumbs/jpg/medioambiente-800w.jpg" alt="2025: el año más caluroso de la historia" class="w-full aspect-video object-cover opacity-70 group-hover:opacity-90 transition-opacity" loading="lazy" width="400" height="225"> </picture> </div> <div class="flex justify-between text-[9px] font-body uppercase" style="color:#8b949e;"> <span style="color:#00c9a7;">LVL: Intermedio</span> <time datetime="2026-04-27T00:00:00.000Z">27/04/2026</time> </div> <h3 class="font-heading font-bold text-base uppercase leading-tight tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;"> <a href="/blog/medioambiente/record-temperatura-2025/">2025, el año más caluroso de la historia: datos, causas y consecuencias</a> </h3> <div class="flex justify-between text-[9px] font-body uppercase border-t pt-3" style="border-color:#30363d;color:#00c9a7;"> <span>Read: 10min</span> <a href="/medioambiente/" class="hover:text-white transition-colors">medioambiente</a> </div> </article><article class="border p-4 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="overflow-hidden border" style="border-color:#30363d;"> <picture> <source srcset="/thumbs/avif/astronomia2-800w.avif" type="image/avif"> <source srcset="/thumbs/webp/astronomia2-800w.webp" type="image/webp"> <img src="/thumbs/jpg/astronomia2-800w.jpg" alt="Saturno está perdiendo sus anillos" class="w-full aspect-video object-cover opacity-70 group-hover:opacity-90 transition-opacity" loading="lazy" width="400" height="225"> </picture> </div> <div class="flex justify-between text-[9px] font-body uppercase" style="color:#8b949e;"> <span style="color:#00c9a7;">LVL: Intermedio</span> <time datetime="2026-04-18T00:00:00.000Z">18/04/2026</time> </div> <h3 class="font-heading font-bold text-base uppercase leading-tight tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;"> <a href="/blog/astronomia/saturn-anillos-desaparicion/">Los anillos de Saturno se disuelven: cronología de una pérdida cósmica</a> </h3> <div class="flex justify-between text-[9px] font-body uppercase border-t pt-3" style="border-color:#30363d;color:#00c9a7;"> <span>Read: 9min</span> <a href="/astronomia/" class="hover:text-white transition-colors">astronomia</a> </div> </article><article class="border p-4 flex flex-col gap-4 transition-all hover:border-[#00c9a7] group" style="border-color:#30363d;"> <div class="overflow-hidden border" style="border-color:#30363d;"> <picture> <source srcset="/thumbs/avif/biologia2-800w.avif" type="image/avif"> <source srcset="/thumbs/webp/biologia2-800w.webp" type="image/webp"> <img src="/thumbs/jpg/biologia2-800w.jpg" alt="CRISPR 2025: terapias aprobadas y retos" class="w-full aspect-video object-cover opacity-70 group-hover:opacity-90 transition-opacity" loading="lazy" width="400" height="225"> </picture> </div> <div class="flex justify-between text-[9px] font-body uppercase" style="color:#8b949e;"> <span style="color:#00c9a7;">LVL: Intermedio</span> <time datetime="2026-04-05T00:00:00.000Z">05/04/2026</time> </div> <h3 class="font-heading font-bold text-base uppercase leading-tight tracking-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;"> <a href="/blog/biologia/crispr-edicion-genetica-2025/">CRISPR en 2025: terapias aprobadas, retos de seguridad y la edición germinal</a> </h3> <div class="flex justify-between text-[9px] font-body uppercase border-t pt-3" style="border-color:#30363d;color:#00c9a7;"> <span>Read: 10min</span> <a href="/biologia/" class="hover:text-white transition-colors">biologia</a> </div> </article> </div> </div> </section>  <section class="py-20 px-6 md:px-12"> <div class="max-w-4xl mx-auto border flex flex-col sm:flex-row items-stretch" style="border-color:#30363d;"> <div class="sm:w-1/3 overflow-hidden" style="background:#0c0f14;"> <picture> <source srcset="/thumbs/avif/author-elena-800w.avif" type="image/avif"> <source srcset="/thumbs/webp/author-elena-800w.webp" type="image/webp"> <img src="/thumbs/jpg/author-elena-800w.jpg" alt="Elena Vidal Marcos" class="w-full h-full object-cover grayscale opacity-80" loading="lazy" width="400" height="400"> </picture> </div> <div class="flex-1 p-8" style="background:#0c0f14;"> <p class="text-[10px] font-body font-bold uppercase tracking-widest mb-4" style="color:#00c9a7;">Staff_Profile // Lead_Investigator</p> <h2 class="font-heading font-bold text-2xl uppercase tracking-tighter mb-1" style="color:#e6edf3;">Elena Vidal Marcos</h2> <p class="text-[10px] font-body uppercase mb-6" style="color:#8b949e;">[ MSc Biología Molecular // UAM Madrid ]</p> <p class="text-sm font-body leading-relaxed" style="color:#8b949e;">
Periodista científica especializada en biotecnología, inteligencia artificial y política científica. Más de diez años documentando la frontera entre la ética y la innovación técnica. Su trabajo se centra en la democratización del conocimiento científico complejo para audiencias generales.
</p> <a href="/sobre-nosotros/" class="inline-flex items-center gap-2 mt-6 text-[10px] font-body font-bold uppercase tracking-widest transition-colors hover:text-white" style="color:#00c9a7;">
Ver perfil completo →
</a> </div> </div> </section>  </main> <!-- Footer --> <footer class="border-t py-12 px-6 md:px-12" style="border-color:#30363d;background:#0c0f14;"> <div class="max-w-7xl mx-auto"> <div class="flex flex-col lg:flex-row justify-between gap-10 mb-10"> <div class="max-w-xs"> <div class="flex items-center gap-2 mb-4"> <svg width="24" height="24" viewBox="0 0 32 32" fill="none" aria-hidden="true"> <circle cx="16" cy="16" r="15" stroke="#00c9a7" stroke-width="1.5" fill="none"></circle> <circle cx="16" cy="16" r="6" stroke="#00c9a7" stroke-width="1.5" fill="none"></circle> <line x1="16" y1="1" x2="16" y2="7" stroke="#00c9a7" stroke-width="1.5"></line> <line x1="16" y1="25" x2="16" y2="31" stroke="#00c9a7" stroke-width="1.5"></line> <line x1="1" y1="16" x2="7" y2="16" stroke="#00c9a7" stroke-width="1.5"></line> <line x1="25" y1="16" x2="31" y2="16" stroke="#00c9a7" stroke-width="1.5"></line> <circle cx="16" cy="16" r="2" fill="#00c9a7"></circle> </svg> <span class="font-heading font-bold text-base uppercase tracking-tighter" style="color:#e6edf3;">Ciencia y Sociedad</span> </div> <p class="text-xs font-body uppercase tracking-wide" style="color:#8b949e;">
Las cosas nuevas que nos emocionan. Análisis del impacto tecnocientífico en la sociedad.
</p> </div> <div class="grid grid-cols-2 md:grid-cols-3 gap-8 text-xs font-body uppercase"> <div class="flex flex-col gap-3"> <p class="font-bold tracking-widest text-[10px]" style="color:#8b949e;">Secciones</p> <a href="/astronomia/" class="hover:text-[#00c9a7] transition-colors" style="color:#8b949e;">Astronomía</a><a href="/biologia/" class="hover:text-[#00c9a7] transition-colors" style="color:#8b949e;">Biología</a><a href="/tecnologia/" class="hover:text-[#00c9a7] transition-colors" style="color:#8b949e;">Tecnología</a><a href="/medioambiente/" class="hover:text-[#00c9a7] transition-colors" style="color:#8b949e;">Medioambiente</a> </div> <div class="flex flex-col gap-3"> <p class="font-bold tracking-widest text-[10px]" style="color:#8b949e;">Portal</p> <a href="/sobre-nosotros/" class="hover:text-[#00c9a7] transition-colors" style="color:#8b949e;">Sobre_nosotros</a> <a href="/blog/" class="hover:text-[#00c9a7] transition-colors" style="color:#8b949e;">Archivo</a> </div> </div> </div> <div class="flex flex-col md:flex-row justify-between items-center gap-4 border-t pt-6 text-[10px] font-body uppercase tracking-widest" style="border-color:#30363d;color:#8b949e;"> <span>// © 2026 cienciaysociedad.info // Madrid, España</span> </div> </div> </footer> </body></html>