{"id":17047,"date":"2026-03-12T13:48:58","date_gmt":"2026-03-12T19:48:58","guid":{"rendered":"https:\/\/redporlaciberseguridad.org\/?page_id=17047"},"modified":"2026-04-16T20:16:51","modified_gmt":"2026-04-17T02:16:51","slug":"semana-de-la-ia","status":"publish","type":"page","link":"https:\/\/redporlaciberseguridad.org\/en\/semana-de-la-ia\/","title":{"rendered":"Semana de la IA en M\u00e9xico"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Semana de la IA | Red por la Ciberseguridad<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Reset b\u00e1sico *\/\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #020617; \/* Slate 950 *\/\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- SCOPE (ENCAPSULAMIENTO) --- *\/\r\n .ia-widget-root {\r\n --primary: #06b6d4; \/* Cyan 500 *\/\r\n --secondary: #8b5cf6; \/* Violet 500 *\/\r\n --bg-dark: #020617; \/* Slate 950 *\/\r\n --card-bg: rgba(15, 23, 42, 0.7);\r\n --active-bg: rgba(6, 182, 212, 0.15);\r\n \r\n font-family: 'Inter', sans-serif;\r\n color: #e2e8f0;\r\n background-color: var(--bg-dark);\r\n \r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow: hidden; \r\n z-index: 1; \r\n }\r\n\r\n .ia-widget-root * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .font-tech { font-family: 'Orbitron', sans-serif; }\r\n\r\n \/* --- FONDO ABSOLUTO --- *\/\r\n .widget-background-layer {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: var(--bg-dark); \r\n z-index: 0; \r\n pointer-events: none;\r\n }\r\n\r\n \/* --- GRID ANIMADA --- *\/\r\n .cyber-grid {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: \r\n linear-gradient(rgba(6, 182, 212, 0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(6, 182, 212, 0.05) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n mask-image: linear-gradient(to bottom, black 80%, transparent 100%);\r\n -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);\r\n }\r\n\r\n \/* --- CONTENEDOR INTERNO --- *\/\r\n .page-content-wrapper {\r\n position: relative;\r\n z-index: 10;\r\n width: 100%;\r\n }\r\n\r\n \/* --- EFECTOS DE SCROLL (REVEAL) --- *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n filter: blur(5px);\r\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\r\n }\r\n\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n filter: blur(0);\r\n }\r\n\r\n .reveal.delay-100 { transition-delay: 0.1s; }\r\n .reveal.delay-200 { transition-delay: 0.2s; }\r\n .reveal.delay-300 { transition-delay: 0.3s; }\r\n\r\n \/* --- UI ELEMENTS --- *\/\r\n .glass-panel {\r\n background: var(--card-bg);\r\n backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* --- GLITCH EFFECT --- *\/\r\n @keyframes glitch-skew {\r\n 0% { transform: skew(0deg); }\r\n 2% { transform: skew(2deg); filter: hue-rotate(10deg); }\r\n 4% { transform: skew(-2deg); filter: hue-rotate(-10deg); }\r\n 6% { transform: skew(0deg); filter: hue-rotate(0deg); }\r\n 100% { transform: skew(0deg); } \r\n }\r\n\r\n .glitch-img {\r\n animation: glitch-skew 4s infinite; \r\n filter: drop-shadow(0 0 15px rgba(6, 182, 212, 0.5)); \r\n }\r\n \r\n @keyframes float-logo {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n \r\n .float-anim { animation: float-logo 6s ease-in-out infinite; }\r\n\r\n \/* ==== CARRUSEL LOGOS ==== *\/\r\n .carousel-logos-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n background: rgba(255, 255, 255, 0.95); \r\n backdrop-filter: blur(8px); \r\n padding: 25px 0;\r\n margin-bottom: 3rem;\r\n border-top: 1px solid rgba(255,255,255,0.5);\r\n border-bottom: 1px solid rgba(255,255,255,0.5);\r\n box-shadow: 0 0 30px rgba(0,0,0,0.5);\r\n }\r\n\r\n .logo-fade-mask {\r\n width: 100%;\r\n overflow: hidden;\r\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);\r\n mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);\r\n }\r\n\r\n .carousel-logos-track {\r\n display: flex;\r\n align-items: center; \r\n width: max-content;\r\n animation: logos-scroll 80s linear infinite; \/* Ajustado por la gran cantidad de logos *\/\r\n }\r\n\r\n .carousel-logos-track img {\r\n max-height: 50px; \r\n max-width: 150px; \r\n width: auto;\r\n height: auto;\r\n object-fit: contain; \r\n margin: 0 40px;\r\n filter: none; \r\n opacity: 1; \r\n transition: transform 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .carousel-logos-track img:hover { transform: scale(1.1); }\r\n\r\n @keyframes logos-scroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .carousel-logos-track { animation-duration: 50s; }\r\n .carousel-logos-track img { max-height: 35px; max-width: 90px; margin: 0 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"ia-widget-root\">\r\n <!-- FONDO -->\r\n <div class=\"widget-background-layer\">\r\n <div class=\"cyber-grid\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full h-1\/3 bg-gradient-to-t from-[#020617] to-transparent\"><\/div>\r\n <\/div>\r\n\r\n <!-- CONTENIDO -->\r\n <div class=\"page-content-wrapper\">\r\n\r\n <!-- SECCI\u00d3N 1: HERO -->\r\n <section class=\"relative pt-48 pb-10\">\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[700px] h-[700px] bg-gradient-to-tr from-cyan-600\/20 to-violet-600\/20 rounded-full blur-[100px] animate-pulse pointer-events-none\"><\/div>\r\n\r\n <div class=\"container mx-auto px-4 relative z-10 text-center\">\r\n <!-- Badge Superior -->\r\n <div class=\"inline-flex items-center gap-2 mb-8 px-4 py-2 rounded-full border border-cyan-500\/30 bg-black\/40 backdrop-blur-md\">\r\n <span class=\"w-2 h-2 rounded-full bg-green-400 animate-pulse\"><\/span>\r\n <span class=\"text-cyan-300 text-xs font-bold uppercase tracking-widest font-tech\">Evento Oficial del 13 al 17 de Abril 2026<\/span>\r\n <\/div>\r\n\r\n <!-- LOGO PRINCIPAL -->\r\n <div class=\"mb-12 relative flex justify-center\">\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[120%] h-[120%] bg-cyan-500\/30 blur-3xl opacity-40 pointer-events-none\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/rrrr-scaled.png\" \r\n alt=\"Logo Semana IA\" \r\n class=\"relative w-full h-auto object-contain glitch-img float-anim\"\r\n style=\"max-width: 550px; filter: drop-shadow(0 0 30px rgba(6, 182, 212, 0.4));\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECCI\u00d3N 1.5: CARRUSEL DE LOGOS (RESTAURADO Y ACTUALIZADO) -->\r\n <div class=\"relative z-20 mb-12 w-full\">\r\n <div class=\"carousel-logos-container\">\r\n <div class=\"logo-fade-mask\">\r\n <div class=\"carousel-logos-track\">\r\n <!-- LOGOS ORIGINALES REINSTAURADOS -->\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/12\/Red-Logo-TRN.png\" alt=\"Red por la Ciberseguridad\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/Microsoft_logo_2012.svg.png\" alt=\"Microsoft\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/Logo-academia-red-.png\" alt=\"Academia Red\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/08\/PILARES-CATEGORIA.png\" alt=\"Pilares\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/Cenac-Banner.png\" alt=\"Cenac\">\r\n \r\n <!-- LOGOS NUEVOS CON VERSIONES EN NEGRO ACTUALIZADAS -->\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/core-logo.b.png\" alt=\"Core Group Black\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Queretaro2-logo.png\" alt=\"Quer\u00e9taro 2\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Queretaro1-logo.gif\" alt=\"Quer\u00e9taro 1\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/morras-tic-logo.b.png\" alt=\"Morras TIC Black\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/sipinna-colima-logo-scaled.png\" alt=\"Sipinna Colima\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Orale-logo.avif\" alt=\"\u00d3rale\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Acatlan-logo.png\" alt=\"Acatl\u00e1n\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Colima-logo.png\" alt=\"Colima\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/emprenHec-logo.avif\" alt=\"EmprenHec\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/InnovacionGTO-logo.png\" alt=\"Innovaci\u00f3n GTO\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/GTO-Logo.png\" alt=\"GTO\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Tecnologico-de-Monterrey-logo.webp\" alt=\"Tec de Monterrey\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/UNAM-logo.b.png\" alt=\"UNAM Black\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Y-Mexico-logo.bb_.png\" alt=\"Y M\u00e9xico Black\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Global-AI-Leon-logo.png\" alt=\"Global AI Le\u00f3n\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/global-ai-community-logo.png\" alt=\"Global AI Community\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/LogoTutor-IA.png\" alt=\"Tutor IA\">\r\n \r\n <!-- DUPLICADOS EXACTOS PARA LOOP INFINITO -->\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/12\/Red-Logo-TRN.png\" alt=\"Red\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/Microsoft_logo_2012.svg.png\" alt=\"Microsoft\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/Logo-academia-red-.png\" alt=\"Academia Red\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/08\/PILARES-CATEGORIA.png\" alt=\"Pilares\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/Cenac-Banner.png\" alt=\"Cenac\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/core-logo.b.png\" alt=\"Core Group Black\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Queretaro2-logo.png\" alt=\"Quer\u00e9taro 2\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Queretaro1-logo.gif\" alt=\"Quer\u00e9taro 1\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/morras-tic-logo.b.png\" alt=\"Morras TIC Black\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/sipinna-colima-logo-scaled.png\" alt=\"Sipinna Colima\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Orale-logo.avif\" alt=\"\u00d3rale\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Acatlan-logo.png\" alt=\"Acatl\u00e1n\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Colima-logo.png\" alt=\"Colima\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/emprenHec-logo.avif\" alt=\"EmprenHec\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/InnovacionGTO-logo.png\" alt=\"Innovaci\u00f3n GTO\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/GTO-Logo.png\" alt=\"GTO\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Tecnologico-de-Monterrey-logo.webp\" alt=\"Tec de Monterrey\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/UNAM-logo.b.png\" alt=\"UNAM Black\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Y-Mexico-logo.bb_.png\" alt=\"Y M\u00e9xico Black\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/Global-AI-Leon-logo.png\" alt=\"Global AI Le\u00f3n\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/global-ai-community-logo.png\" alt=\"Global AI Community\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/03\/LogoTutor-IA.png\" alt=\"Tutor IA\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SECCI\u00d3N 1.8: INTRO -->\r\n <section class=\"relative pb-20 overflow-hidden w-full\">\r\n <div class=\"container mx-auto px-4 relative z-10 text-center max-w-7xl\">\r\n <h2 class=\"reveal text-3xl sm:text-4xl md:text-5xl font-black uppercase tracking-tighter mb-8 text-white\">\r\n \u00bfQu\u00e9 es la Semana de la IA?\r\n <\/h2>\r\n\r\n <div class=\"flex flex-wrap justify-center gap-6 mb-10 w-full\">\r\n <div class=\"reveal delay-100 glass-panel px-8 py-6 rounded-xl border border-cyan-500\/30 flex items-center gap-4 transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_35px_rgba(6,182,212,0.4)] group bg-black\/40 min-w-[280px]\">\r\n <div class=\"w-12 h-12 rounded-full bg-cyan-500\/20 flex items-center justify-center text-2xl group-hover:bg-cyan-500 group-hover:text-black transition-colors\">\ud83d\ude80<\/div>\r\n <div class=\"text-left\">\r\n <h4 class=\"text-cyan-400 font-bold font-tech text-lg uppercase\">Innovaci\u00f3n<\/h4>\r\n <p class=\"text-gray-400 text-sm\">Futuro Digital<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal delay-200 glass-panel px-8 py-6 rounded-xl border border-violet-500\/30 flex items-center gap-4 transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_35px_rgba(139,92,246,0.4)] group bg-black\/40 min-w-[280px]\">\r\n <div class=\"w-12 h-12 rounded-full bg-violet-500\/20 flex items-center justify-center text-2xl group-hover:bg-violet-500 group-hover:text-black transition-colors\">\u26a1<\/div>\r\n <div class=\"text-left\">\r\n <h4 class=\"text-violet-400 font-bold font-tech text-lg uppercase\">Pr\u00e1ctica<\/h4>\r\n <p class=\"text-gray-400 text-sm\">Aprendizaje Real<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal delay-300 glass-panel px-8 py-6 rounded-xl border border-blue-500\/30 flex items-center gap-4 transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_35px_rgba(59,130,246,0.4)] group bg-black\/40 min-w-[280px]\">\r\n <div class=\"w-12 h-12 rounded-full bg-blue-500\/20 flex items-center justify-center text-2xl group-hover:bg-blue-500 group-hover:text-black transition-colors\">\ud83c\udf10<\/div>\r\n <div class=\"text-left\">\r\n <h4 class=\"text-blue-400 font-bold font-tech text-lg uppercase\">Conexi\u00f3n<\/h4>\r\n <p class=\"text-gray-400 text-sm\">Networking Global<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal p-6 rounded-2xl bg-gradient-to-r from-transparent via-cyan-900\/20 to-transparent border-t border-b border-cyan-500\/10 mb-10 max-w-5xl mx-auto backdrop-blur-sm w-full\">\r\n <p class=\"text-lg md:text-3xl text-gray-200 font-medium\">\r\n \u00danete a las m\u00e1s de <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-orange-500 font-black\">100,000 PERSONAS<\/span> <br class=\"hidden md:block\"> que est\u00e1n aprendiendo IA.\r\n <\/p>\r\n <p class=\"text-sm md:text-lg text-gray-400 font-bold mt-3 uppercase tracking-widest\">\u00bfPor qu\u00e9 t\u00fa no?<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ OBSERVADOR PARA ANIMACIONES DE SCROLL\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const reveals = document.querySelectorAll('.reveal');\r\n const revealObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n root: null,\r\n threshold: 0.15,\r\n rootMargin: \"0px 0px -50px 0px\"\r\n });\r\n reveals.forEach(reveal => revealObserver.observe(reveal));\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86ff429 elementor-widget elementor-widget-html\" data-id=\"86ff429\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Semana de la IA - Completo<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* RESET Y BREAKOUT PARA WORDPRESS *\/\r\n .ia-widget-root {\r\n --primary: #06b6d4; --secondary: #8b5cf6; --bg-dark: #020617;\r\n --card-bg: rgba(15, 23, 42, 0.7); --active-bg: rgba(6, 182, 212, 0.15);\r\n font-family: 'Inter', sans-serif; \r\n color: #e2e8f0; \r\n background-color: var(--bg-dark);\r\n width: 100vw !important;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n padding: 0;\r\n overflow: hidden; \r\n z-index: 1; \r\n box-sizing: border-box;\r\n }\r\n \r\n .ia-widget-root * { box-sizing: border-box; }\r\n .font-tech { font-family: 'Orbitron', sans-serif; }\r\n \r\n .cyber-grid {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: linear-gradient(rgba(6, 182, 212, 0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(6, 182, 212, 0.05) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n pointer-events: none;\r\n }\r\n \r\n .reveal { opacity: 0; transform: translateY(30px); filter: blur(5px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }\r\n .reveal.active { opacity: 1; transform: translateY(0); filter: blur(0); }\r\n .glass-panel { background: var(--card-bg); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); }\r\n .text-gradient { background: linear-gradient(to right, #22d3ee, #818cf8); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n\r\n \/* TABS AGENTES *\/\r\n .tab-btn { text-align: center; transition: all 0.3s ease; border-bottom: 3px solid transparent; background: transparent; white-space: nowrap; cursor: pointer; }\r\n .tab-btn.active.tab-cyan { background: rgba(6, 182, 212, 0.15); border-bottom-color: #06b6d4; color: #06b6d4; }\r\n .tab-btn.active.tab-violet { background: rgba(139, 92, 246, 0.15); border-bottom-color: #8b5cf6; color: #8b5cf6; }\r\n .tab-btn.active.tab-blue { background: rgba(59, 130, 246, 0.15); border-bottom-color: #3b82f6; color: #3b82f6; }\r\n .tab-btn.active.tab-green { background: rgba(34, 197, 94, 0.15); border-bottom-color: #22c55e; color: #22c55e; }\r\n .tab-btn.active.tab-pink { background: rgba(236, 72, 153, 0.15); border-bottom-color: #ec4899; color: #ec4899; }\r\n .tab-btn.active.tab-yellow { background: rgba(234, 179, 8, 0.15); border-bottom-color: #eab308; color: #eab308; }\r\n \r\n .content-panel { display: none; animation: fadeIn 0.5s ease; width: 100%; }\r\n .content-panel.active { display: block; }\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n \/* CALENDARIO *\/\r\n .calendar-day { aspect-ratio: 1\/1; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.03); transition: all 0.3s ease; border-radius: 12px; font-size: 0.875rem; position: relative; }\r\n .calendar-day.has-event { cursor: pointer; background: rgba(6, 182, 212, 0.03); border-color: rgba(6, 182, 212, 0.15); color: var(--primary); font-weight: 600; }\r\n .calendar-day.active { background: var(--primary) !important; color: black !important; box-shadow: 0 0 20px rgba(6, 182, 212, 0.4); z-index: 5; }\r\n \r\n \/* ESTADO PASADO *\/\r\n .calendar-day.passed { opacity: 0.5; filter: grayscale(1); border-color: rgba(255,255,255,0.05); color: #6b7280 !important; cursor: pointer; }\r\n .calendar-day.passed .event-dot { background: #6b7280; }\r\n\r\n .event-dot { position: absolute; bottom: 8px; width: 4px; height: 4px; border-radius: 50%; background: var(--primary); }\r\n .calendar-overlay { position: absolute; inset: 0; z-index: 100; background: rgba(2, 6, 23, 0.94); backdrop-filter: blur(12px); opacity: 0; visibility: hidden; pointer-events: none; transition: 0.3s; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 2rem; }\r\n .calendar-overlay.show { opacity: 1; visibility: visible; pointer-events: auto; }\r\n\r\n \/* NAVEGACI\u00d3N SLIDER *\/\r\n .nav-btn-slider { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(6, 182, 212, 0.1); border: 1px solid rgba(6, 182, 212, 0.3); color: #06b6d4; transition: all 0.3s ease; cursor: pointer; }\r\n .nav-btn-slider:hover { background: #06b6d4; color: #000; box-shadow: 0 0 15px rgba(6, 182, 212, 0.5); }\r\n .nav-btn-slider.disabled { opacity: 0.2; cursor: not-allowed; pointer-events: none; }\r\n .hide-scroll::-webkit-scrollbar { display: none; }\r\n .hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }\r\n <\/style>\r\n<\/head>\r\n<body style=\"margin:0;\">\r\n\r\n<div class=\"ia-widget-root\">\r\n <div class=\"cyber-grid\"><\/div>\r\n \r\n <div class=\"relative z-10 w-full\">\r\n \r\n <!-- SECCI\u00d3N 1: AGENTES DISPONIBLES -->\r\n <section id=\"capacitate\" class=\"py-20 relative bg-[#03081c]\/80 backdrop-blur-sm w-full\">\r\n <div class=\"w-full px-4 md:px-10 max-w-[1400px] mx-auto\">\r\n <div class=\"reveal text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-5xl font-black text-white font-tech mb-2 uppercase tracking-tighter\">Crea tu propio Agente<\/h2>\r\n <p class=\"text-xl text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-violet-400 font-bold uppercase tracking-wide\">Personaliza la IA a tus necesidades<\/p>\r\n <\/div>\r\n\r\n <div class=\"reveal delay-100 glass-panel rounded-2xl overflow-hidden flex flex-col min-h-[650px] border border-cyan-900\/30 w-full\">\r\n <!-- TABS -->\r\n <div class=\"w-full bg-black\/40 border-b border-white\/10 flex flex-col\">\r\n <div class=\"p-4 bg-black\/20 sticky top-0 z-10 backdrop-blur-sm border-b border-white\/5\">\r\n <h3 class=\"text-cyan-400 font-bold font-tech uppercase tracking-widest text-xs lg:text-sm text-center lg:text-left\">Agentes Disponibles (6)<\/h3>\r\n <\/div>\r\n <div class=\"flex overflow-x-auto hide-scroll w-full\">\r\n <button onclick=\"openTab(event, 'agent1')\" class=\"tab-btn tab-cyan active flex-1 min-w-[150px] p-4 group\">\r\n <span class=\"text-xl block mb-1\">\ud83d\udcb0<\/span><span class=\"text-[10px] font-bold font-tech uppercase\">Finanzas<\/span>\r\n <\/button>\r\n <button onclick=\"openTab(event, 'agent2')\" class=\"tab-btn tab-violet flex-1 min-w-[150px] p-4 group\">\r\n <span class=\"text-xl block mb-1\">\ud83c\udf73<\/span><span class=\"text-[10px] font-bold font-tech uppercase\">Chef<\/span>\r\n <\/button>\r\n <button onclick=\"openTab(event, 'agent3')\" class=\"tab-btn tab-blue flex-1 min-w-[150px] p-4 group\">\r\n <span class=\"text-xl block mb-1\">\ud83c\udf93<\/span><span class=\"text-[10px] font-bold font-tech uppercase\">Docente<\/span>\r\n <\/button>\r\n <button onclick=\"openTab(event, 'agent4')\" class=\"tab-btn tab-green flex-1 min-w-[150px] p-4 group\">\r\n <span class=\"text-xl block mb-1\">\ud83d\udcaa<\/span><span class=\"text-[10px] font-bold font-tech uppercase\">Ejercicio<\/span>\r\n <\/button>\r\n <button onclick=\"openTab(event, 'agent5')\" class=\"tab-btn tab-pink flex-1 min-w-[150px] p-4 group\">\r\n <span class=\"text-xl block mb-1\">\ud83e\udd1d<\/span><span class=\"text-[10px] font-bold font-tech uppercase\">Relaciones<\/span>\r\n <\/button>\r\n <button onclick=\"openTab(event, 'agent6')\" class=\"tab-btn tab-yellow flex-1 min-w-[150px] p-4 group\">\r\n <span class=\"text-xl block mb-1\">\ud83d\udc57<\/span><span class=\"text-[10px] font-bold font-tech uppercase\">Moda<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CONTENIDO AGENTES -->\r\n <div class=\"w-full flex-1 bg-black\/20 p-6 lg:p-10 flex flex-col justify-center relative min-h-[450px]\">\r\n \r\n <!-- Agente 1: Finanzas -->\r\n <div id=\"agent1\" class=\"content-panel active h-full\">\r\n <div class=\"flex flex-col h-full justify-center items-center text-center\">\r\n <div class=\"w-40 h-40 bg-cyan-500\/10 rounded-full flex items-center justify-center border-2 border-cyan-500\/30 mb-8 shadow-[0_0_50px_rgba(6,182,212,0.3)] animate-pulse\"><span class=\"text-7xl\">\ud83d\udcb0<\/span><\/div>\r\n <h3 class=\"text-3xl md:text-5xl font-bold text-white mb-3 font-tech\">Coach de Finanzas<\/h3>\r\n <p class=\"text-cyan-400 font-bold mb-6 tracking-wide uppercase text-sm\">Inteligencia Financiera a tu alcance<\/p>\r\n <p class=\"text-gray-300 leading-relaxed text-base md:text-xl max-w-xl mb-10\">Deja que la IA analice tus gastos, planifique tus ahorros y optimice tus inversiones de manera inteligente.<\/p>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/agente-copilot-finanzas\/\" target=\"_blank\" class=\"inline-block py-4 px-10 rounded-lg bg-cyan-600 font-bold text-white uppercase tracking-widest font-tech text-xs hover:bg-cyan-500 transition-colors\">Activar Agente<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agente 2: Chef -->\r\n <div id=\"agent2\" class=\"content-panel h-full\">\r\n <div class=\"flex flex-col h-full justify-center items-center text-center\">\r\n <div class=\"w-40 h-40 bg-violet-500\/10 rounded-full flex items-center justify-center border-2 border-violet-500\/30 mb-8 animate-pulse shadow-[0_0_50px_rgba(139,92,246,0.3)]\"><span class=\"text-7xl\">\ud83c\udf73<\/span><\/div>\r\n <h3 class=\"text-3xl md:text-5xl font-bold text-white mb-3 font-tech\">Coach de Chef<\/h3>\r\n <p class=\"text-violet-400 font-bold mb-6 tracking-wide uppercase text-sm\">Creatividad Culinaria<\/p>\r\n <p class=\"text-gray-300 leading-relaxed text-base md:text-xl max-w-xl mb-10\">Configura tu agente para que invente recetas \u00fanicas con lo que tienes en el refrigerador.<\/p>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/agente-copilot-chef\/\" target=\"_blank\" class=\"inline-block py-4 px-10 rounded-lg bg-violet-600 font-bold text-white uppercase tracking-widest font-tech text-xs hover:bg-violet-500 transition-colors\">Activar Agente<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agente 3: Docente -->\r\n <div id=\"agent3\" class=\"content-panel h-full\">\r\n <div class=\"flex flex-col h-full justify-center items-center text-center\">\r\n <div class=\"w-40 h-40 bg-blue-500\/10 rounded-full flex items-center justify-center border-2 border-blue-500\/30 mb-8 animate-pulse shadow-[0_0_50px_rgba(59,130,246,0.3)]\"><span class=\"text-7xl\">\ud83c\udf93<\/span><\/div>\r\n <h3 class=\"text-3xl md:text-5xl font-bold text-white mb-3 font-tech\">Coach Docente<\/h3>\r\n <p class=\"text-blue-400 font-bold mb-6 tracking-wide uppercase text-sm\">El Tutor que siempre quisiste<\/p>\r\n <p class=\"text-gray-300 leading-relaxed text-base md:text-xl max-w-xl mb-10\">Personaliza un tutor paciente que explique cualquier materia de forma sencilla y clara.<\/p>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/agente-copilot-tutor\/\" target=\"_blank\" class=\"inline-block py-4 px-10 rounded-lg bg-blue-600 font-bold text-white uppercase tracking-widest font-tech text-xs hover:bg-blue-500 transition-colors\">Activar Agente<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agente 4: Ejercicio -->\r\n <div id=\"agent4\" class=\"content-panel h-full\">\r\n <div class=\"flex flex-col h-full justify-center items-center text-center\">\r\n <div class=\"w-40 h-40 bg-green-500\/10 rounded-full flex items-center justify-center border-2 border-green-500\/30 mb-8 animate-pulse shadow-[0_0_50px_rgba(34,197,94,0.3)]\"><span class=\"text-7xl\">\ud83d\udcaa<\/span><\/div>\r\n <h3 class=\"text-3xl md:text-5xl font-bold text-white mb-3 font-tech\">Coach de Ejercicio<\/h3>\r\n <p class=\"text-green-400 font-bold mb-6 tracking-wide uppercase text-sm\">Tu Entrenador Personal<\/p>\r\n <p class=\"text-gray-300 leading-relaxed text-base md:text-xl max-w-xl mb-10\">Dise\u00f1a rutinas adaptadas a tu cuerpo, metas y equipo disponible.<\/p>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/agente-copilot-ejercicio\/\" target=\"_blank\" class=\"inline-block py-4 px-10 rounded-lg bg-green-600 font-bold text-white uppercase tracking-widest font-tech text-xs hover:bg-green-500 transition-colors\">Activar Agente<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agente 5: Relaciones -->\r\n <div id=\"agent5\" class=\"content-panel h-full\">\r\n <div class=\"flex flex-col h-full justify-center items-center text-center\">\r\n <div class=\"w-40 h-40 bg-pink-500\/10 rounded-full flex items-center justify-center border-2 border-pink-500\/30 mb-8 animate-pulse shadow-[0_0_50px_rgba(236,72,153,0.3)]\"><span class=\"text-7xl\">\ud83e\udd1d<\/span><\/div>\r\n <h3 class=\"text-3xl md:text-5xl font-bold text-white mb-3 font-tech\">Coach de Relaciones Interpersonales<\/h3>\r\n <p class=\"text-pink-400 font-bold mb-6 tracking-wide uppercase text-sm\">Inteligencia Emocional<\/p>\r\n <p class=\"text-gray-300 leading-relaxed text-base md:text-xl max-w-xl mb-10\">Mejora tu comunicaci\u00f3n interpersonal y resuelve conflictos con empat\u00eda asistida.<\/p>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/agente-copilot-relaciones-interpersonales\/\" target=\"_blank\" class=\"inline-block py-4 px-10 rounded-lg bg-pink-600 font-bold text-white uppercase tracking-widest font-tech text-xs hover:bg-pink-500 transition-colors\">Activar Agente<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Agente 6: Moda -->\r\n <div id=\"agent6\" class=\"content-panel h-full\">\r\n <div class=\"flex flex-col h-full justify-center items-center text-center\">\r\n <div class=\"w-40 h-40 bg-yellow-500\/10 rounded-full flex items-center justify-center border-2 border-yellow-500\/30 mb-8 animate-pulse shadow-[0_0_50px_rgba(234,179,8,0.3)]\"><span class=\"text-7xl\">\ud83d\udc57<\/span><\/div>\r\n <h3 class=\"text-3xl md:text-5xl font-bold text-white mb-3 font-tech\">Coach de Moda<\/h3>\r\n <p class=\"text-yellow-400 font-bold mb-6 tracking-wide uppercase text-sm\">Tu Estilista Digital<\/p>\r\n <p class=\"text-gray-300 leading-relaxed text-base md:text-xl max-w-xl mb-10\">Nunca m\u00e1s digas \"no tengo qu\u00e9 ponerme\". Recibe sugerencias basadas en tu cl\u00f3set.<\/p>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/agente-copilot-moda\" target=\"_blank\" class=\"inline-block py-4 px-10 rounded-lg bg-yellow-600 font-bold text-white uppercase tracking-widest font-tech text-xs hover:bg-yellow-500 transition-colors\">Activar Agente<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECCI\u00d3N 2: CALENDARIO DE SESIONES -->\r\n <section id=\"calendario\" class=\"py-20 relative bg-[#020617]\/50 w-full overflow-hidden\">\r\n <div class=\"container mx-auto max-w-[1200px] relative z-10\">\r\n <div class=\"flex flex-col lg:flex-row gap-12 items-center px-4 md:px-12\">\r\n <div class=\"w-full lg:w-2\/5 text-left\">\r\n <div class=\"reveal inline-block px-3 py-1 rounded bg-cyan-500\/10 border border-cyan-500\/30 text-cyan-400 text-[10px] font-bold uppercase tracking-[0.2em] mb-4\">Agenda 2026<\/div>\r\n <h2 class=\"reveal text-4xl md:text-5xl font-black text-white font-tech leading-none mb-6\">CALENDARIO DE <br> <span class=\"text-gradient\">SESIONES<\/span><\/h2>\r\n <p class=\"reveal text-gray-400 text-base mb-8 leading-relaxed italic\">\r\n No dejes de capacitarte, te invitamos a nuestras sesiones en vivo. Da clic en la fecha del calendario para conocer m\u00e1s informaci\u00f3n y registrarte.\r\n <\/p>\r\n <div class=\"reveal space-y-3\">\r\n <div class=\"flex items-center gap-3 p-4 rounded-xl bg-white\/[0.03] border border-white\/5 group\">\r\n <div class=\"w-10 h-10 rounded-lg bg-cyan-500\/20 flex items-center justify-center text-xl group-hover:scale-110 transition-transform\">\ud83d\udcbb<\/div>\r\n <h4 class=\"text-white font-bold text-xs uppercase font-tech leading-tight\">Talleres Pr\u00e1cticos<\/h4>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 p-4 rounded-xl bg-white\/[0.03] border border-white\/5 group\">\r\n <div class=\"w-10 h-10 rounded-lg bg-violet-500\/20 flex items-center justify-center text-xl group-hover:scale-110 transition-transform\">\ud83c\udfa4<\/div>\r\n <h4 class=\"text-white font-bold text-xs uppercase font-tech leading-tight\">Q&A con Expertos<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"w-full lg:w-3\/5\">\r\n <div class=\"reveal glass-panel rounded-[2.5rem] p-6 md:p-10 border border-white\/10 relative overflow-hidden min-h-[550px] flex flex-col justify-center\">\r\n <div class=\"flex justify-between items-center mb-8 px-2\">\r\n <h3 class=\"text-xl font-black text-white font-tech uppercase\">Abril 2026<\/h3>\r\n <div class=\"flex items-center gap-2 text-[10px] font-bold text-cyan-400 uppercase tracking-widest\"><span class=\"w-2 h-2 rounded-full bg-cyan-500 animate-pulse\"><\/span> Disponible<\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-7 gap-2 mb-4\">\r\n <div class=\"text-center text-gray-500 text-[9px] font-bold uppercase\">Dom<\/div><div class=\"text-center text-gray-500 text-[9px] font-bold uppercase\">Lun<\/div><div class=\"text-center text-gray-500 text-[9px] font-bold uppercase\">Mar<\/div><div class=\"text-center text-gray-500 text-[9px] font-bold uppercase\">Mi\u00e9<\/div><div class=\"text-center text-gray-500 text-[9px] font-bold uppercase\">Jue<\/div><div class=\"text-center text-gray-500 text-[9px] font-bold uppercase\">Vie<\/div><div class=\"text-center text-gray-500 text-[9px] font-bold uppercase\">S\u00e1b<\/div>\r\n <div class=\"calendar-day opacity-20\">29<\/div><div class=\"calendar-day opacity-20\">30<\/div><div class=\"calendar-day opacity-20\">31<\/div>\r\n <div class=\"calendar-day\">1<\/div><div class=\"calendar-day\">2<\/div><div class=\"calendar-day\">3<\/div><div class=\"calendar-day\">4<\/div>\r\n <div class=\"calendar-day\">5<\/div><div class=\"calendar-day\">6<\/div><div class=\"calendar-day\">7<\/div><div class=\"calendar-day\">8<\/div>\r\n <div class=\"calendar-day\">9<\/div><div class=\"calendar-day\">10<\/div><div class=\"calendar-day\">11<\/div><div class=\"calendar-day\">12<\/div>\r\n <div onclick=\"openOverlay(13)\" class=\"calendar-day has-event\" id=\"day-13\">13<div class=\"event-dot\"><\/div><\/div>\r\n <div onclick=\"openOverlay(14)\" class=\"calendar-day has-event\" id=\"day-14\">14<div class=\"event-dot\"><\/div><\/div>\r\n <div onclick=\"openOverlay(15)\" class=\"calendar-day has-event\" id=\"day-15\">15<div class=\"event-dot\"><\/div><\/div>\r\n <div onclick=\"openOverlay(16)\" class=\"calendar-day has-event\" id=\"day-16\">16<div class=\"event-dot\"><\/div><\/div>\r\n <div onclick=\"openOverlay(17)\" class=\"calendar-day has-event\" id=\"day-17\">17<div class=\"event-dot\"><\/div><\/div>\r\n <div class=\"calendar-day\">18<\/div><div class=\"calendar-day\">19<\/div><div class=\"calendar-day\">20<\/div>\r\n <div class=\"calendar-day\">21<\/div><div class=\"calendar-day\">22<\/div><div class=\"calendar-day opacity-20\">1<\/div><div class=\"calendar-day opacity-20\">2<\/div>\r\n <\/div>\r\n <div id=\"calendar-overlay\" class=\"calendar-overlay\">\r\n <button onclick=\"closeOverlay()\" class=\"absolute top-6 right-6 w-10 h-10 rounded-full bg-white\/5 border border-white\/10 flex items-center justify-center text-white hover:bg-white\/15 transition-all z-[110]\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n <\/button>\r\n <div class=\"px-6 w-full max-w-lg\" id=\"overlay-cards-container\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECCI\u00d3N 3: CONOCE M\u00c1S (CARRUSEL ORIGINAL) -->\r\n <section class=\"py-20 relative overflow-hidden w-full\">\r\n <div class=\"w-full px-4 md:px-10 max-w-[1400px] mx-auto\">\r\n <div class=\"reveal flex flex-row justify-between items-center mb-8 border-b border-gray-800 pb-4\">\r\n <div>\r\n <h2 class=\"text-2xl md:text-3xl font-black text-white font-tech uppercase\">Conoce m\u00e1s sobre IA...<\/h2>\r\n <p class=\"text-gray-400 text-xs md:text-sm mt-1\">Biblioteca de recursos y art\u00edculos especializados.<\/p>\r\n <\/div>\r\n <div class=\"flex gap-3\">\r\n <button onclick=\"scrollSlider(-1)\" id=\"prevBtn\" class=\"nav-btn-slider disabled\"><svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg><\/button>\r\n <button onclick=\"scrollSlider(1)\" id=\"nextBtn\" class=\"nav-btn-slider\"><svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg><\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal delay-200\">\r\n <div id=\"articlesSlider\" class=\"flex gap-6 overflow-x-auto hide-scroll snap-x snap-mandatory scroll-smooth pb-8\">\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/8-aplicaciones-de-ia-que-estan-transformando-el-aula\/\" target=\"_blank\" class=\"glass-panel p-5 rounded-xl group hover:bg-gray-800 transition-colors w-[85vw] md:w-[45%] lg:w-[calc(33.333%-20px)] flex-shrink-0 snap-start flex flex-col h-full border-t-2 border-cyan-500\/20\">\r\n <div class=\"mb-4 h-40 bg-black\/30 rounded-lg overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/pngtree-ai-icon-png-image_15382527.png\" class=\"w-full h-full object-cover\"><\/div>\r\n <span class=\"text-[10px] text-cyan-400 font-bold uppercase tracking-wider\">Educaci\u00f3n<\/span>\r\n <h3 class=\"text-base font-bold text-white mt-1 mb-2\">8 Apps de IA que transforman el aula<\/h3>\r\n <p class=\"text-xs text-gray-500 mt-auto\">Herramientas esenciales para el docente moderno.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/ia-y-creatividad-aliado-o-enemigo-del-artista\/\" target=\"_blank\" class=\"glass-panel p-5 rounded-xl group hover:bg-gray-800 transition-colors w-[85vw] md:w-[45%] lg:w-[calc(33.333%-20px)] flex-shrink-0 snap-start flex flex-col h-full border-t-2 border-violet-500\/20\">\r\n <div class=\"mb-4 h-40 bg-black\/30 rounded-lg overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/pngtree-ai-icon-png-image_15382527.png\" class=\"w-full h-full object-cover\"><\/div>\r\n <span class=\"text-[10px] text-violet-400 font-bold uppercase tracking-wider\">Arte<\/span>\r\n <h3 class=\"text-base font-bold text-white mt-1 mb-2\">IA y Creatividad: \u00bfAliado o Enemigo?<\/h3>\r\n <p class=\"text-xs text-gray-500 mt-auto\">El debate sobre el copyright y arte sint\u00e9tico.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/como-la-ia-esta-cambiando-las-reglas-del-marketing-digital\/\" target=\"_blank\" class=\"glass-panel p-5 rounded-xl group hover:bg-gray-800 transition-colors w-[85vw] md:w-[45%] lg:w-[calc(33.333%-20px)] flex-shrink-0 snap-start flex flex-col h-full border-t-2 border-green-500\/20\">\r\n <div class=\"mb-4 h-40 bg-black\/30 rounded-lg overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/pngtree-ai-icon-png-image_15382527.png\" class=\"w-full h-full object-cover\"><\/div>\r\n <span class=\"text-[10px] text-green-400 font-bold uppercase tracking-wider\">Marketing<\/span>\r\n <h3 class=\"text-base font-bold text-white mt-1 mb-2\">Reglas del Marketing Digital<\/h3>\r\n <p class=\"text-xs text-gray-500 mt-auto\">C\u00f3mo los algoritmos predicen tu comportamiento.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/resumen-del-ano-los-hitos-de-la-ia-en-2025\/\" target=\"_blank\" class=\"glass-panel p-5 rounded-xl group hover:bg-gray-800 transition-colors w-[85vw] md:w-[45%] lg:w-[calc(33.333%-20px)] flex-shrink-0 snap-start flex flex-col h-full border-t-2 border-yellow-500\/20\">\r\n <div class=\"mb-4 h-40 bg-black\/30 rounded-lg overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/pngtree-ai-icon-png-image_15382527.png\" class=\"w-full h-full object-cover\"><\/div>\r\n <span class=\"text-[10px] text-yellow-400 font-bold uppercase tracking-wider\">Tendencias<\/span>\r\n <h3 class=\"text-base font-bold text-white mt-1 mb-2\">Resumen IA 2025: Hitos del A\u00f1o<\/h3>\r\n <p class=\"text-xs text-gray-500 mt-auto\">De agentes aut\u00f3nomos a regulaci\u00f3n global.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/ia-en-la-vida-cotidiana-apps-que-resuelven-tu-dia\/\" target=\"_blank\" class=\"glass-panel p-5 rounded-xl group hover:bg-gray-800 transition-colors w-[85vw] md:w-[45%] lg:w-[calc(33.333%-20px)] flex-shrink-0 snap-start flex flex-col h-full border-t-2 border-orange-500\/20\">\r\n <div class=\"mb-4 h-40 bg-black\/30 rounded-lg overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/pngtree-ai-icon-png-image_15382527.png\" class=\"w-full h-full object-cover\"><\/div>\r\n <span class=\"text-[10px] text-orange-400 font-bold uppercase tracking-wider\">Lifestyle<\/span>\r\n <h3 class=\"text-base font-bold text-white mt-1 mb-2\">IA en la Vida Cotidiana<\/h3>\r\n <p class=\"text-xs text-gray-500 mt-auto\">Apps pr\u00e1cticas para resolver problemas diarios.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/etica-en-la-ia-lo-que-debes-saber-sobre-tu-privacidad\/\" target=\"_blank\" class=\"glass-panel p-5 rounded-xl group hover:bg-gray-800 transition-colors w-[85vw] md:w-[45%] lg:w-[calc(33.333%-20px)] flex-shrink-0 snap-start flex flex-col h-full border-t-2 border-red-500\/20\">\r\n <div class=\"mb-4 h-40 bg-black\/30 rounded-lg overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/pngtree-ai-icon-png-image_15382527.png\" class=\"w-full h-full object-cover\"><\/div>\r\n <span class=\"text-[10px] text-red-400 font-bold uppercase tracking-wider\">\u00c9tica<\/span>\r\n <h3 class=\"text-base font-bold text-white mt-1 mb-2\">Privacidad y Datos en la IA<\/h3>\r\n <p class=\"text-xs text-gray-500 mt-auto\">Lo que debes saber para proteger tus datos.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/como-la-ia-esta-cambiando-la-publicidad-digital\/\" target=\"_blank\" class=\"glass-panel p-5 rounded-xl group hover:bg-gray-800 transition-colors w-[85vw] md:w-[45%] lg:w-[calc(33.333%-20px)] flex-shrink-0 snap-start flex flex-col h-full border-t-2 border-pink-500\/20\">\r\n <div class=\"mb-4 h-40 bg-black\/30 rounded-lg overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/pngtree-ai-icon-png-image_15382527.png\" class=\"w-full h-full object-cover\"><\/div>\r\n <span class=\"text-[10px] text-pink-400 font-bold uppercase tracking-wider\">Publicidad<\/span>\r\n <h3 class=\"text-base font-bold text-white mt-1 mb-2\">Publicidad Digital e IA<\/h3>\r\n <p class=\"text-xs text-gray-500 mt-auto\">Generaci\u00f3n de creativos y campa\u00f1as.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/redporlaciberseguridad.org\/el-futuro-de-la-ia-tendencias-a-seguir-en-2026\/\" target=\"_blank\" class=\"glass-panel p-5 rounded-xl group hover:bg-gray-800 transition-colors w-[85vw] md:w-[45%] lg:w-[calc(33.333%-20px)] flex-shrink-0 snap-start flex flex-col h-full border-t-2 border-indigo-500\/20\">\r\n <div class=\"mb-4 h-40 bg-black\/30 rounded-lg overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/pngtree-ai-icon-png-image_15382527.png\" class=\"w-full h-full object-cover\"><\/div>\r\n <span class=\"text-[10px] text-indigo-400 font-bold uppercase tracking-wider\">Futuro<\/span>\r\n <h3 class=\"text-base font-bold text-white mt-1 mb-2\">Tendencias IA 2026<\/h3>\r\n <p class=\"text-xs text-gray-500 mt-auto\">La pr\u00f3xima generaci\u00f3n de modelos aut\u00f3nomos.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VIDEO CIERRE -->\r\n <section class=\"py-20 relative w-full text-center\">\r\n <div class=\"reveal mb-10\"><h2 class=\"text-4xl md:text-6xl font-black text-white font-tech mb-2 uppercase\">EL FUTURO YA LLEG\u00d3<\/h2><p class=\"text-xl text-transparent bg-clip-text bg-gradient-to-r from-red-500 to-orange-500 font-bold uppercase animate-pulse\">\u00bfTe quedar\u00e1s atr\u00e1s?<\/p><\/div>\r\n <div class=\"reveal delay-200 max-w-4xl mx-auto px-4 mb-12\"><div class=\"bg-black rounded-xl overflow-hidden shadow-2xl border border-gray-700\"><video class=\"w-full h-auto\" autoplay loop muted playsinline><source src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/RED-ANUNCIO.mp4\" type=\"video\/mp4\"><\/video><\/div><\/div>\r\n <div class=\"reveal delay-300 flex flex-col items-center justify-center gap-0 mb-8 opacity-80\"><p class=\"text-gray-400 text-sm mb-2 uppercase tracking-widest\">Contin\u00faa tu formaci\u00f3n<\/p><svg class=\"w-6 h-6 text-cyan-500 animate-bounce\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 13l-7 7-7-7\"><\/path><\/svg><\/div>\r\n <\/section>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const eventsData = {\r\n 13: [\r\n { title: \"IA para Docente\", desc: \"Automatiza materiales did\u00e1cticos y evaluaciones.\", link: \"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9UQTZVT0ZWOTZEQVY2UldUMlREME5NTzlBWS4u&route=shorturl\" },\r\n { title: \"IA para Finanzas\", desc: \"Optimiza auditor\u00edas y proyecciones.\", link: \"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9UNVVVU1cyTjM5VFdGNFNKNksxUks0NlhMOS4u&route=shorturl\" },\r\n { title: \"AgentCamp con Global AI Community\", desc: \"Aprende a crear agentes de IA de forma pr\u00e1ctica.\", link: \"#\" }\r\n ],\r\n 14: [\r\n { title: \"IA Asistente Escolar\", desc: \"Crea tu tutor escolar inteligente para apoyo institucional.\", link: \"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9UQkFEMldZWjIxUEkwRk1CVU9IVFRNNVdWRy4u&route=shorturl\" },\r\n { title: \"Tutor-IA: Tutor Educativo basado en IA\", desc: \"Tutor-IA.tech - Plataforma educativa asistida por IA.\", link: \"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9UQzBXQVI3QVRPNFpWQjNaMkVNUzRYRVJXUC4u&route=shorturl\" }\r\n ],\r\n 15: [\r\n { title: \"IA Relaciones Interpersonales\", desc: \"Mejora tu comunicaci\u00f3n interpersonal y resuelve conflictos con empat\u00eda asistida.\", link: \"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9UOVpQMkdFSFlGWE5MREZKNVYzRVlIR1ZaQS4u&route=shorturl\" },\r\n { title: \"AgentCamp con Global AI Community\", desc: \"Aprende a crear agentes de IA de forma pr\u00e1ctica.\", link: \"#\" }\r\n ],\r\n 16: [\r\n { title: \"IA Coach de Ejercicio\", desc: \"Lleva tu entrenamiento al siguiente nivel con rutinas personalizadas de gimnasio y t\u00e9cnicas de levantamiento asistidas por IA.\", link: \"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9UNjA0WDRNSUZDSzMyRk9CMVRVMEVKN0I1NS4u&route=shorturl\" },\r\n { title: \"Hiper-Productividad con IA para L\u00edderes \u2014 EmprendHEC\", desc: \"Optimiza el liderazgo y la gesti\u00f3n empresarial con herramientas de IA.\", link: \"https:\/\/forms.cloud.microsoft\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9UNVBJNUE1RlRMTVZET1A4MkZWVDdOMFg4Ry4u&route=shorturl\" }\r\n ],\r\n 17: [{ title: \"Asistente de Chef con IA\", desc: \"Gesti\u00f3n de cocina avanzada y creaci\u00f3n de recetas maestras.\", link: \"https:\/\/forms.office.com\/pages\/responsepage.aspx?id=PrFFKQuFrU-IqDW_pMoqULLHmYjb64BBndQsaYIJHQ9UMkZNWkdRSTVRNDkwVDBCUFJQMFBNVDVSUS4u&route=shorturl\" }]\r\n };\r\n\r\n function openOverlay(day) {\r\n const overlay = document.getElementById('calendar-overlay');\r\n const container = document.getElementById('overlay-cards-container');\r\n \r\n \/\/ Comprobar si la fecha ya pas\u00f3 (Abril 2026)\r\n const today = new Date();\r\n const eventDate = new Date(2026, 3, day); \/\/ Abril es mes 3 (0-indexed)\r\n const isPassed = today > eventDate;\r\n\r\n if (isPassed) {\r\n container.innerHTML = `\r\n <div class=\"mb-4 bg-white\/[0.04] border border-gray-500\/20 p-8 rounded-2xl text-center\">\r\n <h4 class=\"text-white text-lg font-black font-tech leading-tight mb-4 uppercase\">\u00a1Evento Finalizado!<\/h4>\r\n <p class=\"text-gray-400 text-sm mb-6 leading-relaxed italic\">\r\n Mantente al tanto de nuestras redes sociales para estar al tanto de futuros eventos: \r\n <br><br>\r\n <a href=\"https:\/\/www.facebook.com\/redporlaciberseguridad\/\" target=\"_blank\" class=\"text-cyan-400 font-bold hover:underline\">@RedPorLaCiberseguridad<\/a>\r\n <\/p>\r\n <div class=\"w-12 h-12 mx-auto bg-gray-500\/10 rounded-full flex items-center justify-center text-gray-500\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n `;\r\n } else {\r\n const events = eventsData[day];\r\n if (!events) return;\r\n \r\n container.innerHTML = events.map((ev, i) => `\r\n <div class=\"mb-4 bg-white\/[0.04] border border-cyan-500\/20 p-5 rounded-2xl\">\r\n <h4 class=\"text-white text-lg font-black font-tech leading-tight\">${ev.title}<\/h4>\r\n <p class=\"text-gray-400 text-[11px] mt-2 mb-4 leading-relaxed\">${ev.desc}<\/p>\r\n <a href=\"${ev.link}\" target=\"_blank\" class=\"inline-block w-full py-2.5 px-6 rounded-xl bg-cyan-500 text-black font-bold text-center text-[10px] font-tech uppercase hover:bg-white transition-colors\">Registrarme ahora<\/a>\r\n <\/div>\r\n `).join('');\r\n }\r\n \r\n document.querySelectorAll('.calendar-day').forEach(d => d.classList.remove('active'));\r\n document.getElementById(`day-${day}`).classList.add('active');\r\n overlay.classList.add('show');\r\n }\r\n\r\n function closeOverlay() {\r\n document.getElementById('calendar-overlay').classList.remove('show');\r\n document.querySelectorAll('.calendar-day').forEach(d => d.classList.remove('active'));\r\n }\r\n\r\n function scrollSlider(direction) {\r\n const slider = document.getElementById('articlesSlider');\r\n if(!slider) return;\r\n const cardWidth = slider.querySelector('a').offsetWidth;\r\n slider.scrollBy({ left: (cardWidth + 24) * direction, behavior: 'smooth' });\r\n }\r\n\r\n const slider = document.getElementById('articlesSlider');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n if (slider) {\r\n slider.addEventListener('scroll', () => {\r\n const scrollLeft = slider.scrollLeft;\r\n const maxScroll = slider.scrollWidth - slider.clientWidth;\r\n if (scrollLeft <= 5) prevBtn.classList.add('disabled'); else prevBtn.classList.remove('disabled');\r\n if (scrollLeft >= maxScroll - 5) nextBtn.classList.add('disabled'); else nextBtn.classList.remove('disabled');\r\n });\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const reveals = document.querySelectorAll('.reveal');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('active'); });\r\n }, { threshold: 0.1 });\r\n reveals.forEach(r => observer.observe(r));\r\n\r\n \/\/ L\u00f3gica para marcar d\u00edas pasados visualmente al cargar\r\n const today = new Date();\r\n const daysToTrack = [13, 14, 15, 16, 17];\r\n daysToTrack.forEach(day => {\r\n const eventDate = new Date(2026, 3, day);\r\n if (today > eventDate) {\r\n const el = document.getElementById(`day-${day}`);\r\n if (el) el.classList.add('passed');\r\n }\r\n });\r\n });\r\n\r\n function openTab(evt, tabName) {\r\n let i, tabcontent, tablinks;\r\n tabcontent = document.getElementsByClassName(\"content-panel\");\r\n for (i = 0; i < tabcontent.length; i++) { tabcontent[i].classList.remove(\"active\"); tabcontent[i].style.display = \"none\"; }\r\n tablinks = document.getElementsByClassName(\"tab-btn\");\r\n for (i = 0; i < tablinks.length; i++) tablinks[i].classList.remove(\"active\");\r\n const activeTab = document.getElementById(tabName);\r\n if(activeTab) { activeTab.style.display = \"block\"; setTimeout(() => { activeTab.classList.add('active'); }, 10); }\r\n evt.currentTarget.classList.add(\"active\");\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-170105d elementor-widget elementor-widget-html\" data-id=\"170105d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Banner IA - PROCADIST<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&family=Orbitron:wght@500;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #06b6d4;\r\n --secondary: #8b5cf6;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background-color: transparent;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* Contenedor principal con seguridad para m\u00f3viles *\/\r\n .ia-banner-root {\r\n position: relative;\r\n width: 100%;\r\n min-height: 450px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n padding: 40px 10px;\r\n box-sizing: border-box;\r\n background: rgba(2, 6, 23, 0.2); \r\n }\r\n\r\n \/* Rejilla optimizada *\/\r\n .cyber-grid {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: \r\n linear-gradient(rgba(6, 182, 212, 0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(6, 182, 212, 0.05) 1px, transparent 1px);\r\n background-size: 30px 30px;\r\n perspective: 1000px;\r\n transform: perspective(1000px) rotateX(15deg);\r\n z-index: 1;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n }\r\n\r\n .glow-sphere {\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(6, 182, 212, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n filter: blur(40px);\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .font-tech { font-family: 'Orbitron', sans-serif; }\r\n\r\n \/* Tarjeta de Cristal *\/\r\n .glass-card {\r\n background: rgba(15, 23, 42, 0.85); \r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\r\n position: relative;\r\n z-index: 10;\r\n width: 100%;\r\n max-width: 850px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* CONTROL ESTRICTO DE LOGOS (Evita tama\u00f1os gigantes) *\/\r\n .logo-img {\r\n height: 40px !important; \/* Tama\u00f1o m\u00f3vil *\/\r\n width: auto !important;\r\n max-width: 180px !important;\r\n object-fit: contain;\r\n flex-shrink: 0;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .logo-img {\r\n height: 56px !important; \/* Tama\u00f1o escritorio *\/\r\n max-width: 250px !important;\r\n }\r\n }\r\n\r\n \/* Animaci\u00f3n de escaneo *\/\r\n .glass-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--primary), transparent);\r\n animation: scan 10s linear infinite;\r\n opacity: 0.3;\r\n }\r\n\r\n @keyframes scan { 0% { top: 0; } 100% { top: 100%; } }\r\n\r\n \/* Bot\u00f3n PROCADIST *\/\r\n .btn-procadist {\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(6, 182, 212, 0.4);\r\n background: rgba(6, 182, 212, 0.1);\r\n touch-action: manipulation;\r\n }\r\n\r\n .btn-procadist:hover {\r\n background-color: #06b6d4;\r\n color: #000;\r\n box-shadow: 0 10px 30px rgba(6, 182, 212, 0.3);\r\n }\r\n\r\n \/* Badge - Alineaci\u00f3n Corregida *\/\r\n .badge-tech {\r\n background: rgba(139, 92, 246, 0.15);\r\n border: 1px solid rgba(139, 92, 246, 0.3);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n padding: 8px 18px;\r\n border-radius: 10px;\r\n }\r\n\r\n .pulse-dot {\r\n width: 10px;\r\n height: 10px;\r\n background-color: #8b5cf6;\r\n border-radius: 50%;\r\n box-shadow: 0 0 8px #8b5cf6;\r\n animation: pulse 2s infinite;\r\n flex-shrink: 0;\r\n margin-top: 1px; \/* Ajuste fino de posici\u00f3n *\/\r\n }\r\n\r\n @keyframes pulse {\r\n 0% { transform: scale(0.9); opacity: 0.7; }\r\n 70% { transform: scale(1.2); opacity: 1; }\r\n 100% { transform: scale(0.9); opacity: 0.7; }\r\n }\r\n\r\n .text-gradient {\r\n background: linear-gradient(to right, #22d3ee, #818cf8, #22d3ee);\r\n background-size: 200% auto;\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n animation: shine 5s linear infinite;\r\n }\r\n\r\n @keyframes shine { to { background-position: 200% center; } }\r\n\r\n .reveal {\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .ia-banner-root { padding: 10px 5px; min-height: 400px; }\r\n .glass-card { border-radius: 1.5rem !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ia-banner-root\">\r\n <div class=\"cyber-grid\"><\/div>\r\n <div class=\"glow-sphere top-[-100px] left-[-50px]\"><\/div>\r\n\r\n <div class=\"relative z-10 w-full flex justify-center px-2\">\r\n \r\n <div class=\"reveal glass-card rounded-[2rem] md:rounded-[3rem] overflow-hidden shadow-2xl\">\r\n \r\n <!-- Contenedor de Logos - Control de tama\u00f1o estricto -->\r\n <div class=\"pt-10 pb-4 px-6 flex items-center justify-center gap-4 md:gap-10\">\r\n <img decoding=\"async\" src=\"https:\/\/framework-gb.cdn.gob.mx\/gobmx\/img\/logo_blanco.svg\" \r\n alt=\"Gobierno de M\u00e9xico\" \r\n class=\"logo-img\">\r\n \r\n <div class=\"w-px h-8 md:h-12 bg-white\/20 flex-shrink-0\"><\/div>\r\n\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2026\/02\/STPS_Logo_20129.svg.png\" \r\n alt=\"STPS Logo\" \r\n class=\"logo-img\">\r\n <\/div>\r\n\r\n <div class=\"px-5 md:px-12 pb-10 md:pb-16 text-center\">\r\n \r\n <div class=\"inline-block px-3 py-1 rounded-full bg-cyan-500\/10 border border-cyan-500\/20 mb-4 md:mb-6\">\r\n <span class=\"text-cyan-400 font-bold text-[8px] md:text-[10px] uppercase tracking-widest font-tech\">Capacitaci\u00f3n 2026<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"text-xl md:text-5xl lg:text-6xl font-black text-white font-tech leading-tight mb-4 md:mb-8 uppercase tracking-tighter\">\r\n Inteligencia Artificial <br> \r\n <span class=\"text-gradient\">Vida y Trabajo<\/span>\r\n <\/h1>\r\n\r\n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 md:gap-8 mb-8 md:mb-12\">\r\n <div class=\"badge-tech\">\r\n <span class=\"pulse-dot\"><\/span>\r\n <span class=\"text-white text-[10px] md:text-sm font-bold tracking-widest uppercase font-tech leading-none\">Curso Introductorio<\/span>\r\n <\/div>\r\n \r\n <div class=\"hidden md:block w-px h-6 bg-gray-600\/50\"><\/div>\r\n \r\n <p class=\"text-gray-300 text-[10px] md:text-sm max-w-[250px] md:max-w-sm italic leading-tight\">\r\n Programa de formaci\u00f3n oficial en habilidades digitales.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Bot\u00f3n de Registro -->\r\n <div class=\"mb-2\">\r\n <a href=\"https:\/\/procadist.stps.gob.mx\/procadist\/\" \r\n target=\"_blank\"\r\n class=\"btn-procadist inline-flex flex-col items-center justify-center py-4 px-6 md:py-6 md:px-16 rounded-xl md:rounded-2xl group w-full md:w-auto\">\r\n <span class=\"text-white font-tech font-bold text-base md:text-xl uppercase transition-colors group-hover:text-black\">Ir a PROCADIST<\/span>\r\n <span class=\"text-[7px] md:text-[9px] text-cyan-400 font-bold uppercase tracking-widest mt-1 group-hover:text-black\/70\">\r\n Capacitaci\u00f3n a Distancia para Trabajadores\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Footer con beneficios actualizados -->\r\n <div class=\"mt-8 pt-6 border-t border-white\/5 flex flex-wrap justify-center gap-4 md:gap-8 opacity-70\">\r\n <div class=\"flex items-center gap-1.5\">\r\n <svg class=\"w-3.5 h-3.5 text-cyan-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.040L3 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622l-.382-3.016z\"><\/path><\/svg>\r\n <span class=\"text-white text-[8px] md:text-[9px] font-bold uppercase tracking-wider\">Reconocimiento Oficial<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-1.5\">\r\n <svg class=\"w-3.5 h-3.5 text-violet-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n <span class=\"text-white text-[8px] md:text-[9px] font-bold uppercase tracking-wider\">100% Online<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-1.5\">\r\n <svg class=\"w-3.5 h-3.5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n <span class=\"text-white text-[8px] md:text-[9px] font-bold uppercase tracking-wider\">Expedici\u00f3n de DC-3<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca89ee9 elementor-widget elementor-widget-heading\" data-id=\"ca89ee9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfListo para la IA?<br>\u00a1\u00danete al reto y lleva a tu escuela a la vanguardia!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca94c4b elementor-widget elementor-widget-wpforms\" data-id=\"ca94c4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpforms-container wpforms-render-modern\" id=\"wpforms-1240\"><form id=\"wpforms-form-1240\" class=\"wpforms-validate wpforms-form\" data-formid=\"1240\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/17047\" data-token=\"7fa419ebdb99b36f9b1a314badc7bdf6\" data-token-time=\"1779805153\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-1240-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"0\"><fieldset><legend class=\"wpforms-field-label\">Nombre completo: <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-1240-field_0\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][0][first]\" placeholder=\"Nombre(s)\" aria-errormessage=\"wpforms-1240-field_0-error\" required><label for=\"wpforms-1240-field_0\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-1240-field_0-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][0][last]\" placeholder=\"Apellidos\" aria-errormessage=\"wpforms-1240-field_0-last-error\" required><label for=\"wpforms-1240-field_0-last\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-1240-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-1240-field_1\">Correo electr\u00f3nico: <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1240-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" spellcheck=\"false\" aria-errormessage=\"wpforms-1240-field_1-error\" required><\/div><div id=\"wpforms-1240-field_3-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-1240-field_3\">Asunto: <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1240-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-1240-field_3-error\" required><\/div><div id=\"wpforms-1240-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-1240-field_2\">Mensaje: <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-1240-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" aria-errormessage=\"wpforms-1240-field_2-error\" required><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-field wpforms-field-hp\"><label for=\"wpforms-1240-field-hp\" class=\"wpforms-field-label\">Phone<\/label><input type=\"text\" name=\"wpforms[hp]\" id=\"wpforms-1240-field-hp\" class=\"wpforms-field-medium\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"1240\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/17047\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1240\" class=\"wpforms-submit\" data-alt-text=\"Enviando...\" data-submit-text=\"Enviar\" aria-live=\"assertive\" value=\"wpforms-submit\">Enviar<\/button><\/div><\/form><\/div> <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d320d7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3d320d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caa0f4a elementor-widget elementor-widget-html\" data-id=\"caa0f4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Secci\u00f3n Experto<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* --- ESTILOS NECESARIOS PARA EL DISE\u00d1O --- *\/\r\n body { margin: 0; padding: 0; background-color: #020617; }\r\n \r\n .ia-widget-root {\r\n --primary: #06b6d4;\r\n --secondary: #8b5cf6;\r\n --bg-dark: #020617;\r\n font-family: 'Inter', sans-serif;\r\n color: #e2e8f0;\r\n background-color: var(--bg-dark);\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .font-tech { font-family: 'Orbitron', sans-serif; }\r\n\r\n \/* Gradiente de texto *\/\r\n .text-gradient {\r\n background: linear-gradient(to right, #22d3ee, #818cf8, #c084fc);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n \/* Animaci\u00f3n Reveal *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n filter: blur(5px);\r\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\r\n }\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n filter: blur(0);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"ia-widget-root\">\r\n <!-- Contenedor estructural para mantener m\u00e1rgenes y alineaci\u00f3n -->\r\n <section class=\"relative w-full py-10\">\r\n <div class=\"w-full px-4 md:px-10 max-w-5xl mx-auto text-center relative z-20\">\r\n \r\n <!-- === INICIO C\u00d3DIGO SECCI\u00d3N EXPERTO === -->\r\n <div class=\"reveal mt-12\">\r\n <h3 class=\"text-3xl md:text-5xl font-black text-white font-tech mb-4\">\r\n \u00a1De Cero a <span class=\"text-gradient\">Experto!<\/span>\r\n <\/h3>\r\n \r\n <p class=\"text-lg text-gray-300 max-w-2xl mx-auto mb-8 leading-relaxed\">\r\n Acceso 100% gratuito a cursos de Ciberseguridad, Office 365, Inteligencia Artificial, \u00a1y muchos m\u00e1s!\r\n <\/p>\r\n\r\n <h4 class=\"text-xl md:text-2xl font-bold text-white mb-6\">\r\n \u00bfA\u00fan no conoces la Academia?\r\n <\/h4>\r\n\r\n <!-- Logo Academia -->\r\n <a href=\"https:\/\/academia.redporlaciberseguridad.org\/\" target=\"_blank\" class=\"inline-block transition-transform hover:scale-110 duration-300 mb-6\">\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/11\/academia-red-3.png\" alt=\"Academia Red\" class=\"h-24 md:h-32 object-contain\">\r\n <\/a>\r\n\r\n <!-- Trust Badge -->\r\n <div class=\"flex items-center justify-center gap-2 mt-4 opacity-70 hover:opacity-100 transition-opacity\">\r\n <div class=\"w-4 h-4 bg-green-500 rounded-full flex items-center justify-center\">\r\n <svg class=\"w-3 h-3 text-black\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <p class=\"text-gray-500 text-sm font-medium\">\r\n Capacitaci\u00f3n gratuita avalada por <span class=\"text-gray-300 font-semibold\">Microsoft<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- === FIN C\u00d3DIGO SECCI\u00d3N EXPERTO === -->\r\n\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Script para la animaci\u00f3n de entrada -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const reveals = document.querySelectorAll('.reveal');\r\n const revealObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { root: null, threshold: 0.1 });\r\n reveals.forEach(reveal => revealObserver.observe(reveal));\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Semana de la IA | Red por la Ciberseguridad Evento Oficial del 13 al 17 de Abril 2026 \u00bfQu\u00e9 es la Semana de la IA? \ud83d\ude80 Innovaci\u00f3n Futuro Digital \u26a1 Pr\u00e1ctica Aprendizaje Real \ud83c\udf10 Conexi\u00f3n Networking Global \u00danete a las m\u00e1s de 100,000 PERSONAS que est\u00e1n aprendiendo IA. \u00bfPor qu\u00e9 t\u00fa no? Semana de la<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-17047","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/17047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/comments?post=17047"}],"version-history":[{"count":210,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/17047\/revisions"}],"predecessor-version":[{"id":19924,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/17047\/revisions\/19924"}],"wp:attachment":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/media?parent=17047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}