# Galería de Proyectos
## Contenido
- [[#Educación y Pedagogía]]
- [[#Psicología y Bienestar]]
- [[#Derecho y Ciencias Sociales]]
- [[#Contabilidad y Finanzas]]
- [[#Empresa, Marketing y Otros]]
## Educación y Pedagogía
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; font-family: sans-serif; margin-bottom: 40px;">
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SRjQBsw72AFG3btKKHeSphlPUZuw4rRC9d9gW7lK6zzePk4DmhvAUNQEfx6g7a79B5RqPjiRhLiyqv5Sa_cUeqCHUKwTJfUUNwQRCy4-arAWEB74FTaGztyDRkCNHq0d9ilJrWxCE1BTg-Xbw9I_XW4XnGzvnEXxPPM-XXvkl4OJmRz5aUKDCf-kcg=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Educacion inclusiva con tecnologia</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">PRESENTACION DEL PROYECTO</p>
<a href="https://sites.google.com/view/educacioninclusivacontecnologi/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SQw61GYX6i0bOiYcqKrPRQx1J0Gk2RzTRIcxMLOKra8orDS2F8hBG9hpfjkS2PBUGJDpuSNFVjmEJbwqn_JAAoS47iImJAy2jB0iha1XMbtAlt3g1rOPJ6wHuRIyvJmHVwrCEazsrxlHfQQRsbNekxIGeCi7G9huLMFIIYKtCkYtOmxSFVQztDY1y6nEclGjoXjmCnLL_mCBsWpVvsN6NynqiJuxvAqxNKhpbQ=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Proyecto</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">✨ “Aprender jugando no es solo diversión, es una forma inteligente de fortalecer la lectoescritura y despertar el amor por el conocimiento.” 🎮📚</p>
<a href="https://sites.google.com/view/proyectofinalcypd/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SRIeEnhpCa5jQl12anO6_35LJijyn0gErY1Cvd0kJyz156ByvaDLk6XROuGCeTZu4URD1so24TNSPSsxbBr4FJk4pcUZktzVQVgygsIFa1fe6IJABQgaAJ9UWzorx8MKtBP_Inmfy-vWWHYjt8L8_xtgQi22MmPlqdUsDuUckvADH42OwFK8jbD=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Gamificación educativa con plataformas digitales para fortalecer la lectoescritura.</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Bienvenidos✏️</p>
<a href="https://sites.google.com/view/gamificacineducativa-/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SSZ03dTU44bStSgxw0Mqdje3lIaarZZuoj-xdVn4G3_I0nuKr6r9x-sh66SV0IvIo6pyV7CGcBe8G7QsYkb2dWgw5BUEiankWsj3MZfhlTS1RzaZFvUqcnBzNqzfm-173nzBWflu1f7Ayp8q8Wj0_OAPO-r1ZFNyy3Lxj5QcO0OHsaLLXnI1v0ckvP_evWcbjyzC3rWdPV84lVNPP5hJgbSiShiwEDNJTed=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Educación Inicial</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;"></p>
<a href="https://sites.google.com/view/02-educacioninicial/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0STFxriH4Am5N27g2aI6eTuKj996pPvgypI3tPSJhFhS2DsYrOY0t5ah9CBoMPN10gCc5v8zacqaCDVmWZoybDkIFHXknNYjAj9gsoYp5wfAoDsM8-1xLzNIVBI37EdSI-1t-O7jOLUNr-ndNR5eFv2hxEaDd0sl5o106pzYcSKT-BliGObBTfle=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">INICIO</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">En la actualidad, el docente cumple un papel clave frente a las nuevas tecnologías educativas. Los estudiantes tienen acceso inmediato a la información, pero necesitan orientación para aprender a usarla de manera crítica y responsable. El maestro ya no es solo transmisor de contenidos, sino guía y</p>
<a href="https://sites.google.com/view/ivan-cabezas-producto-final/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SQF_mmpy4QBkEObtEBceYRAqO7edJPMMUBKjyzibhqtqI4OGBO4ICnlDRYmPWUdqZjWouF9O7Od47Gu5gAqdKDzQrl_lvyvPjUuaVyW9ce3n4SIWx62RvecNt4XZwoyBwLLOF6WdXxFOqa800PYuatEk5y2vyjBy8VC_kAkyLjWaviGqeiFUrf1aW9ICE3FspqawxiIgxBtWQHEY90IynKWrdcUySPdYfKyD1g=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Redes sociales y Educación Física</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">BIENVENIDOS</p>
<a href="https://sites.google.com/view/redessocialesyeducacinfsica/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SSLCT-7QByNg1UIae0I1hVEvW1hbNp4_hPafTbXs0ssLVD4CY5VWGf57VIwLKgqzD2uQcUFyvwe7lbeGQorTyRE9TBYjs90jL8qr1jYFteyIuEoqiTgJ0DMNUtaek80_ZFi3IK8Ne4vkoYOJJjcDXLDtjTAmIq-Ixi1WKetaDbi3Pnc-vPuSeiqv_m0lQEaTiFM80-0_vClLYv7wNPGa3jf7B6XuE6Ps4T0=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Psicoeducación Digital</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;"></p>
<a href="https://sites.google.com/view/psicoeducacindigital/p%C3%A1gina-principal" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkfc6E9Po5I1Af2R82EjIziPtkjzehdsID6WQP9mL853yyL5Cpt9Q8eeVD1JFKtZqMbmJyfxN2FTeZH7aDTh4tKpN-pEfudb-qGyzMhhEK2ctKUlW8vIRFmxDeSrBckLjOR4k8jAa0h9yOca1yiTcbRVhBw-Z73nl2M_RvA4JhkDMumWXfcrWZ_X=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">“Aprendizaje activo mediante juegos educativos digitales”</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">BIENVENIDO</p>
<a href="https://sites.google.com/view/proyecto-karlanvrzf/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkfuTr8zj9oG9dZjqbQJvC2WPZBAec8IWKYr7xojI1P66gb3cmyWsQ8XKTySWPM-Xkfj7Dq7L4jSDQCXHY-mz3OXmK6PMylzGFCVn9IsJeLswMLq1mWlnJou5YcZ-n4STJxri-hdoE5WUnmXlTsbwvU5voGtQ0Y2gc6gMQfHOB1S73h8N5QJx1gO8NM=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Educación artificial</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Impactos de la inteligencia artificial en el aprendizaje moderno</p>
<a href="https://sites.google.com/view/educacion-artificial/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkeIKSLAk8uB9rFyOQa84yVFXUZ6Y5XfGsCp24LpzI_UCTG_emHW_T_-hA44VjONm4bBiB2RPW97q46Ji7YRXrnsBNhoEkPWsuHgnm45vhjG_X7YHspwuPi4HmTfb39L-mn5ULM88FBnY3b7NClB4Z0OtPg3fnDCe3kXm6VOUTN6vL4at3aoAfjV9uqJSBdUOhI8IxsfLAJr69zoAg0hZhMndWbRy32BJUQrRXw=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">“Uso de inteligencia artificial para la personalización del aprendizaje infantil”</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">BIENVENIDOS</p>
<a href="https://sites.google.com/view/josselynproyecto/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
</div>
## Psicología y Bienestar
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; font-family: sans-serif; margin-bottom: 40px;">
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0STs9wdD-Pvpn1CoRu32PcrlfDeD0XRMtwqfYwLWwcPn3akExioWTjkOiwt4a5qvt0s2X1IkjDKlpFq_KfjyfIZMQ5mqSMQhJmtW2oXMRhk0AiDJI1Dp7NVQAdA5Kc5mtzJySZJYP6TuArdkgK5eFS-VnpGr3JdSYuSz6b66W0IFQyJ28u3znOPXhz9ALlyi30brDCpg68dMIkwo-0ZcnS34Wb4EdSxiZnKECto=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Ciberpsicología: impacto de las redes sociales en la conducta humana</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;"></p>
<a href="https://sites.google.com/view/ciberpsicologa-impacto/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SSPzKfzfqBH5in87UGIiLFPTk9pb4tpZ6T9tm9i7k99nG__NIH9a-A3YfIl-UpF6OfYJPE-zJKQ9IrchSVmhXODPg8dqQP3YuvJTdbPXw22i43tCyM0R_h4UiU4iXcUyCdfbrCyVvQCtVcTv4vGeNd921qYyBF0xjSuESp1vCPWbWKsDbaF_8Okb28FZhIl6p2NEntFpzcsxsW4fP7e3B4JFQPf9ByuDODY=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">DISMÓRFIA CORPORAL</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">“La belleza real no se mide en likes, se construye en la aceptación y el bienestar emocional</p>
<a href="https://sites.google.com/view/dismrfiacorporal/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SSIJbGpmgVmT4by-IU_HIzodQIA6-J1jm94huRRGOmat9pRhkfZOoSUIPU1MShCkRO0AgEPPmEQGX8y0NgMNUQ9gIqyz49K0JHeIyyldYKAEITQDhSxQUI_gZ06v8ZmZB0KC5HaKDmiCtWZf4Pk0J0SYQA0pCBrhheQtmQXcv81N-v9Xtfr37bt=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Emo Tech</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Bienvenido a EmoTech. En este espacio exploramos cómo la tecnología, bien utilizada, puede convertirse en un aliado poderoso para que los niños de 3 a 5 años aprendan a reconocer y gestionar sus emociones.</p>
<a href="https://sites.google.com/view/emotechuti/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SQ0WzaeyNQHSDRpxzS2rNUFMCryiRRw2HcmU8_mYooN1CB3VnIfhr737UkDSq8388vMesZBZRRueweZ10Kb4GA-CCdHvr4P7NpAGA2O0cMx5puaXClUcB3SdMQG443wr9LoSymJVPQebhTsQuIdGRLItFMVWUDoW7amHEXHEufAze7TlgFllbN0X3cGz3lhIF_M6Ym-e0Si8iU2GsDxrxjAvzzbMtlIQFWSYbc=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Serena-Tu-Mente</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">¡Bienvenidos!</p>
<a href="https://sites.google.com/view/serena-tu-mente/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkeuX-wevTmst_GMHQ12DTgiPQVgElXoV1NeHfev42YHECHRzT-r3yXCUslSmQf7dYGZgXLVlgFu9a0NI1x8R6eNi6Ai6vGDEcC5ph6XtB88STkm_J6EGBYUH32mq904gHkoNe2kSn0vHOIwu3bwPYohWiqWUVa-AdhKXnHkLNnNonCKfSN0xxVoV6QLUro67s6H_u1djMTMl-FO8ny1rgeie_m2h6Ir0kfo=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Ciberbullying: Prevención y Apoyo.</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Objetivo del Proyecto</p>
<a href="https://sites.google.com/view/ciberbullying-proyecto-b25-eb/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
</div>
## Derecho y Ciencias Sociales
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; font-family: sans-serif; margin-bottom: 40px;">
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkfkupmx4Yce5lyCFJ5ElwPegnkVghLOJVEJ0lNUty-LpEJYRBn08Jg1ih_6g8tQ2e1JtaVAP3Z9NpuZcpGVntaI2ivcG4B82HdLzoSrCBMqjszxPH4qUFRvTyqSmq1awDWBV-0lfJcdLxCFC6kQBQZ_iXNRwMqt887yYzkkn-_xexTKkFzummaXfXKtp81UoduGA3rwE6OJZQwPSk--mqak0a0H3W-SeGSwnM8=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Proyecto del módulo</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">TE DAMOS LA BIENVENIDA</p>
<a href="https://sites.google.com/view/proyectodelmdulo/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCke7qfnfIr3zTbc2mlpBWFPfJ8L1IqwgXxBx1pD8edKgJzJjQaf2LRkq9A9AP7025rs9IxrMasJxIpyczS_15jBxVqRMezV0Pf_lx_6AwAzBtlzz--yd3qwLgBtzZPSshU9e52zP1XtTAIXB041iiS4SNjEC-Ael1dHRADCowbYtQB1_o892wf36f0k1oDDj4Hzl4jNYP2MOTSJl0sB76b9MgD8umtMYQssU=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Universidad Tecnológica Indoamérica</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Este sitio web presenta un análisis sobre cómo las redes sociales se han convertido en un recurso clave para la investigación criminal. Aquí encontrarás contenido sobre evidencia digital, herramientas OSINT, marco legal ecuatoriano y los principales riesgos del entorno digital, acompañado de</p>
<a href="https://sites.google.com/view/universidadtecnolgicaindoamric/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkdxVcX3YemR6TDwd5T7Jw7vR3z7vJuZp0Bl_yveAxZSBsYP9RcUvH8H_DGeYSy_yv5e_v1TXHAK-0zea5650Wp5nMjCsZplDm50JsehSrTA-H9MVwAbBp8qbtmvClmVG9bRGEn4vkrjW6fuFjUbKBI_cVEEqTihue_cTt1OeajNjiQqonyKJzbWYKwR3xcFdu5piXsg6qhUZWLYJvkg0K11jK9h8zxJC_lI=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">PAGINA WEB - La investigacion</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">La inteligencia artificial aplicada al derecho ofrece herramientas avanzadas que mejoran la eficiencia y precisión en tareas como la revisión de documentos, análisis de casos y predicción de resultados legales</p>
<a href="https://sites.google.com/view/formacion-juridica-legal/la-investigacion" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://via.placeholder.com/1280x720.png?text=Proyecto+Web" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">INICIO</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;"></p>
<a href="https://cuerposgeometricos.my.canva.site/derechos-digitales-y-protecci-n-de-datos-personales-en-ecuador/" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkdp70eMqp5Kbi26-Gzz1P6x4eA6OOkV8hLpNlF8otTLXswvgHGP-Mmjz9LK3XNjrUIwwWnQHk-VMHDuK5OEjkmmqfgPIqDfz1mL60a_YAd_2VQpR7RusP1JmsJ5cUzW5j-1-FBOdTVGm1x1lInydOW9NEr6VMGeGTHrU9DjwPp5hNx6JNLllvgIIva5FmgJdcaIVNEj933Gc7Z-Pm4gtPW4KXgB9MKIwB8xGiU=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">DIGITALIZACIÓN EN EL SISTEMA JUDICIAL</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">¡Bienvenidos a este proyecto!</p>
<a href="https://sites.google.com/view/digi-sistema-judicial/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkeV27R-d7XAJGN05JZu5BsR9o-0FQwDHAaM4sIN0HpCV94b8glNyjxwSdSkPTYd96qFoOnE7F1N8Gy5grWrl_63wJaHOKOJ4o4GxhwxatJSB8YZRr-b2ahqS_7LXyNXvn9s5jeQ4yhKfbdXMR7ZjRr1toz82WGDjaOO_gS7vVDwUJQ4FCebEPKPc6nrJy00C3Kl9pbAHFufxUbs8CUhLc49FklxEWpvinvj=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Inteligencia artificial en el derecho</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Bienvenidos a este espacio de análisis y actualización sobre el papel de la Inteligencia Artificial en la administración de justicia.Aquí encontrarás información fundamentada, perspectivas críticas y recursos que permiten comprender cómo estas tecnologías están transformando los procesos</p>
<a href="https://sites.google.com/view/inteligenciaartificialeneldere/home" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkcZ_fv7_zLXej4qi4pCwzTVL3P5yRd8QHwL2QetPkDWdbKDIT_HwtEM-dY0oNeCabRh-OJdujdl_d6F6tk1Ag_b2ilTGseSKg7tHdWLX1nbOEf7IhlkV99scxYBesKMilTZ8mQoGtd-sEcBdq-hYb2H00AnZ73MykSHgf01Qv2Zsuwdm6wVC55aM_I=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">PROYECTO FINAL-HERRAMIENTAS DIGITALES PARA LA PREVENCIÓN Y DETECCIÓN DEL LAVADO DE ACTIVOS</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Este proyecto tiene un enfoque social y tecnológico, dando a conocer la importancia del uso de este tipo de herramientas digitales, las cuales serian fundamentales para poder combatir y detectar un problema que no solo es antijuridica, sino que impacta a otras áreas como :La sociedad, seguridad,</p>
<a href="https://sites.google.com/view/proyecto-final-moroni/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
</div>
## Contabilidad y Finanzas
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; font-family: sans-serif; margin-bottom: 40px;">
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkd-oRyyz_vZdsBMjVAhNMBnfD-Cw83akx5bW25Gnk7Z_z7kV0lv5CA2XyBVd186hDZOCgBxKFQq8tCDU4oEhpSUiOxsf1yr9XKcujH1rZTDeqp4DDF0HMB13ttzOEF66tJ9zXVu1AuZEy2VPC82KYURWD2tIV5Nr6l4MoBe2wG5bD1Ja-suBcalH--D2c2JqfOGAeNf6g9St1_o0EJZOp2g1pJ_c56-47rgkOo=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Cómo afecta la cultura digital al rol del contador</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">BIENVENIDO</p>
<a href="https://sites.google.com/view/impacto-en-el-rol-del-contador/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkcw_700YTa0Eb-lA2F3-VK9n1zGS6w92UzBf_u4FjI0uGSdOUe78EaAaybeg4ZylkqnqKpuGfve0YvbB10jTzIn0Fqoc3DJeg0Ev3Qyp2iNxcyV4Z5I9S70Zq5tXjao7G9hAO_rk8pORgdR7qS_vzxCZitcHzPhfK_HusrWKg-g2VdJaUcmnQw7=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">PROYECTO FINAL</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Bienvenidos a este sitio informativoEste sitio explora cómo la tecnología y la inteligencia artificial han transformado la gestión y prevención del fraude financiero en el campo de la contabilidad y la auditoría en Ecuador. ¿POR QUÉ ES IMPORTANTE?Esta investigación ofrece una mirada crítica y</p>
<a href="https://sites.google.com/view/finanzas-y-datos/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkeH-hlQeG8thlz4CQrKnxOC3YueRCqSH5QyEqIuLZ3fdHVganB29rX7GKN7RsPw7tsl0mlp7WBF_6G9Kl_LcvrOFttsjVNaZ0YOMO0DlZb_TNES_8fVPoKEYOOd16qR8pVMJtBCFDq134FpuIDOh35qU254k_5j3DJNHtUOCFCzea3YfSzfe4H4=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">FINTECH Y TRANSFORMACIÓN DIGITAL DE LOS SERVICIOS CONTABLES</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;"></p>
<a href="https://sites.google.com/view/fintechycontabilidad/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkd0ICk9GuBR9DXyIRJma74bQQFLlclKHb74yekuebCy6WKiFyN7zlOdMATq4maJC1fKW231kzvWPJTrTGXT-GVrjQAjgqrZ9Z0WF457W6gxSwyl9cOlvXDDAfVcIQtkHN-0xtuDj6v2LTBS_APgjGdsQGH5S8R-0UHo7mNQ3k0a2TDMMHHnlnK1Huc=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">## La Transformación Digital de la Contabilidad: Impacto de la Inteligencia Artificial en los Procesos Contables y de Auditoría</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">BIENVENIDOS 👋</p>
<a href="https://sites.google.com/view/transformacion-digitalencontab/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkemP3kLTHkj26rYv3mvT-2fEpghbkfUVOovQbUoZsK2-nAkhVBUFZyGVKmDy3l7E-cODy2jy70txc5W2AILT24tBSsIHHehIYdN5X6CConU7cmQxD1mCSsWtC7RJ4XaJV41csLhjS6fCf67mVxhPX3htSYX8obMA6Iy3jWLwzMn4DzXwtj1ZPXqJak=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">CONTABILIDAD Y AUDITORIA</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">FACULTAD DE CIENCIAS ECONOMICAS, ADMINISTRATIVAS Y NEGOCIOSMODALIDAD EN LINEACARRERA: Contabilidad y AuditoriaESTUDIANTE:Jonathan Alexander Caba QuishpiMATERIA:Cultura y Practica Digital</p>
<a href="https://sites.google.com/view/contabilidad-y-la-ia0/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkfgSaplJbm5m9AZcb1WvB-5xQw2X64UyhYe7IfMPV03tpgxwngDaKwubf4nUh8uiUsjqSzBueNBR_jRakqWn_Nz2NzYN802GvdFlBJNeINFV8c-nD6xUSeZaH5N6zHinTJHz2qGm3MSF61zwQPiGKv3JX8M_NxoxJy0VWSK3QAPsrKfi9786Z4GHxQpGdxp5gHIQBsJ-MzdRNV5MCkNQy_5VwkjWhMi7GwAA40=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">LA TRANSFORMACIÓN DIGITAL EN LA CONTABILIDAD.</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">En la era digital, los contadores dejan de trabajar solo con números para transformar la información en conocimiento estratégico</p>
<a href="https://sites.google.com/view/latransformacindigitalenlacont/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkeAo6cKhK6eastyG1a1eE2_cdehtg79N0nAFbIaQdrn-I4TYqhlOWe9fSEANYNsUBpFFlFKmbIMKjYt3IISYApzLw3ZUsdFvqf8hMNszcZtzJXrXLJW9WmeCupy4MP-cufX8ikDAUkQhIId5QcGfOV7YVRCMJLH_oBF6uHKsJ76nmj_WMWpDcvQcdQ=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Inicio</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Bienvenido a este espacio dedicado a la ciberseguridad en la nube, donde encontrarás información clara, actualizada y práctica sobre cómo proteger datos, sistemas y procesos en entornos de computación en la nube.</p>
<a href="https://sites.google.com/view/cibercontabilidaduti/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkf7g4yKos5aASDrcnag0qoMl9JUfdGLTQUrVsK1KX-qTuaZQ0-fRC4jkh9sHGRRaTRoobCNZwQFNfGL2zY8n9PEH1WGE98TG-3iM7JSzcRBOdoM4MkW4eem76hYBUc-kG2PmLLN6j6HAsQsMmBu8P4C_Ho1h18lcW_pr0CKI6HIU1yXS_k1EyaEG9A=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">CONTABILIDAD Y AUDITORÍA</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Presentación</p>
<a href="https://sites.google.com/view/contabilidad-inteligente-/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkfymRanWlds1pUEHH74Weykx5D4byzWiE7HVKOmaTTvLMlARHmELXfTE14e4l2OkmMxMoG1iWACtI4d5evkQ4OmntUFVB85VDLxrkh3zk0SYLEhF9Bjp920FS3cp2-A-oQPgeh7mzzY-4zp2DpLy7-W1SZH-kW7I5NbzOEV8WmxoZiu93LZM1S3=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Inicio</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">La auditoría tradicional basada en muestreos ya no es suficiente ante la complejidad y el gran volumen de datos actuales.Este proyecto propone integrar inteligencia artificial y aprendizaje automático para implementar una auditoría continua capaz de analizar el 100% de las transacciones.Con</p>
<a href="https://sites.google.com/view/apaia/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
</div>
## Empresa, Marketing y Otros
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; font-family: sans-serif; margin-bottom: 40px;">
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0STc1TtTLivZkuBR2Igu7WZyUIY4161fwTncXrq4tOmXqkM3EiHBvALw0W9ZvHb297xikYAf4N-tq0G3xoQjhNOC55Srv-DfyfXY2DqQ1lXf_8wJIll4XCf402fSwIQYDNT4z7c_z2pptkW_RGTgXN7PV_KcMJS12AEeU7cyBThIg8xTE_n8JzzHjfs=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">D.H.P (Deporte Henry Paspuel)</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Bienvenido</p>
<a href="https://sites.google.com/view/dhpdeportehenrypaspuel/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SQY2DXX3SauDZZ5hDmKdMe0NoEJlOdfbHruKl_k0kwKBbBB9A73hRE5N8oInckXfTCbDVpGeUpFJOT2c0CV0KLfo_rIJ46IFnjOJM4fPR2HAoYYbH0oHcDlp3t6spYkvJnyKt1d9KLjyPkEYt1Cf2GadDtOxGF134bItVr1TB0PtysIsblOgCPU=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Portafolio</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Innovación, Igualdad y Expansión GlobalBienvenido a una nueva era del deporte. En el año 2026, el fútbol femenino se consolida como un fenómeno global que trasciende fronteras, estereotipos y desigualdades históricas. Esta disciplina ya no es solo una alternativa al fútbol masculino, sino un</p>
<a href="https://sites.google.com/view/futbolfemenino2026/p%C3%A1gina-principal" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SS3XJqiHgTsaSfcPG9AeBfgqgZfkGltvjKYSzpFL7wOAzcsUSMYUj_6z_n9FXL99JmwopRbu5EGBTweby1yOPTMABouEAtVJlVmT6JIpmuN1KVbLklo0K2J7WblN8oPkIhO1bSnJewpPIC6DJ-Q4ZxoNlXTf0SS9arPdIbPGBpMxiw3aZaO8oVnfwGoIauDAbc_EIFVHnapu_VPgWeC0ZW97keRoY4LoyhntCE=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Ciencia, Datos y Tecnología en el Ciclismo</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">BIENVENIDOS</p>
<a href="https://sites.google.com/view/cienciadatosytecnologaenelcicl/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SSnucAUVUAkPZqpEoB6Z03h11K-aDo-86ZIrOdXe2sV3xJuhX07iNItPFJX2G6qmyeJ_1hDGDzO529-2pxc8otYA0EO7ydHLPA_6YKSf4Q4AyoEEpnlOVTRjuPjVlQehI39jffdkSTV4LLHdJeCWuA0oEqF-lFmGpN7TLjWw_mnGCs-y00_tLXucGg=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">El uso de la inteligencia artificial como apoyo psicológico</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Inicio</p>
<a href="https://sites.google.com/view/ia-apoyo-psicologico/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/APaQ0SQmulwPyOY5jf3ofJ2QS46MvdsmpaK0v8WyuT6DM1aqKo4WlXXMKh7iIMfnW4HXqj9hT9q3iAm2LswQKSk1fFr6YaCSkeTnsm9FDAkx_opQm-x5kIVpEMGBDdqtLVtM9LDcOQ1uXbgyksUkLyzfD093-b_xpAlyydUYVO_NOVpktUlesRMLS7mxWNM=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">El uso de la inteligencia artificial como apoyo psicológico</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Inicio</p>
<a href="https://sites.google.com/view/ia-apoyo-psicologico/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkcoo2CDdc9OfLPRkMF6T6R6XkDJBYVwl4CDmhBURoWvQJriq9-a-8DVS4Az7obaJf997OX-g-L7VU35iVxsP4pXElw1hIIEpCs7AncDlgLG0osHEFryK4eAbHcJ2u-2QVEriRK7KNlLMWGPTcoyW74YcpDu3wW9KUPmrE5RW8OtkaxlXNKMtR19jmk=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Proyecto de Investigación</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Bienvenidos a este espacio de información y sobre todo de concientización sobre el uso adecuado de la ciberseguridad y la protección de datos personales en entornos digitales. En este sitio web se expondrá información certera, beneficios, riesgos y recomendaciones para un uso eficiente de la</p>
<a href="https://sites.google.com/view/pfcpd-derecho/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkdwdaXtf9WhR5lrLAxrm4JjXBqlE-4vtCiIL1-rozHAydzsoievy9khuDqbA9mg2Ykln3wmE7OyjNGk8ECKtKLFFolg0Y7PkDQx_MVVB9miTQ505yK1LnwnEDkzNRR2Gtgdun2L7KceVxixv0l56H62dXjats3Q1i3WIiVF7uJUF-raeOONMXUF=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Cultura Digital</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">En el contexto laboral de hoy en día, los proyectos interdisciplinarios y los equipos remotos son comunes, por lo que las herramientas colaborativas son imprescindibles. Estas soluciones digitales ayudan a los equipos en su organización, en la comunicación efectiva y en terminar los proyectos</p>
<a href="https://sites.google.com/view/herramientascolaborativasdomy/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkdK4OMcdx_pvN8E8yVVlbq5IweEQ19m8rnJl0L5qfhVlHV_zBpOwitk3iubQn6hOTema3LNrr-hx92Y2YKVH6c-BrW2be-XebLfDK_3EeKClOcCSR0KeElMnjbzfBGIUSYMGIA2JbQw5cfH6dmfsbWmjkTrho3JLYO4hVSQp_4HOtPmXqRUJoLqKlw=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Nombre del proyecto</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;"></p>
<a href="https://sites.google.com/view/cultura-digital30/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkfQSpJXB7RR0Te-COhCRnvzWn9BcORDeIXLC-kFYtWUTXIdyqZzkUuvUSq_SepyEaVZnKmBh1z8VNUxdWK97SPQC_5jWwDNbHZexjGot9OGG-3HMSSPC1oMX4f3gJzU2LEF6xtjc1L8klZP627oyWnGh69bSSEjwQPwLbERkN4UI-NJ4X6VWoBa1TC45k5ystJ30CAbBNMspMlvWQNIrXA4VZbXvvkrQ4-GIxU=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Transformación digital y cultura organizacional en empresas emergentes.</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Bienvenido a este espacio donde la transformación digital y la cultura organizacional se unen para impulsar el crecimiento de las empresas emergentes. Aquí encontrarás ideas, herramientas y casos prácticos para convertir la tecnología y las personas en tu mayor ventaja competitiva en la era</p>
<a href="https://sites.google.com/view/sitioweb25-/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkfmrpNi-bzuABbvl8BMnPp_OvEctxjtieKIykTQE7mp9rA3M-5_llmcM4mE_LjfY21w6O7bhWjJXC1NV2ZUmt2ZNhcXY7f5VgSLJV9LxF9Nlqjl6G10ZKs60cfxfd61tXFo7wvovticF-YQAzCePySZEbmXj9BhjzzEwvpoy1sJhUffbGJ3S5S03a0=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Evaluacion del nivel de ciberseguidad en pequeñas empresas</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">BIENVENIDOS</p>
<a href="https://sites.google.com/view/alissonreino/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkfU_CysboUizgj89KBnJz1DdO-cKdSue-yEE3qHxxV-HEbVK3VxdnIburreOrchp13MIPXTkycsKbfJQ2UeGru9DQWi4KOhfGylkNDwbUnoWjueGAKurwuN2BgKGqxXck9opW3EVocugpRlFM8Va063OORrCr451CEAfgGK64NkngQ532RM-8kGa2E=w16383" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Universidad Indoamérica</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">En el mundo actual de las empresas, las interacciones con el cliente final ha sufrido varios cambios basados en esta era digital donde nos encontramos, ha dado un gran paso a la demanda de la inmediatez. Basados en este contexto hablamos de la Inteligencia Artificial Generativa (GeniAI), la usamos</p>
<a href="https://sites.google.com/view/ia-generativa-y-el-engagement/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
<div style="border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff;">
<img src="https://lh3.googleusercontent.com/sitesv/AAzXCkcM0xATAuhIeS0MmDMP50MFEPhYZT1EXIpNYPlfeVjzonMVSq2PAqiwg9gSS6I8GklINljmsjDiZTD-dvsSk3JoI5Pp2FsSWb8R8bF_t096yKyMSvsUxXZc9OQYJwjtWI0NLZqjdhe3sNr0X13g2K9zi67He-pyxPfZLbbdnLI835_I7qL3uyfKNmnH5OUR2KfnLkD9xIxrSukYuYthnSdLPMonuREjvPpGUJM=w1280" style="width: 100%; height: 160px; object-fit: cover; display: block;" alt="Portada del proyecto" />
<div style="padding: 15px; flex-grow: 1; display: flex; flex-direction: column;">
<h3 style="margin-top: 0; font-size: 1.1em; color: #333;">Proyecto Final</h3>
<p style="font-size: 0.9em; color: #666; flex-grow: 1;">Bienvenidos a este sitio web dedicado a explorar cómo la Inteligencia Artificial está cambiando la forma en que las empresas toman decisiones. Aquí encontrarás explicaciones claras, gráficos, videos y recursos que te ayudarán a comprender cómo esta tecnología se ha vuelto una herramienta esencial</p>
<a href="https://sites.google.com/view/indoamarica-cultura-digitall/inicio" target="_blank" style="display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0056b3; color: white; text-decoration: none; border-radius: 4px; text-align: center; font-size: 0.9em;">Ver Proyecto</a>
</div>
</div>
</div>