<!DOCTYPE html><html lang="es"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Tecnología e innovación digital — Ciencia y Sociedad</title><meta name="description" content="Inteligencia artificial, computación cuántica, infraestructuras digitales y el impacto de la innovación técnica en la sociedad contemporánea."><link rel="canonical" href="https://cienciaysociedad.info/tecnologia/"><meta name="generator" content="Astro v5"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="Tecnología e innovación digital — Ciencia y Sociedad"><meta property="og:description" content="Inteligencia artificial, computación cuántica, infraestructuras digitales y el impacto de la innovación técnica en la sociedad contemporánea."><meta property="og:url" content="https://cienciaysociedad.info/tecnologia/"><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-[#00c9a7]">
[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 py-16 border-b" style="border-color:#30363d;"> <div class="max-w-7xl mx-auto"> <div class="flex items-center gap-3 mb-4"> <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;">Sector // Tecnología</span> </div> <h1 class="font-heading font-bold text-4xl md:text-5xl uppercase leading-none tracking-tighter mb-4" style="color:#e6edf3;">Tecnología: la era de la inteligencia artificial</h1> <p class="text-base leading-relaxed max-w-2xl pl-4 border-l-2" style="color:#8b949e;border-color:#00c9a7;">Inteligencia artificial, computación cuántica, infraestructuras digitales y el impacto de la innovación técnica en la sociedad contemporánea.</p> </div> </section>  <section class="py-16 px-6 md:px-12"> <div class="max-w-7xl mx-auto"> <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 hover:border-[#00c9a7] transition-all 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 gap-3 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> <h2 class="font-heading font-bold text-base uppercase leading-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> </h2> <p class="text-xs font-body leading-relaxed line-clamp-2" style="color:#8b949e;">El algoritmo de Shor puede romper RSA. El estado real de los ordenadores cuánticos, los plazos realistas y la criptografía post-cuántica como respuesta.</p> <div class="border-t pt-3 flex justify-between text-[9px] font-body uppercase" style="border-color:#30363d;color:#00c9a7;"> <span>Read: 12min</span> <a href="/blog/tecnologia/computacion-cuantica-criptografia/" class="hover:text-white transition-colors">→ Leer</a> </div> </article><article class="border p-4 flex flex-col gap-4 hover:border-[#00c9a7] transition-all group" style="border-color:#30363d;"> <div class="overflow-hidden border" style="border-color:#30363d;"> <picture> <source srcset="/thumbs/avif/tecnologia2-800w.avif" type="image/avif"> <source srcset="/thumbs/webp/tecnologia2-800w.webp" type="image/webp"> <img src="/thumbs/jpg/tecnologia2-800w.jpg" alt="Agentes de IA autónomos en 2025" 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 gap-3 text-[9px] font-body uppercase" style="color:#8b949e;"> <span style="color:#00c9a7;">LVL: Intermedio</span> <time datetime="2026-03-27T00:00:00.000Z">27/03/2026</time> </div> <h2 class="font-heading font-bold text-base uppercase leading-tight group-hover:text-[#00c9a7] transition-colors" style="color:#e6edf3;"> <a href="/blog/tecnologia/ia-agentes-autonomos-2025/">Agentes de IA autónomos: de los chatbots a los sistemas que actúan</a> </h2> <p class="text-xs font-body leading-relaxed line-clamp-2" style="color:#8b949e;">Los modelos de lenguaje evolucionan hacia agentes capaces de planificar, usar herramientas y ejecutar tareas de múltiples pasos. Estado actual y riesgos.</p> <div class="border-t pt-3 flex justify-between text-[9px] font-body uppercase" style="border-color:#30363d;color:#00c9a7;"> <span>Read: 9min</span> <a href="/blog/tecnologia/ia-agentes-autonomos-2025/" class="hover:text-white transition-colors">→ Leer</a> </div> </article> </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>