{"id":144,"date":"2026-08-18T22:17:29","date_gmt":"2026-08-18T22:17:29","guid":{"rendered":"https:\/\/portfoo-lio.com\/staging\/?page_id=144"},"modified":"2026-09-02T17:39:59","modified_gmt":"2026-09-02T17:39:59","slug":"experiencias-y-habilidades","status":"publish","type":"page","link":"https:\/\/portfoo-lio.com\/staging\/experiencias-y-habilidades\/","title":{"rendered":"EXPERIENCIAS Y HABILIDADES"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-179e8c70 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<style data-wp-block-html=\"css\">\n\/* Estilos generales *\/\n.contenedor-portafolio {\n  text-align: center;\n  padding: 20px;\n}\n\n\/* EFECTO GLITCH INTENSO *\/\n.titulo-glitch {\n  font-family: 'Arial', sans-serif;\n  font-size: 2.5rem; \/* Ajustado para textos largos *\/\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: 4px;\n  position: relative;\n  display: inline-block;\n  color: #000;\n  line-height: 1.1;\n  margin: 0;\n}\n\n\/* Capas duplicadas *\/\n.titulo-glitch::before,\n.titulo-glitch::after {\n  content: attr(data-text);\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n\/* Capa Rosa \/ Roja *\/\n.titulo-glitch::before {\n  left: -3px;\n  text-shadow: 3px 0 #ff0055;\n  animation: glitch-anim-1 2.5s infinite linear alternate-reverse;\n}\n\n\/* Capa Azul \/ Cian *\/\n.titulo-glitch::after {\n  left: 3px;\n  text-shadow: -3px 0 #00e5ff;\n  animation: glitch-anim-2 2s infinite linear alternate-reverse;\n}\n\n\/* Animaciones de distorsi\u00f3n *\/\n@keyframes glitch-anim-1 {\n  0% { clip: rect(0px, 9999px, 40px, 0); }\n  20% { clip: rect(35px, 9999px, 90px, 0); }\n  40% { clip: rect(80px, 9999px, 140px, 0); }\n  60% { clip: rect(10px, 9999px, 60px, 0); }\n  80% { clip: rect(110px, 9999px, 180px, 0); }\n  100% { clip: rect(20px, 9999px, 200px, 0); }\n}\n\n@keyframes glitch-anim-2 {\n  0% { clip: rect(70px, 9999px, 130px, 0); }\n  20% { clip: rect(10px, 9999px, 50px, 0); }\n  40% { clip: rect(120px, 9999px, 100px, 0); }\n  60% { clip: rect(40px, 9999px, 180px, 0); }\n  80% { clip: rect(0px, 9999px, 80px, 0); }\n  100% { clip: rect(90px, 9999px, 160px, 0); }\n}\n\n@media (max-width: 768px) {\n  .titulo-glitch {\n    font-size: 2.6rem;\n    letter-spacing: 2px;\n  }\n}\n<\/style>\n\n<div class=\"contenedor-portafolio\">\n  <!-- Titulo con efecto Glitch -->\n  <h2 class=\"titulo-glitch\" data-text=\"EXPERIENCIAS Y HABILIDADES\">EXPERIENCIAS Y HABILIDADES<\/h2>\n<\/div>\n\n\n<nav style=\"--separator: &quot;\/&quot;\" class=\"wp-block-breadcrumbs\" aria-label=\"Migas de pan\"><ol><li><a href=\"https:\/\/portfoo-lio.com\/staging\/\">Inicio<\/a><\/li><li><span aria-current=\"page\">EXPERIENCIAS Y HABILIDADES<\/span><\/li><\/ol><\/nav>\n\n\n<div style=\"height:125px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Bot\u00f3n del mouse animado -->\n<div class=\"contenedor-mouse\">\n  <a href=\"#experiencia-academica\" class=\"mouse-scroll\" aria-label=\"Desplazarse hacia abajo\">\n    <span class=\"ruedita-mouse\"><\/span>\n  <\/a>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-container has-custom-css uagb-block-7e28cffe alignfull uagb-is-root-container wp-custom-css-5510bc46\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-33ca0786\">\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"experiencia-academica\" style=\"font-size:clamp(26.465px, 1.654rem + ((1vw - 3.2px) * 1.448), 45px);\">Experiencias Actuales<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/pokertrofeos.com.ar\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/logo-completo-1024x477.png\" alt=\"\" class=\"wp-image-169\" style=\"aspect-ratio:2.1468505404398064;width:172px;height:auto\" srcset=\"https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/logo-completo-1024x477.png 1024w, https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/logo-completo-300x140.png 300w, https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/logo-completo-768x358.png 768w, https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/logo-completo-1536x716.png 1536w, https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/logo-completo.png 1911w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe0a7de2 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/pokertrofeos.com.ar\/\">P\u00c1GINA<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-content-timeline uagb-timeline__outer-wrap uagb-block-78df4e1d uagb-timeline__content-wrap uagb-timeline__left-block uagb-timeline__arrow-center  uagb-timeline\">\n<article class=\"wp-block-uagb-content-timeline-child uagb-timeline__field uagb-timeline-child-ee06aaa5 uagb-timeline__left\"><div class=\"uagb-timeline__marker out-view-uagb-timeline__icon\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z\"><\/path><\/svg><\/div><div class=\"uagb-timeline__day-new uagb-timeline__day-left uagb-timeline__events-inner-new\"><div class=\"uagb-timeline__events-inner--content\"><div class=\"uagb-timeline__date-hide uagb-timeline__inner-date-new\">febrero 12, 2026<\/div><h4 class=\"uagb-timeline__heading\">E-COMMERCE &amp; DESARROLLO WOOCOMMERCE \u2014 POKER TROFEOS (TRABAJO ACTUAL &#8211; 8 meses)<br><\/h4><p class=\"uagb-timeline-desc-content\"><strong>Desarrollo Web, L\u00f3gica de B\u00fasqueda y Arquitectura de Cat\u00e1logo Variable<\/strong><br>Desarrollo integral y personalizaci\u00f3n t\u00e9cnica de plataforma e-commerce para el rubro de trofeos y premiaciones. Me encargu\u00e9 del dise\u00f1o est\u00e9tico global de la tienda mediante CSS personalizado, logrando una interfaz limpia, coherente y adaptada a la identidad visual de la marca.<br>En la parte de funcionalidad, desarroll\u00e9 la l\u00f3gica de b\u00fasqueda mediante c\u00f3digo PHP a medida en WordPress para filtrar SKUs exactos de variaciones, atributos de color, medidas y palabras clave en descripciones. Adem\u00e1s, estructure el cat\u00e1logo de productos variables complejos, maquet\u00e9 la web usando bloques HTML\/CSS, shortcodes din\u00e1micos e integr\u00e9 botones de contacto directo para llamadas, correo y chat.<br><\/p><div class=\"uagb-timeline__arrow\"><\/div><\/div><\/div><div class=\"uagb-timeline__date-new\">febrero 12, 2026<\/div><\/article>\n<div class=\"uagb-timeline__line\"><div class=\"uagb-timeline__line__inner\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-content-timeline uagb-timeline__outer-wrap uagb-block-bb27a2ca uagb-timeline__content-wrap uagb-timeline__left-block uagb-timeline__arrow-center  uagb-timeline\">\n<article class=\"wp-block-uagb-content-timeline-child uagb-timeline__field uagb-timeline-child-539a291d uagb-timeline__left\"><div class=\"uagb-timeline__marker out-view-uagb-timeline__icon\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z\"><\/path><\/svg><\/div><div class=\"uagb-timeline__day-new uagb-timeline__day-left uagb-timeline__events-inner-new\"><div class=\"uagb-timeline__events-inner--content\"><div class=\"uagb-timeline__date-hide uagb-timeline__inner-date-new\">diciembre 5, 2025<\/div><h4 class=\"uagb-timeline__heading\">LANDING ESTACI\u00d3N DE SILLONES<\/h4><p class=\"uagb-timeline-desc-content\"><strong>Dise\u00f1o y Desarrollo de Landing Page Comercial \u2014 Estaci\u00f3n de Sillones<\/strong><br>Maquetaci\u00f3n e implementaci\u00f3n integral de un sitio <em>landing page<\/em> para el rubro de equipamiento y muebles de hogar. Desarroll\u00e9 una interfaz enfocada en la conversi\u00f3n y la experiencia de usuario (UX\/UI), optimizando la presentaci\u00f3n del cat\u00e1logo de productos (estructuras, materiales, tama\u00f1os) e integrando botones de llamada a la acci\u00f3n (CTA) hacia WhatsApp para la captura de clientes potenciales.<\/p><div class=\"uagb-timeline__arrow\"><\/div><\/div><\/div><div class=\"uagb-timeline__date-new\">diciembre 5, 2025<\/div><\/article>\n\n\n\n<article class=\"wp-block-uagb-content-timeline-child uagb-timeline__field uagb-timeline-child-8c7c9e39 uagb-timeline__left\"><div class=\"uagb-timeline__marker out-view-uagb-timeline__icon\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z\"><\/path><\/svg><\/div><div class=\"uagb-timeline__day-new uagb-timeline__day-left uagb-timeline__events-inner-new\"><div class=\"uagb-timeline__events-inner--content\"><div class=\"uagb-timeline__date-hide uagb-timeline__inner-date-new\">enero 16, 2026<\/div><h4 class=\"uagb-timeline__heading\">PROPUESTA DE TRABAJO<\/h4><p class=\"uagb-timeline-desc-content\"><strong>Dise\u00f1o Editorial y Cat\u00e1logo Publicitario \u2014 Mayorista Lusitano<\/strong><br>Dise\u00f1o, maquetaci\u00f3n y diagramaci\u00f3n de cat\u00e1logo comercial de 8 p\u00e1ginas para difusi\u00f3n digital e impresa. Desarroll\u00e9 una grilla editorial clara para la exhibici\u00f3n masiva de productos y ofertas semanales, realizando tratamiento de im\u00e1genes, jerarquizaci\u00f3n de precios\/promociones y alineaci\u00f3n visual a la identidad de la marca.<\/p><div class=\"uagb-timeline__arrow\"><\/div><\/div><\/div><div class=\"uagb-timeline__date-new\">enero 16, 2026<\/div><\/article>\n<div class=\"uagb-timeline__line\"><div class=\"uagb-timeline__line__inner\"><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-ded2856e\">\n<h2 class=\"wp-block-heading has-text-align-center\">Experiencia Acad\u00e9mica<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/5yKzz1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"244\" src=\"https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/5yKzz1.png\" alt=\"\" class=\"wp-image-168\" style=\"aspect-ratio:3.04923239809423;width:164px;height:auto\" srcset=\"https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/5yKzz1.png 744w, https:\/\/portfoo-lio.com\/staging\/wp-content\/uploads\/2026\/08\/5yKzz1-300x98.png 300w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-uagb-content-timeline uagb-timeline__outer-wrap uagb-block-87546254 uagb-timeline__content-wrap uagb-timeline__left-block uagb-timeline__arrow-center  uagb-timeline\">\n<article class=\"wp-block-uagb-content-timeline-child uagb-timeline__field uagb-timeline-child-12d82b04 uagb-timeline__left\"><div class=\"uagb-timeline__marker out-view-uagb-timeline__icon\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z\"><\/path><\/svg><\/div><div class=\"uagb-timeline__day-new uagb-timeline__day-left uagb-timeline__events-inner-new\"><div class=\"uagb-timeline__events-inner--content\"><div class=\"uagb-timeline__date-hide uagb-timeline__inner-date-new\">mayo 4, 2022<\/div><h4 class=\"uagb-timeline__heading\">PRIMER A\u00d1O <\/h4><p class=\"uagb-timeline-desc-content\"><strong>Formaci\u00f3n en Fundamentos del Dise\u00f1o y Branding<\/strong> Durante este primer ciclo adquir\u00ed las bases te\u00f3ricas y pr\u00e1cticas del dise\u00f1o visual. Desarroll\u00e9 criterios s\u00f3lidos en comunicaci\u00f3n, morfolog\u00eda, tipograf\u00eda y composici\u00f3n visual, adem\u00e1s de dominar herramientas digitales para la ilustraci\u00f3n, el tratamiento avanzado de im\u00e1genes, el dise\u00f1o de identidad de marca (branding) y maquetaci\u00f3n editorial.<br><\/p><div class=\"uagb-timeline__arrow\"><\/div><\/div><\/div><div class=\"uagb-timeline__date-new\">mayo 4, 2022<\/div><\/article>\n\n\n\n<article class=\"wp-block-uagb-content-timeline-child uagb-timeline__field uagb-timeline-child-5e44ed25 uagb-timeline__left\"><div class=\"uagb-timeline__marker out-view-uagb-timeline__icon\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z\"><\/path><\/svg><\/div><div class=\"uagb-timeline__day-new uagb-timeline__day-left uagb-timeline__events-inner-new\"><div class=\"uagb-timeline__events-inner--content\"><div class=\"uagb-timeline__date-hide uagb-timeline__inner-date-new\">enero 1, 2023<\/div><h4 class=\"uagb-timeline__heading\">SEGUNDO A\u00d1O<\/h4><p class=\"uagb-timeline-desc-content\"><strong>Dise\u00f1o Web, Interacci\u00f3n y Medios Audiovisuales<\/strong><br>En este periodo profundic\u00e9 en el desarrollo de experiencias digitales y contenido din\u00e1mico. Adquir\u00ed competencias clave en dise\u00f1o web e interactivo, maquetaci\u00f3n editorial, direcci\u00f3n de fotograf\u00eda y producci\u00f3n audiovisual (motion graphics\/animaci\u00f3n), combinando fundamentos art\u00edsticos con producci\u00f3n gr\u00e1fica y publicitaria.<\/p><div class=\"uagb-timeline__arrow\"><\/div><\/div><\/div><div class=\"uagb-timeline__date-new\">enero 1, 2023<\/div><\/article>\n\n\n\n<article class=\"wp-block-uagb-content-timeline-child uagb-timeline__field uagb-timeline-child-c2700ee2 uagb-timeline__left\"><div class=\"uagb-timeline__marker out-view-uagb-timeline__icon\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z\"><\/path><\/svg><\/div><div class=\"uagb-timeline__day-new uagb-timeline__day-left uagb-timeline__events-inner-new\"><div class=\"uagb-timeline__events-inner--content\"><div class=\"uagb-timeline__date-hide uagb-timeline__inner-date-new\">enero 1, 2024<\/div><h4 class=\"uagb-timeline__heading\">TERCER A\u00d1O<\/h4><p class=\"uagb-timeline-desc-content\"><strong>Direcci\u00f3n de Arte, Estrategia Digital y Multimedia<\/strong><br>En esta etapa integr\u00e9 la visi\u00f3n estrat\u00e9gica y creativa para la ejecuci\u00f3n de proyectos complejos. Desarroll\u00e9 capacidades en direcci\u00f3n de arte, composici\u00f3n multimedial, dise\u00f1o 3D y sistemas visuales, complementadas con estrategias de marketing digital, pensamiento creativo y un marco \u00e9tico profesional para abordar el mercado actual.<\/p><div class=\"uagb-timeline__arrow\"><\/div><\/div><\/div><div class=\"uagb-timeline__date-new\">enero 1, 2024<\/div><\/article>\n\n\n\n<article class=\"wp-block-uagb-content-timeline-child uagb-timeline__field uagb-timeline-child-b79c9641 uagb-timeline__left\"><div class=\"uagb-timeline__marker out-view-uagb-timeline__icon\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z\"><\/path><\/svg><\/div><div class=\"uagb-timeline__day-new uagb-timeline__day-left uagb-timeline__events-inner-new\"><div class=\"uagb-timeline__events-inner--content\"><div class=\"uagb-timeline__date-hide uagb-timeline__inner-date-new\">agosto 7, 2025<\/div><h4 class=\"uagb-timeline__heading\">TESIS<\/h4><p class=\"uagb-timeline-desc-content\"><strong>Proyecto Final de Grado \/ Tesis<\/strong><br>Planificaci\u00f3n y desarrollo integral para la realizaci\u00f3n de un evento real como cierre de carrera. Abarc\u00f3 desde la estrategia de marca, campa\u00f1a publicitaria y dise\u00f1o web del evento, hasta la arquitectura de informaci\u00f3n, producci\u00f3n multimedial y la gesti\u00f3n log\u00edstica de la organizaci\u00f3n.<\/p><div class=\"uagb-timeline__arrow\"><\/div><\/div><\/div><div class=\"uagb-timeline__date-new\">agosto 7, 2025<\/div><\/article>\n<div class=\"uagb-timeline__line\"><div class=\"uagb-timeline__line__inner\"><\/div><\/div><\/div>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-2f062064 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-buttons alignfull is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe0a7de2 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-large-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/portfoo-lio.com\/staging\/portafolio\/\">VER PORTAFOLIO<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-vivid-red-color has-text-color has-link-color wp-elements-1\">HABILIDADES<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n* {\n  box-sizing: border-box; \/* Previene que el padding deforme los anchos *\/\n}\n\n.skills-container {\n  width: 100%;\n  max-width: 1100px; \/* Evita que las barras toquen las paredes *\/\n  margin: 0 auto; \/* Centra el bloque en la pantalla *\/\n  padding: 20px 40px; \/* Margen interno para que respire los bordes *\/\n  font-family: 'Arial Black', Gadget, sans-serif;\n  color: #000000;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  background: transparent;\n}\n\n.skill-header {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n  font-weight: 900;\n  font-size: 1.1rem;\n  letter-spacing: 0.5px;\n}\n\n.bar-bg {\n  width: 100%;\n  height: 36px;\n  background-color: #f0f0f0;\n  border-radius: 2px;\n  overflow: hidden;\n}\n\n.bar-fill {\n  height: 100%;\n  background-size: 20px 20px;\n  width: 0%; \/* Inicia vac\u00eda hasta que sea visible *\/\n}\n\n\/* Esta clase se dispara solo al hacer scroll *\/\n.bar-fill.animar-barra {\n  animation: fillBar 1.5s cubic-bezier(0.1, 0.42, 0.41, 0.99) forwards;\n}\n\n@keyframes fillBar {\n  from { width: 0%; }\n  to { width: var(--target-width); }\n}\n\n\/* Paleta de Colores con Patr\u00f3n Diagonales *\/\n.color-diseno {\n  background-color: #ff3366;\n  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent);\n}\n\n.color-illustrator {\n  background-color: #ff33ff;\n  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent);\n}\n\n.color-photoshop {\n  background-color: #a033ff;\n  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent);\n}\n\n.color-indesign {\n  background-color: #3355ff;\n  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent);\n}\n\n.color-after {\n  background-color: #33a0ff;\n  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent);\n}\n\n.color-3d {\n  background-color: #00e5ff;\n  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent);\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const contenedor = document.querySelector('.skills-container');\n  const counters = document.querySelectorAll('.skill-percent');\n  const bars = document.querySelectorAll('.bar-fill');\n  const duration = 1500; \/\/ Sincronizado a 1.5s\n\n  const animarNumeros = () => {\n    counters.forEach(counter => {\n      const target = +counter.getAttribute('data-target');\n      const startTime = performance.now();\n\n      const updateCount = (currentTime) => {\n        const elapsedTime = currentTime - startTime;\n        const progress = Math.min(elapsedTime \/ duration, 1);\n        \n        const currentVal = Math.floor(progress * target);\n        counter.innerText = `${currentVal}%`;\n\n        if (progress < 1) {\n          requestAnimationFrame(updateCount);\n        } else {\n          counter.innerText = `${target}%`;\n        }\n      };\n\n      requestAnimationFrame(updateCount);\n    });\n  };\n\n  \/\/ Escucha cuando la secci\u00f3n aparece en la pantalla\n  const observer = new IntersectionObserver((entries, obs) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        \/\/ Lanza la animaci\u00f3n de las barras\n        bars.forEach(bar => bar.classList.add('animar-barra'));\n        \/\/ Lanza el conteo de n\u00fameros\n        animarNumeros();\n        \/\/ Deja de observar para no repetirlo innecesariamente\n        obs.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n\n  if (contenedor) {\n    observer.observe(contenedor);\n  }\n});\n<\/script>\n\n<div class=\"skills-container\">\n  <!-- DISE\u00d1O WEB -->\n  <div class=\"skill-item\">\n    <div class=\"skill-header\">\n      <span class=\"skill-title\">DISE\u00d1O WEB<\/span>\n      <span class=\"skill-percent\" data-target=\"95\">0%<\/span>\n    <\/div>\n    <div class=\"bar-bg\">\n      <div class=\"bar-fill color-diseno\" style=\"--target-width: 95%;\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ILLUSTRATOR -->\n  <div class=\"skill-item\">\n    <div class=\"skill-header\">\n      <span class=\"skill-title\">ILLUSTRATOR<\/span>\n      <span class=\"skill-percent\" data-target=\"96\">0%<\/span>\n    <\/div>\n    <div class=\"bar-bg\">\n      <div class=\"bar-fill color-illustrator\" style=\"--target-width: 96%;\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PHOTOSHOP -->\n  <div class=\"skill-item\">\n    <div class=\"skill-header\">\n      <span class=\"skill-title\">PHOTOSHOP<\/span>\n      <span class=\"skill-percent\" data-target=\"98\">0%<\/span>\n    <\/div>\n    <div class=\"bar-bg\">\n      <div class=\"bar-fill color-photoshop\" style=\"--target-width: 98%;\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- INDESIGN -->\n  <div class=\"skill-item\">\n    <div class=\"skill-header\">\n      <span class=\"skill-title\">INDESIGN<\/span>\n      <span class=\"skill-percent\" data-target=\"97\">0%<\/span>\n    <\/div>\n    <div class=\"bar-bg\">\n      <div class=\"bar-fill color-indesign\" style=\"--target-width: 97%;\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- AFTER EFFECTS -->\n  <div class=\"skill-item\">\n    <div class=\"skill-header\">\n      <span class=\"skill-title\">AFTER EFFECTS<\/span>\n      <span class=\"skill-percent\" data-target=\"99\">0%<\/span>\n    <\/div>\n    <div class=\"bar-bg\">\n      <div class=\"bar-fill color-after\" style=\"--target-width: 99%;\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- DISE\u00d1O 3D -->\n  <div class=\"skill-item\">\n    <div class=\"skill-header\">\n      <span class=\"skill-title\">DISE\u00d1O 3D<\/span>\n      <span class=\"skill-percent\" data-target=\"95\">0%<\/span>\n    <\/div>\n    <div class=\"bar-bg\">\n      <div class=\"bar-fill color-3d\" style=\"--target-width: 95%;\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>EXPERIENCIAS Y HABILIDADES Experiencias Actuales Experiencia Acad\u00e9mica HABILIDADES DISE\u00d1O WEB 0% ILLUSTRATOR 0% PHOTOSHOP 0% INDESIGN 0% AFTER EFFECTS 0% DISE\u00d1O 3D 0%<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-144","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"l0061002","author_link":"https:\/\/portfoo-lio.com\/staging\/author\/l0061002\/"},"uagb_comment_info":0,"uagb_excerpt":"EXPERIENCIAS Y HABILIDADES Experiencias Actuales Experiencia Acad\u00e9mica HABILIDADES DISE\u00d1O WEB 0% ILLUSTRATOR 0% PHOTOSHOP 0% INDESIGN 0% AFTER EFFECTS 0% DISE\u00d1O 3D 0%","_links":{"self":[{"href":"https:\/\/portfoo-lio.com\/staging\/wp-json\/wp\/v2\/pages\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfoo-lio.com\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfoo-lio.com\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfoo-lio.com\/staging\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/portfoo-lio.com\/staging\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":43,"href":"https:\/\/portfoo-lio.com\/staging\/wp-json\/wp\/v2\/pages\/144\/revisions"}],"predecessor-version":[{"id":570,"href":"https:\/\/portfoo-lio.com\/staging\/wp-json\/wp\/v2\/pages\/144\/revisions\/570"}],"wp:attachment":[{"href":"https:\/\/portfoo-lio.com\/staging\/wp-json\/wp\/v2\/media?parent=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}