{"id":3529,"date":"2025-11-24T15:00:27","date_gmt":"2025-11-24T21:00:27","guid":{"rendered":"http:\/\/ase.unam.mx\/?page_id=3529"},"modified":"2026-04-17T17:29:01","modified_gmt":"2026-04-17T23:29:01","slug":"prueba-ciidi-2026","status":"publish","type":"page","link":"https:\/\/ase.unam.mx\/?page_id=3529","title":{"rendered":"CIIDI 2026"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Encabezado Puro y Responsivo (Sitio Web Completo)<\/title>\n    <style>\n        \/* Definiciones de colores de acento y tipograf\u00eda *\/\n        :root {\n            \/* Colores espec\u00edficos del usuario *\/\n            --color-text-normal: #943634; \/* Color de las secciones sin hover (Vino) *\/\n            --color-hover-accent: #fabf8f; \/* Color de acento para el hover (Naranja Claro) *\/\n            \n            \/* Colores de fondo *\/\n            --color-background: #FFFFFF; \/* Blanco para fondo de header y secciones claras *\/\n            --color-page-bg: #0d1117; \/* Fondo de la p\u00e1gina (Oscuro\/Negro) *\/\n            --color-border: rgba(0, 0, 0, 0.1); \/* Borde sutil en fondo blanco *\/\n            \n            \/* Colores de texto *\/\n            --color-text-dark: #333333; \/* Texto oscuro para secciones claras *\/\n            --color-dark-contrast: #000000; \/* Negro para contraste en fondos claros *\/\n            --color-light-text: #ffffff; \/* Texto blanco para secciones oscuras *\/\n        }\n\n        \/* Estilos Base y Tipograf\u00eda *\/\n        body {\n            \/* Se aplica la fuente Verdana regular *\/\n        \n            font-family: 'Verdana', sans-serif !important; \n            margin: 0;\n            background-color: var(--color-page-bg);\n        }\n\n        header {\n            \/* Fondo del encabezado a blanco *\/\n            background-color: var(--color-background);\n            width: 100%;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); \/* Sombra sutil para destacar el sticky *\/\n            position: sticky;\n            top: 0;\n            z-index: 50;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 16px;\n            position: relative;\n        }\n\n        \/* ------------------------------------------- *\/\n        \/* Estilos del Logo (Header Peque\u00f1o) *\/\n        \/* ------------------------------------------- *\/\n        .header-top {\n            display: flex;\n            flex-direction: column; \n            align-items: center;\n            padding-bottom: 10px;\n            position: relative; \/* Para posicionar el bot\u00f3n hamburguesa *\/\n        }\n\n        \/* ------------------------------------------- *\/\n        \/* Estilos del Men\u00fa de Navegaci\u00f3n (Desktop) *\/\n        \/* ------------------------------------------- *\/\n        nav {\n            padding-top: 16px; \n            padding-bottom: 8px;\n        }\n        \n        #main-menu {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap; \n        }\n\n        .nav-link {\n            color: var(--color-text-normal); \n            text-decoration: none;\n            transition: color 0.3s ease; \n            text-transform: uppercase;\n            font-weight: bold !important; \n            padding: 8px 20px; \n            box-sizing: border-box;\n            white-space: nowrap; \n            border-right: none; \n        }\n        \n        .nav-link:hover {\n            color: var(--color-hover-accent); \n            background-color: transparent; \n        }\n\n        \/* Ocultar el bot\u00f3n hamburguesa en desktop *\/\n        #mobile-menu-button {\n            display: none;\n            justify-content: right;\n        }\n\n        \/* ------------------------------------------- *\/\n        \/* Estilos del Banner Principal (Hero) *\/\n        \/* ------------------------------------------- *\/\n        .hero-banner {\n            background-color: var(--color-text-normal); \/* Fondo: #943634 *\/\n            padding: 60px 20px; \n            text-align: center; \n        }\n\n        .hero-logo {\n            width: 90%; \n            max-width: 600px; \n            height: auto;\n            object-fit: contain;\n            box-shadow: none;\n            border: none;\n            border-radius: 0;\n        }\n\n        \/* ------------------------------------------- *\/\n        \/* Estilos Generales de Secciones *\/\n        \/* ------------------------------------------- *\/\n        \n     \/* Estilos de la Sticky Bar *\/\n        .banner-extension {\n            background-color: #fabf8f; \/* Fondo color melocot\u00f3n *\/\n            color: #943634; \/* Color de texto vino *\/\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            padding: 14px 24px;\n            text-align: center;\n            position: relative; \n            top: 0;\n            left: 0;\n            width: 100%;\n            z-index: 9999;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 25px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n            box-sizing: border-box;\n            border-bottom: 1px solid rgba(148, 54, 52, 0.2);\n        }\n\n        .banner-content {\n            display: flex;\n            align-items: center;\n        }\n\n        .banner-text {\n            margin: 0;\n            font-size: 16px;\n            line-height: 1.4;\n            letter-spacing: 0.3px;\n        }\n\n        .banner-text strong {\n            font-weight: 700;\n            border-bottom: 2px solid rgba(148, 54, 52, 0.4);\n        }\n\n        .banner-button {\n            background-color: #ffffff;\n            color: #943634;\n            text-decoration: none;\n            padding: 10px 22px;\n            border-radius: 6px;\n            font-weight: 700;\n            font-size: 14px;\n            text-transform: uppercase;\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n            white-space: nowrap;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }\n\n        .banner-button:hover {\n            background-color: #f8f8f8;\n            transform: translateY(-1px);\n            box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n        }\n\n        \/* Simulaci\u00f3n de tu men\u00fa existente *\/\n        .fake-menu {\n            background: #233160;\n            color: white;\n            padding: 15px 40px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-family: sans-serif;\n        }\n\n        .dummy-content {\n            padding: 40px;\n            font-family: Arial, sans-serif;\n            color: #333;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n            line-height: 1.6;\n        }\n\n        \/* Adaptaci\u00f3n para dispositivos m\u00f3viles *\/\n        @media (max-width: 850px) {\n            .banner-extension {\n                flex-direction: column;\n                gap: 15px;\n                padding: 20px;\n            }\n            .banner-text {\n                font-size: 15px;\n            }\n            .banner-button {\n                width: 100%;\n                text-align: center;\n            }\n        }\n\n        \n        .section-title { \n            font-size: 2.5em !important;\n            text-align: center; \n            margin-bottom: 40px;\n            text-transform: uppercase;\n            font-weight: 700 !important;\n        }\n\n        \/* T\u00edtulos de secci\u00f3n en fondo claro (Presentaci\u00f3n, Publicaciones Resultantes, Sede del evento, Footer) *\/\n        .presentation-section .section-title,\n        .presencial-section .section-title {\n            color: var(--color-text-normal); \/* T\u00edtulo color Vino *\/\n        }\n\n        \/* T\u00edtulos de secci\u00f3n en fondo oscuro (Enlaces, Ejes Tem\u00e1ticos, Requisitos y Formalidades, Din\u00e1mica, Acceso Virtual, Sede del Evento, Comit\u00e9 Organizador) *\/\n        .important-links-section .section-title,\n        .publications-section .section-title,\n        .thematic-axes-section .section-title,\n        .about-event-section .section-title,\n        .dynamic-section .section-title,\n        .online-direction-section .section-title,\n        .organizing-committee-section .section-title {\n            color: var(--color-background); \/* T\u00edtulo color Blanco *\/\n        }\n\n        \/* Contenedor para el icono personalizado (Asegura el espacio) *\/\n        .card-icon-placeholder {\n            width: 60px; \n            height: 60px;\n            margin: 0 auto 20px auto; \n        }\n        \n        \/* ------------------------------------------- *\/\n        \/* Estilos de la Secci\u00f3n: COMIT\u00c9 ORGANIZADOR *\/\n        \/* ------------------------------------------- *\/\n        .organizing-committee-section {\n            background-color: var(--color-text-normal); \/* Fondo Vino *\/\n            padding: 80px 20px;\n        }\n\n        .committee-grid {\n            display: grid;\n            \/* 3 columnas en desktop, 2 en tablet, 1 en m\u00f3vil *\/\n            grid-template-columns: repeat(3, 1fr); \n            gap: 30px; \n            max-width: 1000px;\n            margin: 40px auto;\n        }\n\n        .committee-member-card {\n            background-color: var(--color-background); \/* Fondo Blanco *\/\n            border-radius: 12px; \n            padding: 30px;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n        }\n        \n        .member-icon {\n            width: 80px; \n            height: 80px;\n            margin-bottom: 20px;\n            padding: 10px;\n            border-radius: 50%;\n            background-color: var(--color-hover-accent); \/* C\u00edrculo de acento *\/\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        \n        .member-icon svg {\n            width: 40px;\n            height: 40px;\n            color: var(--color-dark-contrast); \/* \u00cdcono Negro *\/\n        }\n        \n        .member-name {\n            font-size: 1.2em !important;\n            font-weight: 700 !important;\n            color: var(--color-dark-contrast); \/* Nombre Negro *\/\n            margin-bottom: 15px;\n            text-transform: uppercase;\n        }\n\n        .member-detail {\n            font-size: 0.9em !important;\n            line-height: 1.6;\n            color: var(--color-text-dark);\n            margin: 5px 0;\n        }\n        \n        .member-detail strong {\n            color: var(--color-text-normal); \/* Etiqueta en color Vino *\/\n            font-weight: 700 !important;\n        }\n        \n        \/* ------------------------------------------- *\/\n        \/* Estilos de la Secci\u00f3n de Presentaci\u00f3n *\/\n        \/* ------------------------------------------- *\/\n        .presentation-section {\n            background-color: var(--color-background); \n            padding: 80px 20px;\n            color: var(--color-text-dark);\n        }\n        \n        .presentation-content {\n            font-size: 1em !important; \n            line-height: 1.8;\n            max-width: 900px;\n            margin: 0 auto; \n            text-align: justify; \n        }\n\n        .presentation-content p {\n            margin-bottom: 25px;\n        }\n\n        \/* ------------------------------------------- *\/\n        \/* Estilos de la Secci\u00f3n de Enlaces Importantes *\/\n        \/* ------------------------------------------- *\/\n        .important-links-section {\n            background-color: var(--color-text-normal); \/* Fondo Vino *\/\n            padding: 80px 20px;\n        }\n\n        .link-card-grid {\n            display: flex;\n            justify-content: center;\n            gap: 30px; \n            flex-wrap: wrap; \n        }\n\n        .link-card {\n            background-color: var(--color-background); \n            border-radius: 12px; \n            padding: 40px 20px;\n            width: 100%; \n            max-width: 300px; \n            text-align: center;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n            text-decoration: none; \n        }\n        \n        .link-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\n        }\n\n        .link-card .card-title {\n            font-size: 1.1em !important;\n            color: var(--color-text-normal); \n            font-family: 'Verdana', sans-serif !important;\n            font-weight: 400 !important; \n            text-transform: uppercase;\n            margin: 0;\n        }\n\n        \/* Estilo del icono en las tarjetas de enlace *\/\n        .link-card svg {\n            color: var(--color-text-dark); \/* \u00cdconos Oscuros *\/\n        }\n        \n        .link-card:hover svg {\n            color: var(--color-text-normal); \/* \u00cdconos Vino al hacer hover *\/\n        }\n\n\n        \/* ------------------------------------------- *\/\n        \/* Estilos de la Secci\u00f3n de Ejes Tem\u00e1ticos *\/\n        \/* ------------------------------------------- *\/\n        .thematic-axes-section {\n            background-color: var(--color-text-normal); \/* Fondo Vino *\/\n            padding-top: 80px; \n            padding-bottom: 80px;\n        }\n\n        .thematic-axes-section .container {\n            padding-top: 0;\n            padding-bottom: 0;\n        }\n\n        .axes-grid {\n            display:grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 0; \n            margin-top: 40px;\n            border-radius: 12px;\n            overflow: hidden; \n            \n            \/* TRUCO PARA OCUPAR EL ANCHO COMPLETO (100vw) *\/\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n        }\n        \n        \/* ------------------------------------------- *\/\n        \/* Estilos de la Secci\u00f3n: DIN\u00c1MICA DEL EVENTO *\/\n        \/* ------------------------------------------- *\/\n        .dynamic-section {\n            background-color: var(--color-text-normal); \/* Fondo Vino *\/\n            padding: 80px 20px;\n        }\n        \n        \/* Estilo para el texto introductorio *\/\n        .dynamic-intro-text {\n             max-width: 800px;\n             margin: 0 auto 60px auto;\n             text-align: center;\n             color: var(--color-background); \/* Texto blanco *\/\n             font-size: 1.1em !important;\n             line-height: 1.8;\n        }\n        \n        \/* Contenedor Flex para los 3 items de texto restantes *\/\n        .dynamic-grid {\n            display: flex; \/* Cambiado a flex para control de 3 items *\/\n            justify-content: center;\n            gap: 0; \n            margin-top: 40px;\n            border-radius: 12px;\n            overflow: hidden; \n            \n            \/* TRUCO PARA OCUPAR EL ANCHO COMPLETO (100vw) *\/\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            flex-wrap: wrap; \/* Permite que los \u00edtems se apilen en m\u00f3vil *\/\n        }\n\n        \/* Estilos base para los \u00edtems de Ejes Tem\u00e1ticos y Din\u00e1mica (Cuadr\u00edcula) *\/\n        .axis-item, .dynamic-item {\n            padding: 30px;\n            text-align: center;\n            transition: none; \n            border-radius: 0; \n            cursor: default;\n            height: 100%; \n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        \/* Eliminaci\u00f3n de los efectos de hover (por solicitud del usuario) *\/\n        .axis-item:hover, .dynamic-item:hover {\n            transform: none; \n            z-index: 1; \n            box-shadow: none; \n        }\n\n        \/* Regla de Colores Alternados para Ejes Tem\u00e1ticos (4 columnas) *\/\n        .axis-item:nth-child(odd) { \n            background-color: var(--color-background); \n            color: var(--color-dark-contrast); \n        }\n\n        .axis-item:nth-child(even) { \n            background-color: var(--color-hover-accent); \n            color: var(--color-dark-contrast); \n        }\n\n        .axis-item svg {\n            color: var(--color-text-normal); \/* \u00cdconos Vino en fondo Blanco *\/\n        }\n\n        .axis-item:nth-child(even) svg { \n            color: var(--color-dark-contrast); \/* \u00cdconos Oscuros en fondo Naranja Claro *\/\n        }\n        \n        \/* Nuevas Reglas de Colores Alternados para Din\u00e1mica del Evento (3 items de texto) *\/\n        .dynamic-item {\n            flex-basis: 33.333%; \/* 3 items en una fila en desktop *\/\n            min-width: 300px; \/* Evita que se compriman demasiado *\/\n            padding: 40px 30px; \/* Aumentar padding para que se vean mejor sin icono *\/\n        }\n        \n        \/* Item 1 y 3 (Impar): Fondo Blanco *\/\n        .dynamic-item:nth-child(odd) { \n            background-color: var(--color-background); \n            color: var(--color-dark-contrast); \n        }\n\n        \/* Item 2 (Par): Fondo Naranja Claro *\/\n        .dynamic-item:nth-child(even) { \n            background-color: var(--color-hover-accent); \n            color: var(--color-dark-contrast); \n        }\n        \n        .axis-title, .dynamic-title {\n            font-size: 1.4em !important;\n            font-weight: 700 !important;\n            text-transform: uppercase;\n            margin-bottom: 15px;\n            color: var(--color-text-normal); \/* T\u00edtulo Vino por defecto *\/\n        }\n        \n        \/* Ajuste de color del t\u00edtulo para que contraste en el fondo naranja *\/\n        .dynamic-item:nth-child(even) .dynamic-title {\n            color: var(--color-dark-contrast); \/* T\u00edtulo Negro sobre fondo Naranja *\/\n        }\n\n        .axis-description, .dynamic-description {\n            font-size: 0.9em !important;\n            line-height: 1.6;\n        }\n        \n        \/* ------------------------------------------- *\/\n        \/* Estilos de la Secci\u00f3n: PUBLICACIONES RESULTANTES *\/\n        \/* ------------------------------------------- *\/\n        .publications-section {\n            background-color: var(--color-text-normal); \/* Fondo Vino *\/\n            padding-top: 80px; \n            padding-bottom: 80px;\n        }\n\n        .publications-section .container {\n            padding-top: 0;\n            padding-bottom: 0;\n        }\n\n        .publication-item-grid {\n            display: flex; \/* Usamos flexbox para los dos items *\/\n            justify-content: center;\n            gap: 0; \n            margin-top: 40px;\n            border-radius: 12px;\n            overflow: hidden; \n            \n            \/* TRUCO PARA OCUPAR EL ANCHO COMPLETO (100vw) *\/\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            flex-wrap: wrap; \/* Permite que los \u00edtems se apilen en m\u00f3vil *\/\n        }\n        \n        .publication-item {\n            flex-basis: 50%; \/* 2 items en una fila en desktop *\/\n            min-width: 300px; \/* Evita que se compriman demasiado *\/\n            padding: 50px 40px; \n            text-align: center;\n            height: 100%; \n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        \/* \u00cdtem 1: Naranja Claro *\/\n        .publication-item:nth-child(1) {\n            background-color: var(--color-hover-accent); \n            color: var(--color-dark-contrast); \n        }\n\n        \/* \u00cdtem 2: Blanco *\/\n        .publication-item:nth-child(2) { \n            background-color: var(--color-background); \n            color: var(--color-dark-contrast); \n        }\n        \n        .publication-item-title {\n            font-size: 1.8em !important;\n            font-weight: 800 !important;\n            text-transform: uppercase;\n            margin-bottom: 10px;\n            color: var(--color-dark-contrast); \/* T\u00edtulo Negro por defecto para mejor contraste *\/\n        }\n        \n        .publication-item-subtitle {\n            font-size: 1.1em !important;\n            font-weight: 400 !important;\n            margin-bottom: 25px;\n            line-height: 1.6;\n        }\n        \n        .publication-item-description {\n            font-size: 0.9em !important;\n            line-height: 1.6;\n        }\n        \n        \/* ------------------------------------------- *\/\n        \/* Estilos de la Secci\u00f3n: REQUISITOS Y FORMALIDADES *\/\n        \/* ------------------------------------------- *\/\n        .about-event-section {\n            background-color: var(--color-text-normal); \/* Fondo Vino *\/\n            padding: 80px 20px;\n        }\n\n        .accordion-cards-container {\n            max-width: 900px;\n            margin: 40px auto 0 auto;\n        }\n        \n        \/* Contenedor principal para las tarjetas y contenido *\/\n        .accordion-items-wrapper {\n            display: flex;\n            flex-wrap: wrap; \n            border-radius: 12px 12px 0 0; \n            overflow: hidden;\n            box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.2); \n            \n            \/* El cambio que apila las tarjetas verticalmente *\/\n            flex-direction: column; \n        }\n\n        \/* Cada grupo de tarjeta + contenido (Ahora ocupa el 100% en desktop y m\u00f3vil) *\/\n        .accordion-item {\n            flex-basis: 100%; \/* Ocupa el 100% para apilarse *\/\n            display: flex; \n            flex-direction: column; \n            position: relative;\n        }\n\n        .accordion-card {\n            width: 100%; \n            background-color: var(--color-background); \/* Fondo Blanco *\/\n            color: var(--color-text-normal); \/* Texto Vino *\/\n            padding: 20px;\n            cursor: pointer;\n            text-align: left;\n            border-bottom: 1px solid rgba(0, 0, 0, 0.1); \/* Separador sutil *\/\n            transition: all 0.3s ease;\n            display: flex; \n            align-items: center;\n        }\n        \n        \/* Eliminar el borde inferior del \u00faltimo item en la lista *\/\n        .accordion-item:last-of-type .accordion-card {\n            border-bottom: none;\n        }\n        \n        \/* Estilo para cuando la tarjeta est\u00e1 activa *\/\n        .accordion-card.active {\n            color: var(--color-dark-contrast); \/* Texto negro cuando activo *\/\n            background-color: var(--color-hover-accent); \/* Fondo Naranja Claro cuando activo *\/\n            border-bottom: 1px solid var(--color-hover-accent); \/* Borde que se fusiona con el contenido *\/\n            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1); \/* Sombra para destacarla *\/\n            z-index: 10;\n           \n        }\n        \n        \/* Estilo del texto del t\u00edtulo en la tarjeta (may\u00fasculas y min\u00fasculas) *\/\n        .accordion-card-title {\n            font-size: 1.1em !important;\n            font-weight: bold !important;\n            text-transform: none; \n            margin: 0;\n            flex-grow: 1; \n            padding-left: 15px; \n        }\n        \n        \/* Icono Placeholder en las tarjetas del acorde\u00f3n *\/\n        .card-icon-small-placeholder {\n            width: 24px;\n            height: 24px;\n            min-width: 24px; \n        }\n\n        .card-icon-small-placeholder svg {\n            color: var(--color-text-normal); \/* Color Vino para los \u00edconos inactivos *\/\n        }\n        \n        .accordion-card.active .card-icon-small-placeholder svg {\n            color: var(--color-dark-contrast); \/* Color Negro para los \u00edconos activos *\/\n        }\n        \n        \/* Contenido Desplegable (Caja que se muestra) *\/\n        .accordion-content-box {\n            \/* IMPORTANTE: Esta caja siempre debe ocupar el 100% de la fila principal *\/\n            width: auto; \n            flex-basis: 100%; \n            \n            background-color: var(--color-hover-accent); \/* Fondo Naranja Claro *\/\n            color: var(--color-dark-contrast); \/* Texto oscuro para el contenido *\/\n            padding: 30px;\n            line-height: 1.7;\n            \n            \/* MODIFICACI\u00d3N: Alineamos el texto al CENTRO *\/\n            text-align: left; \n            \n            display: none; \/* Inicialmente oculto por defecto *\/\n            \n            border-radius: 0;\n            margin-top: 0; \n        }\n        \n        \/* ------------------------------------------- *\/\n        \/* Estilos de la Secci\u00f3n: ACCESO VIRTUAL *\/\n        \/* ------------------------------------------- *\/\n        .online-direction-section {\n            background-color: var(--color-text-normal); \/* Fondo Vino *\/\n            padding: 80px 20px;\n        }\n\n        .online-direction-text {\n            max-width: 800px;\n            margin: 0 auto 60px auto;\n            text-align: center;\n            color: var(--color-background); \/* Texto blanco *\/\n            font-size: 1.1em !important;\n            line-height: 1.8;\n        }\n\n        .online-cards-grid {\n            display: flex;\n            justify-content: center;\n            gap: 30px; \n            flex-wrap: wrap; \n        }\n        \n        .online-card {\n            background-color: var(--color-background); \/* Fondo Blanco *\/\n            border-radius: 12px; \n            padding: 40px 20px;\n            width: 100%; \n            max-width: 450px; \n            text-align: center;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n            text-decoration: none; \n            color: var(--color-dark-contrast);\n        }\n        \n        \/* ------------------------------------------- *\/\n        \/* Estilos de la Secci\u00f3n: SEDE DEL EVENTO *\/\n        \/* ------------------------------------------- *\/\n        .presencial-section {\n            background-color: var(--color-background); \/* Fondo Blanco *\/\n            padding: 80px 20px;\n            color: var(--color-text-dark);\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        \/* ------------------------------------------- *\/\n        \/* ESTILOS DEL PIE DE P\u00c1GINA (FOOTER) *\/\n        \/* ------------------------------------------- *\/\n        footer {\n            background-color: var(--color-background); \/* Fondo Blanco *\/\n            color: var(--color-text-normal); \/* Texto Vino *\/\n            padding: 40px 20px;\n            text-align: center;\n            border-top: 5px solid var(--color-text-normal); \/* Borde superior de color vino *\/\n        }\n        \n        .footer-content {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .footer-content p {\n            margin: 8px 0;\n            font-size: 0.9em !important;\n        }\n        \n        .footer-content a {\n            color: var(--color-text-normal);\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n        \n        .footer-content a:hover {\n            color: var(--color-hover-accent);\n        }\n        \n        \/* SECCI\u00d3N DE SOCIAL LINKS ELIMINADA DEL HTML, PERO EL ESTILO SE QUEDA POR SI ACASO\n        .social-links {\n            margin-top: 15px;\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n        }\n        \n        .social-links svg {\n            width: 24px;\n            height: 24px;\n            color: var(--color-text-normal);\n            transition: color 0.3s ease;\n        }\n        \n        .social-links a:hover svg {\n            color: var(--color-hover-accent);\n        }\n        *\/\n\n        \/* ------------------------------------------- *\/\n        \/* AJUSTES RESPONSIVOS (M\u00f3vil: < 1024px) *\/\n        \/* ------------------------------------------- *\/\n\n        @media (max-width: 1023px) {\n\n            \/* Mostrar y estilizar el bot\u00f3n hamburguesa *\/\n            .header-top {\n                flex-direction: row; \/* Logo y bot\u00f3n uno al lado del otro *\/\n                justify-content: right !important;\n                align-items: center;\n            }\n            \n            #mobile-menu-button {\n                display: block;\n                background: none;\n                border: none;\n                cursor: pointer;\n                color: var(--color-text-normal);\n                padding: 10px;\n                justify-content: right !important;\n            }\n            \n            #mobile-menu-button svg {\n                width: 30px !important;\n                height: 30px !important;\n                display: block;\n                 justify-content: right !important;\n            }\n            \n            \/* Men\u00fa de navegaci\u00f3n m\u00f3vil *\/\n            #main-menu {\n                display: none ; \/* Inicialmente oculto en m\u00f3vil *\/\n                flex-direction: column;\n                align-items: stretch;\n                padding: 10px 0;\n                background-color: var(--color-background);\n                border-top: 1px solid var(--color-border);\n            }\n            \n            .nav-link {\n                padding: 12px 16px;\n                text-align: center;\n                border-bottom: 1px solid var(--color-border);\n            }\n            \n            .nav-link:last-child {\n                border-bottom: none;\n            }\n            \n            \/* Ejes Tem\u00e1ticos M\u00f3vil: 2 columnas *\/\n            .axes-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            \/* Din\u00e1mica del Evento M\u00f3vil: 1 columna *\/\n            .dynamic-item {\n                flex-basis: 100%; \/* 1 item por fila en m\u00f3vil *\/\n                min-width: 100%;\n            }\n            \n            \/* Publicaciones Resultantes M\u00f3vil: 1 columna *\/\n            .publication-item {\n                flex-basis: 100%; \/* 1 item por fila en m\u00f3vil *\/\n            }\n            \n            \/* Comit\u00e9 Organizador M\u00f3vil: 2 columnas en tablet, 1 en m\u00f3vil *\/\n            .committee-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            \/* Acorde\u00f3n M\u00f3vil: Ya no necesita cambios, pues ya es vertical por defecto *\/\n            .accordion-items-wrapper {\n                border-radius: 12px;\n                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); \n            }\n            \n            \/* Estilos de borde para el \u00faltimo \u00edtem en m\u00f3vil *\/\n            .accordion-item:last-child .accordion-card {\n                 border-bottom: none;\n            }\n            \n            \/* Eliminamos el contenido fuera de las tarjetas para simplificar la l\u00f3gica JS *\/\n            .accordion-content-box {\n                \/* Ocultamos el div grande y usaremos los divs internos *\/\n                display: block; \n            }\n            \n            \/* Asegurar que el borde inferior del contenedor wrapper sea redondeado si el contenido es visible *\/\n            .accordion-items-wrapper:has(.accordion-content-item-visible):last-child {\n                border-radius: 0 0 12px 12px;\n            }\n        }\n        \n        @media (max-width: 600px) {\n            \/* Ejes Tem\u00e1ticos M\u00f3vil muy peque\u00f1o: 1 columna *\/\n            .axes-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            \/* Comit\u00e9 Organizador M\u00f3vil muy peque\u00f1o: 1 columna *\/\n            .committee-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<header>\n    <div class=\"container\">\n        \n        <!-- 1. Contenedor Principal (Logo y Bot\u00f3n Hamburguesa) -->\n        <div class=\"header-top\">\n            <!-- Bot\u00f3n del Men\u00fa Hamburguesa (Visible solo en M\u00f3vil) -->\n            <button id=\"mobile-menu-button\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\">\n                <svg id=\"Capa_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 30 30\">\n  <!-- Generator: Adobe Illustrator 30.0.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 123)  -->\n  <defs>\n    <style>\n      .st0 {\n        fill: #943634;\n      }\n    <\/style>\n  <\/defs>\n  <path class=\"st0\" d=\"M.14,3.3C-.06,2.51-.04.66.16.1.66-.05,1.25.01,1.8.01c4.09,0,8.19,0,12.28,0,4.66,0,9.33,0,13.99,0,.56,0,1.14-.05,1.76.09.05.14.16.3.15.46-.02.89.1,1.78-.08,2.7-.38.03-.67.06-.96.07-.31.01-.62,0-.93,0-8.7,0-17.41,0-26.11,0-.56,0-1.12-.02-1.75-.03Z\"\/>\n  <path class=\"st0\" d=\"M.14,29.96c-.2-.79-.18-2.64.02-3.2.5-.15,1.08-.09,1.64-.09,4.09,0,8.19,0,12.28,0,4.66,0,9.33,0,13.99,0,.56,0,1.14-.05,1.76.09.05.14.16.3.15.46-.02.89.1,1.78-.08,2.7-.38.03-.67.06-.96.07-.31.01-.62,0-.93,0-8.7,0-17.41,0-26.11,0-.56,0-1.12-.02-1.75-.03Z\"\/>\n  <path class=\"st0\" d=\"M.14,16.63c-.2-.79-.18-2.65.02-3.2.5-.15,1.08-.09,1.64-.09,4.09,0,8.19,0,12.28,0,4.66,0,9.33,0,13.99,0,.56,0,1.14-.05,1.76.09.05.14.16.3.15.46-.02.89.1,1.78-.08,2.7-.38.03-.67.06-.96.07-.31.01-.62,0-.93,0-8.7,0-17.41,0-26.11,0-.56,0-1.12-.02-1.75-.03Z\"\/>\n<\/svg>\n            <\/button>\n        <\/div>\n        \n        <!-- 2. Men\u00fa de Navegaci\u00f3n -->\n        <nav>\n            <div id=\"main-menu\">\n                <a href=\"#presentacion\" class=\"nav-link\">PRESENTACI\u00d3N<\/a>\n                <a href=\"#enlaces\" class=\"nav-link\">PROGRAMA<\/a>\n                <a href=\"#ejes\" class=\"nav-link\">EJES TEM\u00c1TICOS<\/a>\n                <a href=\"#requisitos\" class=\"nav-link\">REGISTRO Y REQUISITOS<\/a>\n                <a href=\"#dinamica\" class=\"nav-link\">DIN\u00c1MICA DEL EVENTO<\/a>\n                <a href=\"#publicaciones\" class=\"nav-link\">PUBLICACIONES RESULTANTES<\/a>\n                <a href=\"#online\" class=\"nav-link\">ACCESO VIRTUAL<\/a>\n                <a href=\"#presencial\" class=\"nav-link\">SEDE DEL EVENTO<\/a>\n                <a href=\"#comite\" class=\"nav-link\">COMIT\u00c9 ORGANIZADOR<\/a>\n            <\/div>\n        <\/nav>\n        \n    <\/div>\n\n     <div class=\"banner-extension\">\n        <div class=\"banner-content\">\n            <p class=\"banner-text\">\n                El CIIDI2026 se llevar\u00e1 a cabo en modalidad presencial y a distancia. Debes realizar tu registro .\n            <\/p>\n        <\/div>\n        <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSd8kKxu30SoF6kSUn5KqD-gBzVQZkZAV2j7eFFiuWucKuB0MQ\/viewform\" class=\"banner-button\">Ir a registro<\/a>\n    <\/div>\n\n<\/header>\n\n<!-- SECCIONES PRINCIPALES -->\n\n<!-- SECCI\u00d3N: BANNER PRINCIPAL (HERO) -->\n<section id=\"hero-banner\" class=\"hero-banner\">\n    <div class=\"container\">\n        <!-- Logo Grande del Evento (Placeholder ajustado a 2.4:1) -->\n        <img decoding=\"async\" src=\"http:\/\/ase.unam.mx\/wp-content\/uploads\/2025\/11\/logo-congreso.webp\"\n            alt=\"Logo Principal del Evento\"\n            class=\"hero-logo\">\n    <\/div>\n<\/section>\n\n<!-- Contenido Principal -->\n<main>\n    \n    <!-- SECCI\u00d3N: PRESENTACI\u00d3N -->\n    <section id=\"presentacion\" class=\"presentation-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Presentaci\u00f3n del Evento<\/h2>\n            <div class=\"presentation-content\">\n                <p>\n                    Las experiencias de investigaci\u00f3n-docencia interdisciplinaria y desarrollo tecnol\u00f3gico realizados por la RASE, Red de Acci\u00f3n Social Efectiva, han mostrado la utilidad y alcance del Modelo Conceptual de Gesti\u00f3n del Conocimiento (MoC-GC) y su eje conceptual referido a la Acci\u00f3n Social Efectiva entendida como la manifestaci\u00f3n del conocimiento construido por actores sociales organizados que resuelven carencias sociales.\n                <\/p>\n                <p>\n                    La utilidad radica en poder reconocer y visibilizar la trascendencia de todo tipo de organizaciones y redes en el desarrollo social y la transformaci\u00f3n de lo institucionalizado para construir interpretaciones sobre c\u00f3mo estos actores sociales se transforman de acuerdo con las circunstancias del entorno socio-hist\u00f3rico en el que se encuentran inmersos, porque estos actores sociales no son organizaciones aisladas y conforman a las sociedades. Por consiguiente, se ven influidos en distintos grados por las fuerzas ex\u00f3genas que impactan sus trayectorias y experiencias en diversas formas. \n\n                <\/p>\n                <p>\n                    La RASE ha abierto caminos interpretativos sobre el estudio de c\u00f3mo la sociedad civil, colectivos, empresas sociales, organizaciones acad\u00e9micas, instituciones p\u00fablicas y las empresas son parte de complejos sistemas sociales que se comunican e integran entre s\u00ed. \n                <\/p>\n                <p>\n                   La participaci\u00f3n de investigadores, profesores, estudiantes, representantes de organizaciones de la sociedad civil, de instituciones p\u00fablicas y de empresas privadas provenientes de diversas latitudes ha enriquecido las postulaciones te\u00f3ricas y metodol\u00f3gicas del MoC-GC con aportaciones que permiten comprender la realidad de la Acci\u00f3n Social Efectiva como un fen\u00f3meno observable en distintos espacios.  \n                <\/p>\n                <p>\n                   Estos resultados se han difundido anualmente a trav\u00e9s de diversas Jornadas y del Congreso Internacional de Investigaci\u00f3n-Docencia Interdisciplinaria (CIIDI) de forma itinerante. Ha sido organizado por los nodos de la RASE adscritos a la Universidad Nacional Aut\u00f3noma de M\u00e9xico (UNAM), la Universidad Nacional de San Agust\u00edn de Arequipa (UNSA) en Per\u00fa, la Universidad Cat\u00f3lica de Salta (UCASAL) en Argentina, la Universidad del Quind\u00edo (UQUind\u00edo) en Colombia, la Universidad Cat\u00f3lica del Maule (UCM) en Chile y en esta ocasi\u00f3n tambi\u00e9n por la Universidad de Salamanca (USAL) en Espa\u00f1a. \n                <\/p>\n                <p>\n                    Inmerso en el entorno mundial actual, desde la RASE planteamos como prop\u00f3sito de esta emisi\u00f3n del CIIDI2026, incorporar las perspectivas geopol\u00edtica, transnacional, internacional y global que demandan la integraci\u00f3n de redes, cuyo trabajo colaborativo ampl\u00eda la comprensi\u00f3n y visibiliza la Acci\u00f3n Social Efectiva que realizan diversos actores sociales para atender los retos de la sociedad del mundo actual.\n\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECCI\u00d3N: ENLACES IMPORTANTES -->\n    <section id=\"enlaces\" class=\"important-links-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Programa<\/h2>\n            <div class=\"link-card-grid\">\n                \n                <!-- Tarjeta 1: Programa -->\n                <a href=http:\/\/ase.unam.mx\/wp-content\/uploads\/2026\/04\/PROG-CORR-RASE.jpg class=\"link-card\">\n                    <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                        <!-- \u00cdcono de Documento -->\n                        <svg id=\"Capa_1\" data-name=\"Capa 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\">\n  <path d=\"M53.12.07c.32,1.58.28,5.28-.04,6.39-.77.31-1.69.18-2.54.18-6.37.01-12.73,0-19.1,0-7.25,0-14.51,0-21.76,0-.87,0-1.77.1-2.73-.18-.08-.28-.24-.6-.24-.91.03-1.77-.16-3.55.12-5.39.59-.06,1.04-.12,1.5-.15.48-.02.97,0,1.45,0,13.54,0,27.08,0,40.62,0,.87,0,1.74.04,2.73.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M53.12,53.4c.32,1.58.28,5.28-.04,6.39-.77.31-1.69.18-2.54.18-6.37.01-12.73,0-19.1,0-7.25,0-14.51,0-21.76,0-.87,0-1.77.1-2.73-.18-.08-.28-.24-.6-.24-.91.03-1.77-.16-3.55.12-5.39.59-.06,1.04-.12,1.5-.15.48-.02.97,0,1.45,0,13.54,0,27.08,0,40.62,0,.87,0,1.74.04,2.73.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M6.74.28c1.58-.41,5.28-.35,6.39.05.31.99.18,2.17.18,3.27.01,8.18,0,16.37,0,24.55,0,9.32,0,18.65,0,27.97,0,1.12.1,2.28-.18,3.51-.28.1-.6.31-.91.3-1.77-.03-3.55.2-5.39-.15-.06-.76-.12-1.34-.15-1.92-.02-.62,0-1.24,0-1.86,0-17.4,0-34.8,0-52.21,0-1.12.04-2.23.06-3.5Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M46.74.28c1.58-.41,5.28-.35,6.39.05.31.99.18,2.17.18,3.27.01,8.18,0,16.37,0,24.55,0,9.32,0,18.65,0,27.97,0,1.12.1,2.28-.18,3.51-.28.1-.6.31-.91.3-1.77-.03-3.55.2-5.39-.15-.06-.76-.12-1.34-.15-1.92-.02-.62,0-1.24,0-1.86,0-17.4,0-34.8,0-52.21,0-1.12.04-2.23.06-3.5Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M17.45,19.93c-.17-1.58-.15-5.28.02-6.39.42-.31.92-.18,1.38-.18,3.46-.01,6.92,0,10.37,0,3.94,0,7.88,0,11.82,0,.47,0,.96-.1,1.48.18.04.28.13.6.13.91-.01,1.77.09,3.55-.06,5.39-.32.06-.56.12-.81.15-.26.02-.52,0-.79,0-7.35,0-14.71,0-22.06,0-.47,0-.94-.04-1.48-.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M20.09,33.25c-.14-1.58-.12-5.28.02-6.39.33-.31.72-.18,1.09-.18,2.73-.01,5.46,0,8.19,0,3.11,0,6.22,0,9.33,0,.37,0,.76-.1,1.17.18.03.28.1.6.1.91-.01,1.77.07,3.55-.05,5.39-.25.06-.45.12-.64.15-.21.02-.41,0-.62,0-5.8,0-11.61,0-17.41,0-.37,0-.74-.04-1.17-.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M20.09,46.59c-.14-1.58-.12-5.28.02-6.39.33-.31.72-.18,1.09-.18,2.73-.01,5.46,0,8.19,0,3.11,0,6.22,0,9.33,0,.37,0,.76-.1,1.17.18.03.28.1.6.1.91-.01,1.77.07,3.55-.05,5.39-.25.06-.45.12-.64.15-.21.02-.41,0-.62,0-5.8,0-11.61,0-17.41,0-.37,0-.74-.04-1.17-.06Z\" style=\"fill: #943634;\"\/>\n<\/svg>\n                    <\/div>\n                    <p class=\"card-title\">Programa<\/p>\n                <\/a>\n\n                <!-- Tarjeta 2: Registro -->\n                <a href= https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSd8kKxu30SoF6kSUn5KqD-gBzVQZkZAV2j7eFFiuWucKuB0MQ\/viewform =header class=\"link-card\">\n                    <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                        <!-- \u00cdcono de Usuario con Signo de M\u00e1s -->\n                        <svg id=\"Capa_1\" data-name=\"Capa 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\">\n  <path d=\"M.07,40.12c1.58-.13,5.28-.12,6.39.02.31.33.18.72.18,1.09.01,2.73,0,5.45,0,8.18,0,3.11,0,6.21,0,9.32,0,.37.1.76-.18,1.17-.28.03-.6.1-.91.1-1.78-.01-3.56.07-5.39-.05-.06-.25-.12-.44-.15-.64-.02-.21,0-.41,0-.62,0-5.8,0-11.59,0-17.39,0-.37.04-.74.06-1.17Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M40.07,40.12c1.58-.13,5.28-.12,6.39.02.31.33.18.72.18,1.09.01,2.73,0,5.45,0,8.18,0,3.11,0,6.21,0,9.32,0,.37.1.76-.18,1.17-.28.03-.6.1-.91.1-1.78-.01-3.56.07-5.39-.05-.06-.25-.12-.44-.15-.64-.02-.21,0-.41,0-.62,0-5.8,0-11.59,0-17.39,0-.37.04-.74.06-1.17Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M46.45,40.1c.32,1.58.28,5.28-.04,6.39-.77.31-1.69.18-2.54.18-6.37.01-12.73,0-19.1,0-7.25,0-14.51,0-21.76,0-.87,0-1.77.1-2.73-.18-.08-.28-.24-.6-.24-.91.03-1.78-.16-3.56.12-5.39.59-.06,1.04-.12,1.5-.15.48-.02.97,0,1.45,0,13.54,0,27.08,0,40.62,0,.87,0,1.74.04,2.73.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.91,6.74c.14,1.58.12,5.28-.02,6.39-.33.31-.72.18-1.09.18-2.73.01-5.46,0-8.19,0-3.11,0-6.22,0-9.33,0-.37,0-.76.1-1.17-.18-.03-.28-.1-.6-.1-.91.01-1.77-.07-3.55.05-5.39.25-.06.45-.12.64-.15.21-.02.41,0,.62,0,5.8,0,11.61,0,17.41,0,.37,0,.74.04,1.17.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M46.74.09c1.58-.14,5.28-.12,6.39.02.31.33.18.72.18,1.09.01,2.73,0,5.46,0,8.19,0,3.11,0,6.22,0,9.33,0,.37.1.76-.18,1.17-.28.03-.6.1-.91.1-1.77-.01-3.55.07-5.39-.05-.06-.25-.12-.45-.15-.64-.02-.21,0-.41,0-.62,0-5.8,0-11.61,0-17.41,0-.37.04-.74.06-1.17Z\" style=\"fill: #943634;\"\/>\n  <circle cx=\"23.33\" cy=\"19.99\" r=\"13.33\" style=\"fill: #943634;\"\/>\n<\/svg>\n                    <\/div>\n                    <p class=\"card-title\">REGISTRO DE ASISTENTES<\/p>\n                <\/a>\n\n                <!-- Tarjeta 3: Plataforma CIIDI -->\n                <a href= http:\/\/132.248.159.197:4000\/ class=\"link-card\">\n                    <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                        <!-- \u00cdcono de Casa\/Plataforma CIIDI -->\n                        <svg id=\"Capa_1\" data-name=\"Capa 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\">\n  <path d=\"M.07.16c1.58-.23,5.28-.2,6.39.03.31.55.18,1.21.18,1.82.01,4.55,0,9.1,0,13.64,0,5.18,0,10.36,0,15.54,0,.62.1,1.27-.18,1.95-.28.05-.6.17-.91.17-1.78-.02-3.56.11-5.39-.08-.06-.42-.12-.74-.15-1.07-.02-.34,0-.69,0-1.04,0-9.67,0-19.34,0-29.02,0-.62.04-1.24.06-1.95Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M20.07,33.38c1.58-.09,5.28-.08,6.39.01.31.22.18.48.18.73.01,1.82,0,3.64,0,5.46,0,2.07,0,4.15,0,6.22,0,.25.1.51-.18.78-.28.02-.6.07-.91.07-1.78,0-3.56.05-5.39-.03-.06-.17-.12-.3-.15-.43-.02-.14,0-.28,0-.41,0-3.87,0-7.74,0-11.62,0-.25.04-.5.06-.78Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M33.4,33.38c1.58-.09,5.28-.08,6.39.01.31.22.18.48.18.73.01,1.82,0,3.64,0,5.46,0,2.07,0,4.15,0,6.22,0,.25.1.51-.18.78-.28.02-.6.07-.91.07-1.78,0-3.56.05-5.39-.03-.06-.17-.12-.3-.15-.43-.02-.14,0-.28,0-.41,0-3.87,0-7.74,0-11.62,0-.25.04-.5.06-.78Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M39.93,40.09c1.58-.14,5.28-.12,6.39.02.31.33.18.72.18,1.09.01,2.73,0,5.46,0,8.19,0,3.11,0,6.22,0,9.33,0,.37.1.76-.18,1.17-.28.03-.6.1-.91.1-1.78-.01-3.56.07-5.39-.05-.06-.25-.12-.45-.15-.64-.02-.21,0-.41,0-.62,0-5.8,0-11.61,0-17.41,0-.37.04-.74.06-1.17Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M13.4,40.09c1.58-.14,5.28-.12,6.39.02.31.33.18.72.18,1.09.01,2.73,0,5.46,0,8.19,0,3.11,0,6.22,0,9.33,0,.37.1.76-.18,1.17-.28.03-.6.1-.91.1-1.78-.01-3.56.07-5.39-.05-.06-.25-.12-.45-.15-.64-.02-.21,0-.41,0-.62,0-5.8,0-11.61,0-17.41,0-.37.04-.74.06-1.17Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M13.49,46.59c-.23-1.58-.2-5.28.03-6.39.55-.31,1.21-.18,1.82-.18,4.55-.01,9.1,0,13.64,0,5.18,0,10.36,0,15.54,0,.62,0,1.27-.1,1.95.18.05.28.17.6.17.91-.02,1.78.11,3.56-.08,5.39-.42.06-.74.12-1.07.15-.34.02-.69,0-1.04,0-9.67,0-19.34,0-29.02,0-.62,0-1.24-.04-1.95-.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M13.49,59.92c-.23-1.58-.2-5.28.03-6.39.55-.31,1.21-.18,1.82-.18,4.55-.01,9.1,0,13.64,0,5.18,0,10.36,0,15.54,0,.62,0,1.27-.1,1.95.18.05.28.17.6.17.91-.02,1.78.11,3.56-.08,5.39-.42.06-.74.12-1.07.15-.34.02-.69,0-1.04,0-9.67,0-19.34,0-29.02,0-.62,0-1.24-.04-1.95-.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M53.41.16c1.58-.23,5.28-.2,6.39.03.31.55.18,1.21.18,1.82.01,4.55,0,9.1,0,13.64,0,5.18,0,10.36,0,15.54,0,.62.1,1.27-.18,1.95-.28.05-.6.17-.91.17-1.78-.02-3.56.11-5.39-.08-.06-.42-.12-.74-.15-1.07-.02-.34,0-.69,0-1.04,0-9.67,0-19.34,0-29.02,0-.62.04-1.24.06-1.95Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.72.07c.41,1.58.35,5.28-.05,6.39-.99.31-2.17.18-3.27.18-8.19.01-16.37,0-24.56,0-9.33,0-18.65,0-27.98,0-1.12,0-2.28.1-3.51-.18-.1-.28-.31-.6-.3-.91C.08,3.78-.16,2,.2.16.96.1,1.54.04,2.12.01c.62-.02,1.24,0,1.86,0,17.41,0,34.82,0,52.23,0,1.12,0,2.23.04,3.51.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.72,26.74c.41,1.58.35,5.28-.05,6.39-.99.31-2.17.18-3.27.18-8.19.01-16.37,0-24.56,0-9.33,0-18.65,0-27.98,0-1.12,0-2.28.1-3.51-.18-.1-.28-.31-.6-.3-.91.03-1.78-.2-3.56.15-5.39.76-.06,1.34-.12,1.92-.15.62-.02,1.24,0,1.86,0,17.41,0,34.82,0,52.23,0,1.12,0,2.23.04,3.51.06Z\" style=\"fill: #943634;\"\/>\n<\/svg>\n                    <\/div>\n                    <p class=\"card-title\">Plataforma CIIDI<\/p>\n                <\/a>\n                \n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- SECCI\u00d3N: EJES TEM\u00c1TICOS -->\n    <section id=\"ejes\" class=\"thematic-axes-section\">\n        \n        <!-- 1. T\u00edtulo centrado y limitado por .container -->\n        <div class=\"container\">\n            <h2 class=\"section-title\">Ejes Tem\u00e1ticos<\/h2>\n        <\/div>\n        \n        <!-- 2. Cuadr\u00edcula fuera de .container para que ocupe todo el ancho (100vw) -->\n        <div class=\"axes-grid\">\n            \n            <!-- Eje Tem\u00e1tico 1: Fondo Blanco -->\n            <div class=\"axis-item\">\n                <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                    <!-- Icono de Hoja\/Sostenibilidad -->\n                    <svg ><\/svg>\n                <\/div>\n                <h3 class=\"axis-title\">La Acci\u00f3n Social Efectiva que tiene por objetivo el fortalecimiento para el desarrollo organizacional y asociativo de la propia organizaci\u00f3n o de la red para empoderarse y tener la capacidad de atender carencias sociales o incidir en la transformaci\u00f3n de lo institucionalizado. <\/h3>\n                <p class=\"axis-description\">\n                  Por ejemplo: gesti\u00f3n organizacional, mejora de la calidad, inteligencia artificial, inteligencia de negocios, comunicaci\u00f3n organizacional, capacitaci\u00f3n, cultura, imagen, responsabilidad social, gesti\u00f3n de recursos, capital intelectual, entre otros. \n\n                <\/p>\n            <\/div>\n\n            <!-- Eje Tem\u00e1tico 2: Fondo Naranja Claro -->\n            <div class=\"axis-item\">\n                <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                    <!-- Icono de Computadora\/Digital -->\n                    <svg ><\/svg>\n                <\/div>\n                <h3 class=\"axis-title\">La Acci\u00f3n Social Efectiva que tiene por objetivo atender, mejorar y solucionar problem\u00e1ticas asociadas con las carencias sociales, as\u00ed como la transgresi\u00f3n a los derechos humanos.<\/h3>\n                <p class=\"axis-description\">\n                    Por ejemplo, las acciones sociales efectivas realizadas para atender la violencia de g\u00e9nero, la falta de acceso a los servicios de salud o a la educaci\u00f3n, la inseguridad, la contaminaci\u00f3n, la insuficiencia alimentaria, la autocracia y la dictadura, los contenidos y la censura a los medios de comunicaci\u00f3n, el extractivismo o el desplazamiento forzado, entre otras.\n\n                <\/p>\n            <\/div>\n\n            <!-- Eje Tem\u00e1tico 3: Fondo Blanco -->\n            <div class=\"axis-item\">\n                <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                    <!-- Icono de M\u00e1scara\/Cultura -->\n                    <svg><\/svg>\n                <\/div>\n                <h3 class=\"axis-title\">La Acci\u00f3n Social Efectiva que tiene como prop\u00f3sito transformar lo institucionalizado a trav\u00e9s de Innovaci\u00f3n Democr\u00e1tica Institucional para garantizar los derechos humanos.<\/h3>\n                <p class=\"axis-description\">\n                    Por ejemplo, acciones sociales efectivas que buscan incidir en pol\u00edticas p\u00fablicas, la creaci\u00f3n de derechos o instituciones, transformar las estructuras y funcionamiento de las instancias gubernamentales, crear nuevas figuras jur\u00eddicas, propuestas de ley, creaci\u00f3n de protocolos de actuaci\u00f3n, creaci\u00f3n de programas y apoyos econ\u00f3micos y sociales para el fomento a la sociedad civil, entre otros.\n                <\/p>\n            <\/div>\n\n            <!-- Eje Tem\u00e1tico 4: Fondo Naranja Claro -->\n            <div class=\"axis-item\">\n                <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                    <!-- Icono de Coraz\u00f3n\/Salud -->\n                    <svg><\/svg>\n                <\/div>\n                <h3 class=\"axis-title\">La complejidad de la acci\u00f3n social efectiva.<\/h3>\n                <p class=\"axis-description\">\n                    En este eje se presentan ponencias que visibilicen la articulaci\u00f3n y circuitos de interdependencia entre las Acciones Sociales Efectivas de la organizaci\u00f3n o la red. Por ejemplo, experiencias que documentan y visibilizan la interdependencia de las tres modalidades de acci\u00f3n social efectiva. Las acciones sociales efectivas que realiza la organizaci\u00f3n o la red para su propio desarrollo organizacional y que expongan c\u00f3mo repercuti\u00f3 en otras acciones sociales efectivas que atendieron carencias sociales. Tambi\u00e9n pueden presentarse acciones sociales efectivas que realiza la organizaci\u00f3n o la red para su propio desarrollo organizacional y asociativo, que expongan como trascendi\u00f3 en otras acciones sociales efectivas que incidieron en cambios de lo institucionalizado, es decir que fueron alg\u00fan tipo de Innovaci\u00f3n Democr\u00e1tica Institucional. \n\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- NUEVA SECCI\u00d3N: REQUISITOS Y FORMALIDADES (ACORDE\u00d3N\/TABS) -->\n    <section id=\"requisitos\" class=\"about-event-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">REGISTRO Y REQUISITOS<\/h2>\n            \n            <div class=\"accordion-cards-container\">\n                \n                <!-- Contenedor principal para las 3 tarjetas y sus contenidos individuales -->\n                <div class=\"accordion-items-wrapper\">\n                    \n                    <!-- GRUPO 1: Tarjeta + Contenido de Fechas -->\n                    <div class=\"accordion-item\" data-content-id=\"fecha\">\n    <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSd8kKxu30SoF6kSUn5KqD-gBzVQZkZAV2j7eFFiuWucKuB0MQ\/viewform\" style=\"text-decoration: none; color: inherit;\">\n        <div class=\"accordion-card active\">\n            <div class=\"card-icon-small-placeholder\" aria-hidden=\"true\">\n                <svg><\/svg>\n            <\/div>\n            <p class=\"accordion-card-title\">Registro<\/p>\n        <\/div>\n    <\/a>\n                    \n                    <!-- GRUPO 1: Tarjeta + Contenido de Fechas -->\n                    <div class=\"accordion-item\" data-content-id=\"fecha\">\n                        <div class=\"accordion-card active\">\n                            <div class=\"card-icon-small-placeholder\" aria-hidden=\"true\">\n                                <svg ><\/svg>\n                            <\/div>\n                            <p class=\"accordion-card-title\">Requisitos de participaci\u00f3n<\/p>\n                        <\/div>\n                        <div id=\"content-fecha\" class=\"accordion-content-box content-item\">\n                            <p><strong>1.<\/strong> Comprobar adscripci\u00f3n a alguna organizaci\u00f3n acad\u00e9mica o de alguno de los tres sectores social, p\u00fablico o privado. <\/p>\n                            <p><strong>2.<\/strong> Evaluaci\u00f3n satisfactoria de la ponencia por parte del Comit\u00e9 organizador. <\/p>\n                          <p><strong>3.<\/strong>  Para obtener constancia debe cubrir un total de 90% de asistencia al congreso.<\/p>\n  \n                        <\/div>\n                    <\/div>\n                    \n                    <!-- GRUPO 2: Tarjeta + Contenido de Formato -->\n                    <div class=\"accordion-item\" data-content-id=\"formato\">\n                        <div class=\"accordion-card\">\n                            <div class=\"card-icon-small-placeholder\" aria-hidden=\"true\">\n                                <svg ><\/svg>\n                            <\/div>\n                            <p class=\"accordion-card-title\">Fechas importantes<\/p>\n                        <\/div>\n                         <div id=\"content-formato\" class=\"accordion-content-box content-item\">\n                            <p><strong>3 de noviembre de 2025 <\/strong>Publicaci\u00f3n de la convocatoria.<\/p>\n                            <p><strong>3 de noviembre de 2025 al 23 de enero de 2026 <\/strong>Inicia recepci\u00f3n de trabajos.<\/p>\n                            <p><strong>30 de enero de 2026 <\/strong>Inicia confirmaci\u00f3n de trabajos evaluados favorablemente.<\/p>\n                            <p><strong>31 de marzo de 2026 <\/strong>Fecha l\u00edmite de recepci\u00f3n de trabajos en extenso con calidad de art\u00edculo para la publicaci\u00f3n en libro (para quienes deseen participar en el libro).<\/p>\n                            <p><strong>30 de marzo al 10 de abril de 2026  <\/strong>Recepci\u00f3n de los videos de los trabajos evaluados favorablemente y que fueron seleccionadas para participar en mesas tem\u00e1ticas. Esta fecha es exclusivamente para autores que opten por la modalidad de presentaci\u00f3n en video. <\/p>\n                            <p><strong>A partir 31 de marzo de 2026 <\/strong>Publicaci\u00f3n del Programa.<\/p>\n                            <p><strong>A partir 31 de marzo de 2026 <\/strong>Registro.<\/p>\n                            <p><strong>22, 23 y 24 de abril 2026 <\/strong>Desarrollo del CIIDI2026. <\/p>\n                            <p><strong>Agosto de 2026 <\/strong>Publicaci\u00f3n del libro.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- GRUPO 3: Tarjeta + Contenido de Sedes -->\n                    <div class=\"accordion-item\" data-content-id=\"sedes\">\n                        <div class=\"accordion-card\">\n                            <div class=\"card-icon-small-placeholder\" aria-hidden=\"true\">\n                                <svg><\/svg>\n                            <\/div>\n                            <p class=\"accordion-card-title\">Env\u00edo de trabajos para participar en las mesas tem\u00e1ticas<\/p>\n                        <\/div>\n                        <div id=\"content-sedes\" class=\"accordion-content-box content-item\">\n                            <p><strong>1.<\/strong> En cada ponencia podr\u00e1n participar hasta dos autores.<\/p>\n                            <p><strong>2.<\/strong> El env\u00edo del trabajo para su evaluaci\u00f3n se realiza a trav\u00e9s del sitio web del evento: http:\/\/ase.unam.mx<\/p>\n                            <p><strong>3.<\/strong> Cada eje tem\u00e1tico contar\u00e1 con 3 evaluadores que emitir\u00e1n el dictamen de las propuestas en la modalidad doble ciego.<\/p>\n                            <p><strong>4.<\/strong> Los autores de los trabajos dictaminados favorablemente ser\u00e1n notificados a trav\u00e9s del sitio web del evento: http:\/\/ase.unam.mx.<\/p>\n                            <p><strong>5.<\/strong> Los autores de los trabajos dictaminados favorablemente y seleccionados para realizar la ponencia recibir\u00e1n a trav\u00e9s del correo electr\u00f3nico registrado la plantilla oficial del evento, as\u00ed como informaci\u00f3n de la mesa tem\u00e1tica en la que se presentar\u00e1 su ponencia.<\/p>\n                            <p><strong>6.<\/strong> Los autores de cada trabajo dictaminado favorablemente y seleccionado pueden elegir la modalidad de exposici\u00f3n o de video. En el caso de elegir la modalidad de video deber\u00e1 enviarlo en formato mp3.  En cualquiera de las dos modalidades se deber\u00e1 emplear la plantilla oficial y enviar una copia de la presentaci\u00f3n en formato ppt a la organizaci\u00f3n del congreso indicando la mesa, d\u00eda y hora de presentaci\u00f3n que le fue asignada.<\/p>\n                            <p><strong>7.<\/strong> El Comit\u00e9 evaluador seleccionar\u00e1 a los trabajos cuyos autores participar\u00e1n en modalidad presencial en alguna de las sedes de las instituciones participantes, con independencia de la modalidad de ponencia que se haya elegido.<\/p>\n                            <p><strong>8.<\/strong> Todos los autores deben estar presentes en tiempo real durante la mesa tem\u00e1tica, con independencia de la modalidad que haya elegido. Esto con la finalidad de contestar las respuestas de los asistentes al concluir la mesa y para recibir la constancia de participaci\u00f3n. En ning\u00fan caso de ausencia se entregar\u00e1 constancia como ponente.<\/p>\n                            <p><strong>9.<\/strong> La duraci\u00f3n de cada ponencia tendr\u00e1 una duraci\u00f3n de 15 minutos, con independencia de la modalidad, exposici\u00f3n o video, que se haya elegido. <\/p>\n\n                        <\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/section>\n    \n    <!-- NUEVA SECCI\u00d3N: DIN\u00c1MICA DEL EVENTO -->\n    <section id=\"dinamica\" class=\"dynamic-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">DIN\u00c1MICA DEL EVENTO<\/h2>\n            \n            <!-- 1. Texto Descriptivo -->\n            <div class=\"dynamic-intro-text\">\n                <p>\n                    El evento se realizar\u00e1 a trav\u00e9s de conferencias magistrales, un panel de especialistas y 4 mesas por eje tem\u00e1tico.\n                <\/p>\n                <p><strong>\n                   Todos los trabajos ser\u00e1n evaluados por un Comit\u00e9 evaluador y en acuerdo con el Comit\u00e9 organizador seleccionar\u00e1n los trabajos que integrar\u00e1n las mesas por eje tem\u00e1tico. \n                <\/strong><\/p>\n            <\/div>\n            \n            <!-- 2. Contenedor de 3 Partes (Flexbox con alternancia de fondo) -->\n            <div class=\"dynamic-grid\">\n                \n                <!-- Parte 1 (Original 1): Ponencias Magistrales (Fondo Blanco) -->\n                <div class=\"dynamic-item\">\n                    <h3 class=\"dynamic-title\">Conferencias Magistrales<\/h3>\n                    <p class=\"dynamic-description\">\n                        .\n                    <\/p>\n                <\/div>\n                \n                <!-- Parte 2 (Original 4): Mesas Redondas (Fondo Naranja Claro) -->\n                <div class=\"dynamic-item\">\n                    <h3 class=\"dynamic-title\">Panel de especialistas<\/h3>\n                    <p class=\"dynamic-description\">\n                       .\n                    <\/p>\n                <\/div>\n\n                <!-- Parte 3 (Original 5): Sesiones de P\u00f3steres (Fondo Blanco) -->\n                <div class=\"dynamic-item\">\n                    <h3 class=\"dynamic-title\">Mesas por eje tem\u00e1tico<\/h3>\n                    <p class=\"dynamic-description\">\n                        .\n                    <\/p>\n                <\/div>\n                \n            <\/div>\n            \n        <\/div>\n    <\/section>\n    \n    <!-- SECCI\u00d3N: PUBLICACIONES RESULTANTES -->\n    <section id=\"publicaciones\" class=\"publications-section\">\n        \n        <!-- 1. T\u00edtulo centrado y limitado por .container -->\n        <div class=\"container\">\n            <h2 class=\"section-title\">PUBLICACIONES RESULTANTES<\/h2>\n        <\/div>\n        \n        <!-- 2. Cuadr\u00edcula fuera de .container para que ocupe todo el ancho (100vw) -->\n        <div class=\"publication-item-grid\">\n            \n            <!-- Parte 1: Proceedings del Evento (Fondo Naranja Claro) -->\n            <div class=\"publication-item\">\n                <h3 class=\"publication-item-title\">Memoria del evento<\/h3>\n                <p class=\"publication-item-description\">\n                    Los res\u00famenes de los trabajos seleccionados para presentarse en cada mesa por eje tem\u00e1tico y de todos los trabajos evaluados favorablemente, ser\u00e1n publicados en una Memoria que se aloja en el repositorio del CIIDI2026 y contar\u00e1n con DOI de la plataforma Zenodo.\n                <\/p>\n            <\/div>\n\n            <!-- Parte 2: Revistas Asociadas (Fondo Blanco) -->\n            <div class=\"publication-item\">\n                <h3 class=\"publication-item-title\">Trabajos en extenso<\/h3>\n    \n                <p class=\"publication-item-description\">\n                    Los trabajos en extenso dictaminados favorablemente que cumplan con los requisitos de un art\u00edculo, y que deseen participar, se publicar\u00e1n en el libro \u201cExperiencias de redes de acci\u00f3n social efectiva para la atenci\u00f3n de carencias sociales\u201d. La extensi\u00f3n ser\u00e1 de entre 8.000 hasta 10.000 palabras. Tipo de letra Times New Roman, tama\u00f1o de letra N\u00b012, interlineado 1,5 y norma de citaci\u00f3n y referencia bibliogr\u00e1fica APA 7.\n                <\/p>\n                \n            <\/div>\n            \n        <\/div>\n    <\/section>\n    \n    <!-- NUEVA SECCI\u00d3N: ACCESO VIRTUAL -->\n    <section id=\"online\" class=\"online-direction-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">ACCESO VIRTUAL<\/h2>\n            \n            <!-- 1. Texto Descriptivo -->\n            <div class=\"online-direction-text\">\n                <p>\n                    La participaci\u00f3n virtual se canaliza a trav\u00e9s de dos plataformas principales:\n                <\/p>\n            <\/div>\n            \n            <!-- 2. Contenedor de Tarjetas (Dos tarjetas blancas) -->\n            <div class=\"online-cards-grid\">\n                \n                <!-- Tarjeta 1: Reuni\u00f3n (Conferencia \/ Interacci\u00f3n) -->\n                <a href= https:\/\/cuaed-unam-mx.zoom.us\/j\/3406032626 class=\"online-card\">\n                    <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                        <!-- \u00cdcono de M\u00faltiples Usuarios (Reuni\u00f3n) -->\n                        <svg id=\"Capa_1\" data-name=\"Capa 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\">\n  <path d=\"M32.93,13.4c.22,1.58.2,5.28-.03,6.39-.55.31-1.2.18-1.8.18-4.51.01-9.03,0-13.54,0-5.14,0-10.29,0-15.43,0-.62,0-1.26.1-1.94-.18-.05-.28-.17-.6-.17-.91.02-1.77-.11-3.55.08-5.39.42-.06.74-.12,1.06-.15.34-.02.69,0,1.03,0,9.6,0,19.2,0,28.8,0,.62,0,1.23.04,1.93.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M32.93,40.07c.22,1.58.2,5.28-.03,6.39-.55.31-1.2.18-1.8.18-4.51.01-9.03,0-13.54,0-5.14,0-10.29,0-15.43,0-.62,0-1.26.1-1.94-.18-.05-.28-.17-.6-.17-.91.02-1.77-.11-3.55.08-5.39.42-.06.74-.12,1.06-.15.34-.02.69,0,1.03,0,9.6,0,19.2,0,28.8,0,.62,0,1.23.04,1.93.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M.07,13.49c1.58-.23,5.28-.2,6.39.03.31.55.18,1.21.18,1.82.01,4.55,0,9.1,0,13.64,0,5.18,0,10.36,0,15.54,0,.62.1,1.27-.18,1.95-.28.05-.6.17-.91.17-1.77-.02-3.55.11-5.39-.08-.06-.42-.12-.74-.15-1.07-.02-.34,0-.69,0-1.04,0-9.67,0-19.34,0-29.02,0-.62.04-1.24.06-1.95Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M26.74,13.49c1.58-.23,5.28-.2,6.39.03.31.55.18,1.21.18,1.82.01,4.55,0,9.1,0,13.64,0,5.18,0,10.36,0,15.54,0,.62.1,1.27-.18,1.95-.28.05-.6.17-.91.17-1.77-.02-3.55.11-5.39-.08-.06-.42-.12-.74-.15-1.07-.02-.34,0-.69,0-1.04,0-9.67,0-19.34,0-29.02,0-.62.04-1.24.06-1.95Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.97,15.93c-.9-1.54-1.72-3.12-2.74-4.65-.25.08-.45.12-.63.19-.19.09-.36.2-.54.31-.91.52-1.81,1.05-2.72,1.57-2.24,1.29-4.47,2.58-6.7,3.87-1.89,1.09-3.78,2.18-5.66,3.27-.32.18-.61.4-.97.62v17.78c.36.23.65.45.97.63,1.88,1.09,3.77,2.18,5.66,3.27,2.23,1.29,4.46,2.58,6.7,3.87.91.52,1.81,1.05,2.72,1.57.18.1.35.22.54.3.18.08.38.12.63.2,1.02-1.54,1.84-3.12,2.74-4.65,0-.01,0-.01,0-.02V15.95s0-.01,0-.02ZM53.34,38.99c-.67-.38-1.33-.77-2-1.15-1.57-.9-3.13-1.81-4.69-2.71v-10.25c1.56-.9,3.12-1.81,4.69-2.71.67-.38,1.33-.77,2-1.15v17.97Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M40.01,38.86v.03s-.01-.01-.01-.01c0-.01.01-.01.01-.02Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M40,21.12s.01,0,.01-.01v.03s-.01-.01-.01-.02Z\" style=\"fill: #943634;\"\/>\n<\/svg>\n                    <\/div>\n                    <p class=\"card-title\">Sala de conferencias en Zoom<\/p>\n                    \n                <\/a>\n                \n                <!-- Tarjeta 2: Transmisi\u00f3n de Red (Streaming) -->\n                <a href= https:\/\/www.youtube.com\/@rase-reddeaccionsocialefectiva class=\"online-card\">\n                    <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                        <!-- \u00cdcono de Video \/ Transmisi\u00f3n -->\n                        <svg id=\"Capa_1\" data-name=\"Capa 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\">\n  <path d=\"M53.24,29.59c-.66-.63-1.42-.97-2.13-1.37-1.18-.68-2.36-1.37-3.54-2.05-5.09-2.95-10.2-5.89-15.3-8.84-5.13-2.96-10.27-5.93-15.41-8.88-.38-.22-.76-.44-1.14-.66-.74-.43-1.46-1-2.28-1.12h0c-.82.79-2.69,3.95-3.22,5.48v35.7c.53,1.53,2.38,4.66,3.21,5.48h.06c.8-.14,1.52-.7,2.24-1.11.38-.22.76-.44,1.14-.66,5.14-2.96,10.28-5.92,15.41-8.89,5.1-2.94,10.21-5.89,15.3-8.83,1.18-.69,2.36-1.37,3.54-2.05.71-.41,1.47-.75,2.13-1.37h0c.04-.14.07-.28.09-.42-.02-.14-.05-.28-.09-.41ZM16.84,43.91c0-5.11,0-10.23,0-15.34v-12.48c8.03,4.65,16.05,9.28,24.08,13.91-8.03,4.64-16.06,9.28-24.09,13.91Z\" style=\"fill: #943634;\"\/>\n<\/svg>\n                    <\/div>\n                    <p class=\"card-title\">Transmisi\u00f3n de YouTube<\/p>\n                   \n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- NUEVA SECCI\u00d3N: SEDE DEL EVENTO -->\n    <section id=\"presencial\" class=\"presencial-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">SEDE DEL EVENTO<\/h2>\n            \n            <div class=\"presentation-content\">\n                <p> Auditorio Mario de la Cueva, Torre II de Humanidades, piso 14. Ciudad Universitaria <\/p>\n            <\/div>\n\n            <div class=\"link-card-grid\">\n                <!-- Tarjeta 1: Mapa -->\n                <a href=\"https:\/\/maps.app.goo.gl\/NxrXYyNSwXnCejP78\" class=\"link-card\">\n                    <div class=\"card-icon-placeholder\" aria-hidden=\"true\">\n                        <!-- Icono de Mapa\/Ubicaci\u00f3n -->\n                        <svg id=\"Capa_1\" data-name=\"Capa 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\">\n  <path d=\"M33.3,13.4c.05,1.58.04,5.28,0,6.39-.11.31-.24.18-.37.18-.92.01-1.84,0-2.76,0-1.05,0-2.1,0-3.15,0-.13,0-.26.1-.39-.18-.01-.28-.03-.6-.03-.91,0-1.77-.02-3.55.02-5.39.09-.06.15-.12.22-.15.07-.02.14,0,.21,0,1.96,0,3.91,0,5.87,0,.13,0,.25.04.39.06Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.72,26.74s.02.07.02.1c-.29-.06-.75-.1-1.29-.13.41.01.83.02,1.27.03Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.98,30.87v-1.88c.03.62.03,1.28,0,1.88Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M57.3,59.99c.46-.01.92-.02,1.39-.02-.45.04-.92.03-1.39.02Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.98,57.54v-1.88c.03.62.03,1.27,0,1.88Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.74,26.84c-.29-.06-.75-.1-1.29-.13-.24-.01-.49-.02-.75-.02-.22-.01-.43-.01-.64-.01-.28-.01-.56-.01-.84-.01h-15.66c1.11-4.15,2.23-8.28,3.33-12.43-.67-2.53-1.35-5.07-2.03-7.6-.39-1.44-.77-2.87-1.16-4.31,0-.02-.01-.03-.01-.05-.2-.73-.43-1.44-.68-2.27h-.07C33.29,0,26.65,0,20,0h0c-.25.85-.49,1.58-.69,2.33-.22.82-.44,1.64-.66,2.46-.16.62-.33,1.23-.5,1.85-.67,2.53-1.35,5.06-2.03,7.6,1.11,4.15,2.22,8.29,3.33,12.43H3.19c-.51,0-1.03.01-1.51.03-.44.03-.91.09-1.48.13-.11.58-.17,1.16-.19,1.73v1.35C0,38.38,0,46.84,0,55.32v1.26c.02.78.05,1.54.04,2.31,0,.31.2.63.3.91,1.23.28,2.39.17,3.51.18h27.98c7.57,0,15.12.01,22.69-.01h1.87c.26,0,.52.01.78.02h.12c.46-.01.92-.02,1.39-.02.34-.02.67-.08.98-.17.17-.44.27-1.3.31-2.26v-1.88c.01-4.45,0-8.9,0-13.35,0-3.82.01-7.63,0-11.44v-1.88c-.03-.82-.11-1.6-.24-2.15ZM22.99,14.24c.67-2.53,1.35-5.06,2.02-7.59h9.98c.67,2.53,1.35,5.05,2.03,7.58-1.11,4.15-2.22,8.29-3.34,12.44-.59,2.21-1.18,4.43-1.78,6.64-.55,2.07-1.11,4.13-1.66,6.2-.08.3-.16.6-.24.9-.63-2.37-1.27-4.73-1.9-7.1-.6-2.21-1.19-4.43-1.78-6.64-1.11-4.14-2.22-8.29-3.33-12.43ZM6.64,53.34c0-3.68,0-7.35,0-11.03,0-3,0-6,0-9,4.86.01,9.72,0,14.58,0,1.78,6.65,3.56,13.29,5.34,19.93.01.03.02.07.03.1H6.64ZM33.44,53.25c1.78-6.65,3.56-13.29,5.34-19.94,4.86,0,9.71.01,14.56,0v20.03h-19.92s.01-.06.02-.09Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M.2,26.83c-.11.58-.17,1.16-.19,1.73,0-.55.04-1.11.06-1.74.42-.06.98-.1,1.61-.12-.44.03-.91.09-1.48.13Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M4.66,59.98c-1.48.01-2.97.08-4.5-.09-.06-.42-.12-.74-.15-1.07-.02-.34,0-.69,0-1.03v-1.21c.02.78.05,1.54.04,2.31,0,.31.2.63.3.91,1.23.28,2.39.17,3.51.18h.8Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M56.4,59.97c.26,0,.52.01.78.02-.88.01-1.76.03-2.65-.02h1.87Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.98,57.85c0,.63.1,1.27-.18,1.95-.28.06-.6.18-.91.17h-.2c.34-.02.67-.08.98-.17.17-.44.27-1.3.31-2.26v.31Z\" style=\"fill: #943634;\"\/>\n  <path d=\"M59.98,28.99c-.03-.82-.11-1.6-.24-2.15.02,0,.04.01.06.01.3.55.17,1.2.18,1.82v.32Z\" style=\"fill: #943634;\"\/>\n<\/svg>\n                    <\/div>\n                    <p class=\"card-title\">Ver en Google Maps<\/p>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- NUEVA SECCI\u00d3N: COMIT\u00c9 ORGANIZADOR -->\n    <section id=\"comite\" class=\"organizing-committee-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Comit\u00e9 Organizador<\/h2>\n\n            <div class=\"committee-grid\">\n                \n                <!-- Miembro 1 -->\n                <div class=\"committee-member-card\">\n                    <div class=\"member-icon\">\n                        <!-- \u00cdcono de Persona 1: Estrella -->\n                        <svg><\/svg>\n                    <\/div>\n                    <p class=\"member-name\">Dra. Lucia Patricia Carrillo Vel\u00e1zquez.<\/p>\n                    <p class=\"member-detail\"><strong>Nodo:<\/strong> RASE-UNAM M\u00e9xico<\/p>\n                    <p class=\"member-detail\"><strong>Instituci\u00f3n:<\/strong> CEIICH, UNAM<\/p>\n                    <p class=\"member-detail\"><strong>Ocupaci\u00f3n:<\/strong> Coordinadora del Laboratorio TIDI y de la RASE<\/p>\n                    <p class=\"member-detail\"><strong>Coordinaci\u00f3n general<\/strong><\/p>\n                <\/div>\n                \n                <!-- Miembro 2 -->\n                <div class=\"committee-member-card\">\n                    <div class=\"member-icon\">\n                        <!-- \u00cdcono de Persona 2: Globo Terr\u00e1queo -->\n                        <svg><\/svg>\n                    <\/div>\n                    <p class=\"member-name\">Dra. Nancy Janet Tejeda Ru\u00edz.<\/p>\n                    <p class=\"member-detail\"><strong>Nodo:<\/strong> RASE-UNAM M\u00e9xico<\/p>\n                    <p class=\"member-detail\"><strong>Instituci\u00f3n:<\/strong> Laboratorio TIDI, CEIICH, UNAM. <\/p>\n                    <p class=\"member-detail\"><strong>Ocupaci\u00f3n:<\/strong>  Integrante de la RASE, Investigadora postdoctoral. Becaria de la Secretar\u00eda de Ciencias, Investigaci\u00f3n, Humanidades y Tecnolog\u00eda e Innovaci\u00f3n (SECIHTI)<\/p>\n                <\/div>\n\n                <!-- Miembro 3 -->\n                <div class=\"committee-member-card\">\n                    <div class=\"member-icon\">\n                        <!-- \u00cdcono de Persona 3: Libro -->\n                        <svg><\/svg>\n                    <\/div>\n                   <p class=\"member-name\">Dr. Jorge Calder\u00f3n Roque.<\/p>\n                    <p class=\"member-detail\"><strong>Nodo:<\/strong> Nodo RASE-UNSA Per\u00fa<\/p>\n                    <p class=\"member-detail\"><strong>Instituci\u00f3n:<\/strong>Universidad Nacional de San Agust\u00edn de Arequipa.<\/p>\n                    <p class=\"member-detail\"><strong>Ocupaci\u00f3n:<\/strong> Profesor de la Escuela Profesional de Ciencias de la Comunicaci\u00f3n. <\/p>\n                <\/div>\n                \n                <!-- Miembro 4 -->\n                <div class=\"committee-member-card\">\n                    <div class=\"member-icon\">\n                        <!-- \u00cdcono de Persona 4: Computadora -->\n                        <svg ><\/svg>\n                    <\/div>\n                    <p class=\"member-name\">Dr. N\u00e9stor Cruz.<\/p>\n                    <p class=\"member-detail\"><strong>Nodo:<\/strong>RASE-UCASAL Argentina<\/p>\n                    <p class=\"member-detail\"><strong>Instituci\u00f3n:<\/strong> Universidad Cat\u00f3lica de Salta.<\/p>\n                    <p class=\"member-detail\"><strong>Ocupaci\u00f3n:<\/strong> Profesor investigador de la Facultad de Econom\u00eda y Administraci\u00f3n. <\/p>\n                <\/div>\n\n                <!-- Miembro 5 -->\n                <div class=\"committee-member-card\">\n                    <div class=\"member-icon\">\n                        <!-- \u00cdcono de Persona 5: L\u00e1piz\/Pluma -->\n                        <svg ><\/svg>\n                    <\/div>\n                   <p class=\"member-name\">Dr. Claudio D\u00edaz Herrera.<\/p>\n                    <p class=\"member-detail\"><strong>Nodo:<\/strong> RASE-UCM Chile<\/p>\n                    <p class=\"member-detail\"><strong>Instituci\u00f3n:<\/strong> Universidad Cat\u00f3lica del Maule.<\/p>\n                    <p class=\"member-detail\"><strong>Ocupaci\u00f3n:<\/strong> Acad\u00e9mico e investigador de la Facultad de Ciencias Sociales y Econ\u00f3micas.<\/p>\n                <\/div>\n\n                <!-- Miembro 6 -->\n                <div class=\"committee-member-card\">\n                    <div class=\"member-icon\">\n                        <!-- \u00cdcono de Persona 6: C\u00e1mara\/Medios -->\n                        <svg><\/svg>\n                    <\/div>\n                   <p class=\"member-name\">Dra. Mar\u00eda Saavedra Guti\u00e9rrez.<\/p>\n                    <p class=\"member-detail\"><strong>Nodo:<\/strong> RASE-USAL Espa\u00f1a<\/p>\n                    <p class=\"member-detail\"><strong>Instituci\u00f3n:<\/strong> Universidad de Salamanca.<\/p>\n                    <p class=\"member-detail\"><strong>Ocupaci\u00f3n:<\/strong> Profesora de la Facultad de Derecho<\/p>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/section>\n    \n<\/main>\n\n<!-- PIE DE P\u00c1GINA (FOOTER) -->\n<footer>\n    <div class=\"footer-content\">\n        <p>\n        <\/p>\n        <p>\n            Contacto: <a href=\"mailto:redacci\u00f3nsocialefectiva@gmail.com\">redacci\u00f3nsocialefectiva@gmail.com<\/a> \n        <\/p>\n        <!-- Se elimin\u00f3 la secci\u00f3n .social-links -->\n    <\/div>\n<\/footer>\n\n\n<!-- JavaScript para gestionar el men\u00fa m\u00f3vil y el acorde\u00f3n -->\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ --- L\u00f3gica del Men\u00fa M\u00f3vil ---\n        const menuButton = document.getElementById('mobile-menu-button');\n        const mainMenu = document.getElementById('main-menu');\n        \n        menuButton.addEventListener('click', () => {\n            const isMenuOpen = mainMenu.style.display === 'flex'; \n            if (isMenuOpen) {\n                mainMenu.style.display = 'none';\n            } else {\n                mainMenu.style.display = 'flex';\n            }\n        });\n\n        \/\/ Cierra el men\u00fa m\u00f3vil al hacer clic en un enlace de anclaje\n        const links = mainMenu.querySelectorAll('a');\n        links.forEach(link => {\n            link.addEventListener('click', () => {\n                if (window.innerWidth < 1024) {\n                    mainMenu.style.display = 'none';\n                }\n            });\n        });\n\n        \/\/ Asegura que el men\u00fa se muestre autom\u00e1ticamente en desktop si se redimensiona\n        window.addEventListener('resize', () => {\n            if (window.innerWidth >= 1024) {\n                mainMenu.style.display = 'flex'; \n            }\n        });\n\n        \/\/ --- L\u00f3gica del Acorde\u00f3n (Tarjetas) ---\n        const accordionCards = document.querySelectorAll('.accordion-card');\n        const contentItems = document.querySelectorAll('.accordion-content-box');\n\n        const hideAllContent = () => {\n            contentItems.forEach(content => {\n                content.style.display = 'none';\n                content.classList.remove('accordion-content-item-visible');\n            });\n        };\n        \n        \/\/ Ocultar todos los contenidos al inicio (excepto el activo por defecto)\n        hideAllContent();\n        \n        \/\/ Mostrar el contenido de la tarjeta activa por defecto al cargar\n        const initialActiveCard = document.querySelector('.accordion-card.active');\n        if (initialActiveCard) {\n            const parentItem = initialActiveCard.closest('.accordion-item');\n            const targetContent = parentItem.querySelector('.accordion-content-box');\n            if (targetContent) {\n                targetContent.style.display = 'block';\n                targetContent.classList.add('accordion-content-item-visible');\n            }\n        }\n\n\n        accordionCards.forEach(card => {\n            card.addEventListener('click', function() {\n                const parentItem = this.closest('.accordion-item');\n                const targetContent = parentItem.querySelector('.accordion-content-box');\n                \n                \/\/ Si la tarjeta ya est\u00e1 activa, la desactivamos y ocultamos su contenido\n                if (this.classList.contains('active')) {\n                    this.classList.remove('active');\n                    if (targetContent) {\n                        targetContent.style.display = 'none';\n                        targetContent.classList.remove('accordion-content-item-visible');\n                    }\n                    return; \n                }\n\n                \/\/ 1. Desactivar todas las tarjetas y ocultar todos los contenidos\n                accordionCards.forEach(c => c.classList.remove('active'));\n                hideAllContent();\n\n                \/\/ 2. Activar la tarjeta clicada\n                this.classList.add('active');\n                \n                \/\/ 3. Mostrar el contenido espec\u00edfico con animaci\u00f3n\n                if (targetContent) {\n                    targetContent.style.display = 'block';\n                    targetContent.classList.add('accordion-content-item-visible');\n                    \n                    \/\/ Animaci\u00f3n (Reinicio de CSS Animation)\n                    targetContent.style.animation = 'none';\n                    targetContent.offsetHeight; \n                    targetContent.style.animation = null; \n                    targetContent.style.animation = 'fadeIn 0.5s ease-out';\n                }\n            });\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Encabezado Puro y Responsivo (Sitio Web Completo) PRESENTACI\u00d3N PROGRAMA EJES TEM\u00c1TICOS REGISTRO Y REQUISITOS DIN\u00c1MICA DEL EVENTO PUBLICACIONES RESULTANTES ACCESO VIRTUAL SEDE DEL EVENTO COMIT\u00c9 ORGANIZADOR El CIIDI2026 se llevar\u00e1 a cabo en modalidad presencial y a distancia. Debes realizar tu registro . Ir a registro Presentaci\u00f3n del Evento Las experiencias de investigaci\u00f3n-docencia interdisciplinaria y [&hellip;]<\/p>\n","protected":false},"author":58274,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3529","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ase.unam.mx\/index.php?rest_route=\/wp\/v2\/pages\/3529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ase.unam.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ase.unam.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ase.unam.mx\/index.php?rest_route=\/wp\/v2\/users\/58274"}],"replies":[{"embeddable":true,"href":"https:\/\/ase.unam.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3529"}],"version-history":[{"count":79,"href":"https:\/\/ase.unam.mx\/index.php?rest_route=\/wp\/v2\/pages\/3529\/revisions"}],"predecessor-version":[{"id":3882,"href":"https:\/\/ase.unam.mx\/index.php?rest_route=\/wp\/v2\/pages\/3529\/revisions\/3882"}],"wp:attachment":[{"href":"https:\/\/ase.unam.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}