Carrusel de Videos Vimeo<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: Arial, sans-serif;\n }\n\n .carousel-container {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n }\n\n .carousel-container h2 {\n text-align: center;\n margin-bottom: 30px;\n color: #333;\n font-size: 2em;\n }\n\n .carousel-wrapper {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n }\n\n .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\n\n .carousel-slide {\n min-width: 100%;\n background: #f8f8f8;\n border-radius: 12px;\n overflow: hidden;\n }\n\n .video-wrapper {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n background: #000;\n cursor: pointer;\n }\n\n .video-wrapper iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n .video-thumbnail {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 2;\n }\n\n .play-button {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 80px;\n height: 80px;\n background: rgba(0, 123, 255, 0.9);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 3;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n }\n\n .play-button:hover {\n background: rgba(0, 123, 255, 1);\n transform: translate(-50%, -50%) scale(1.1);\n }\n\n .play-button::after {\n content: '';\n width: 0;\n height: 0;\n border-left: 25px solid white;\n border-top: 15px solid transparent;\n border-bottom: 15px solid transparent;\n margin-left: 5px;\n }\n\n .video-wrapper.playing .video-thumbnail,\n .video-wrapper.playing .play-button {\n display: none;\n }\n\n .video-title {\n padding: 20px;\n text-align: center;\n color: #555;\n font-size: 1.2em;\n font-weight: 600;\n }\n\n .carousel-controls {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-top: 25px;\n }\n\n .carousel-btn {\n background: #007bff;\n color: white;\n border: none;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n font-size: 20px;\n cursor: pointer;\n transition: background 0.3s ease, transform 0.2s ease;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n\n .carousel-btn:hover {\n background: #0056b3;\n transform: scale(1.1);\n }\n\n .carousel-btn:active {\n transform: scale(0.95);\n }\n\n .carousel-indicator {\n color: #555;\n font-size: 1.1em;\n font-weight: 600;\n min-width: 80px;\n text-align: center;\n }\n\n .carousel-dots {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-top: 15px;\n }\n\n .dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #ddd;\n cursor: pointer;\n transition: background 0.3s ease, transform 0.2s ease;\n }\n\n .dot.active {\n background: #007bff;\n transform: scale(1.3);\n }\n\n .dot:hover {\n background: #0056b3;\n }\n\n @media (max-width: 768px) {\n .carousel-btn {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"carousel-container\">\n <h2><\/h2>\n \n <div class=\"carousel-wrapper\">\n <div class=\"carousel-track\" id=\"carouselTrack\">\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2024.jpg\" alt=\"Video 1\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/817270683?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2026<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2019.jpg\" alt=\"Video 2\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/381049340?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2019<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2017.jpg\" alt=\"Video 3\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/174969131?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2017<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2015.jpg\" alt=\"Video 4\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/47287431?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2015<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2012.jpg\" alt=\"Video 5\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/26158882?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2012<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2010.jpg\" alt=\"Video 6\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/15998237?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2010<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2011.jpg\" alt=\"Video 7\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/15599192?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2011<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2009.jpg\" alt=\"Video 8\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/16106302?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2009<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"carousel-controls\">\n <button class=\"carousel-btn\" id=\"prevBtn\">\u2039<\/button>\n <div class=\"carousel-indicator\">\n <span id=\"currentSlide\">1<\/span> \/ <span id=\"totalSlides\">8<\/span>\n <\/div>\n <button class=\"carousel-btn\" id=\"nextBtn\">\u203a<\/button>\n <\/div>\n\n <div class=\"carousel-dots\" id=\"dotsContainer\"><\/div>\n <\/div>\n\n <script>\n let currentIndex = 0;\n const track = document.getElementById('carouselTrack');\n const slides = document.querySelectorAll('.carousel-slide');\n const totalSlides = slides.length;\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n const currentSlideSpan = document.getElementById('currentSlide');\n const dotsContainer = document.getElementById('dotsContainer');\n\n \/\/ Funci\u00f3n para reproducir video\n function playVideo(wrapper) {\n const iframe = wrapper.querySelector('iframe');\n const dataSrc = iframe.getAttribute('data-src');\n \n if (dataSrc) {\n iframe.setAttribute('src', dataSrc);\n iframe.removeAttribute('data-src');\n }\n \n wrapper.classList.add('playing');\n }\n\n \/\/ Crear puntos indicadores\n for (let i = 0; i < totalSlides; i++) {\n const dot = document.createElement('div');\n dot.classList.add('dot');\n if (i === 0) dot.classList.add('active');\n dot.addEventListener('click', () => goToSlide(i));\n dotsContainer.appendChild(dot);\n }\n\n const dots = document.querySelectorAll('.dot');\n\n function updateCarousel() {\n track.style.transform = `translateX(-${currentIndex * 100}%)`;\n currentSlideSpan.textContent = currentIndex + 1;\n \n \/\/ Actualizar puntos\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === currentIndex);\n });\n\n \/\/ Pausar videos al cambiar de slide\n slides.forEach((slide, index) => {\n if (index !== currentIndex) {\n const wrapper = slide.querySelector('.video-wrapper');\n const iframe = slide.querySelector('iframe');\n if (wrapper.classList.contains('playing')) {\n const src = iframe.getAttribute('src');\n iframe.removeAttribute('src');\n iframe.setAttribute('data-src', src);\n wrapper.classList.remove('playing');\n }\n }\n });\n }\n\n function goToSlide(index) {\n currentIndex = index;\n updateCarousel();\n }\n\n function nextSlide() {\n currentIndex = (currentIndex + 1) % totalSlides;\n updateCarousel();\n }\n\n function prevSlide() {\n currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\n updateCarousel();\n }\n\n nextBtn.addEventListener('click', nextSlide);\n prevBtn.addEventListener('click', prevSlide);\n\n \/\/ Navegaci\u00f3n con teclado\n document.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowLeft') prevSlide();\n if (e.key === 'ArrowRight') nextSlide();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-0-color has-alpha-channel-opacity has-ast-global-color-0-background-color has-background is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"\/>\n\n\n\n<p>Compositor Digital Senior y Trainer.<\/p>\n\n\n\n<p><strong>Remoto: zona Uni\u00f3n Europea. Madrid.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nuke<\/strong> desde \u2026\u2026\u2026\u2026\u2026\u2026..\u2026 2010 ( Largometrajes de <strong>Imagen Real<\/strong> y <strong>Animaci\u00f3n<\/strong> 2d\/3d )<\/li>\n\n\n\n<li>Flame\/Smoke desde ..\u2026.. 2005 ( Tv & comerciales )<\/li>\n\n\n\n<li>Motion Graphics desde \u2026\u2026 1999 ( Tv & Animaci\u00f3n \/ <strong>Storyboard<\/strong> Artist )<\/li>\n\n\n\n<li>Blender generalista desde .. 2021 ( proyectos personales ) ( usuario heredero de 3dMax 2009 )<\/li>\n<\/ul>\n\n\n\n<p>Destrezas principales:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Experiencia en resolver marrones legendarios<\/strong>.<\/li>\n\n\n\n<li>S\u00f3lido <strong>conocimiento 3d<\/strong>.Proyecciones. Relight. Composici\u00f3n por pases y grupos de luz.<\/li>\n\n\n\n<li>Experiencia en rodajes. <strong>Supervisi\u00f3n en el set o preproducci\u00f3n.<\/strong>.<\/li>\n\n\n\n<li><strong>Set Extension<\/strong> y <strong>Digital Matte Paint<\/strong>.<\/li>\n\n\n\n<li>Track 2d y 3d.<\/li>\n\n\n\n<li>Etalonaje de color y look dev (lineal). <strong>Usuario de Davinvi Resolve. Flujo de trabajo ACES.<\/strong><\/li>\n\n\n\n<li>Roto, Key, Paint, <strong>Limpieza y reconstrucci\u00f3n de elementos tradicional avanzada (pre IA)<\/strong> (PREP) .<\/li>\n\n\n\n<li>B\u00e1sico <strong>phyton<\/strong> . Dise\u00f1o de tools y flujos de trabajo.<\/li>\n\n\n\n<li><strong>Dibujo art\u00edstico<\/strong> y <strong>Animaci\u00f3n<\/strong> .<\/li>\n<\/ol>\n\n\n\n<p>Licencias propias sobre Rocky Linux <strong>AMD Ryzen 9<\/strong> .<br>Monitores: <strong>Hp27z<\/strong> 4k y <strong>BenQ<\/strong> PD2725U 4k HDR. + <strong>Wacom Cintiq<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nuke Indie.<\/strong><\/li>\n\n\n\n<li><strong>Resolve Da Vinci<\/strong> \/ Fusion Studio.<\/li>\n\n\n\n<li><strong>Neat<\/strong> <strong>Video.<\/strong><\/li>\n\n\n\n<li><strong>Topaz Video Enhance AI<\/strong> .<\/li>\n\n\n\n<li><strong>Clip Studio.<\/strong><\/li>\n\n\n\n<li><strong>RBD<\/strong> y addons para <strong>Blender.<\/strong><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-0-color has-alpha-channel-opacity has-ast-global-color-0-background-color has-background is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"\/>","protected":false},"excerpt":{"rendered":"<p>Carrusel de Videos Vimeo 2026 2019 2017 2015 2012 2010 2011 2009 \u2039 1 \/ 8 \u203a Senior Digital Compositor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2798","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"jordal","author_link":"https:\/\/jordalefou.com\/es\/author\/jordalefougmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Carrusel de Videos Vimeo 2026 2019 2017 2015 2012 2010 2011 2009 \u2039 1 \/ 8 \u203a Senior Digital Compositor […]","_links":{"self":[{"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/pages\/2798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/comments?post=2798"}],"version-history":[{"count":24,"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/pages\/2798\/revisions"}],"predecessor-version":[{"id":4021,"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/pages\/2798\/revisions\/4021"}],"wp:attachment":[{"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/media?parent=2798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2798,"date":"2026-01-05T12:24:20","date_gmt":"2026-01-05T12:24:20","guid":{"rendered":"https:\/\/orchid-panther-716643.hostingersite.com\/showreels\/"},"modified":"2026-03-14T21:01:42","modified_gmt":"2026-03-14T21:01:42","slug":"showreels","status":"publish","type":"page","link":"https:\/\/jordalefou.com\/es\/showreels\/","title":{"rendered":"\/ Vfx ShowReels"},"content":{"rendered":"

\n\n\n\n\n\n\n \n \n Carrusel de Videos Vimeo<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: Arial, sans-serif;\n }\n\n .carousel-container {\n max-width: 1200px;\n margin: 40px auto;\n padding: 20px;\n }\n\n .carousel-container h2 {\n text-align: center;\n margin-bottom: 30px;\n color: #333;\n font-size: 2em;\n }\n\n .carousel-wrapper {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n }\n\n .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\n\n .carousel-slide {\n min-width: 100%;\n background: #f8f8f8;\n border-radius: 12px;\n overflow: hidden;\n }\n\n .video-wrapper {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n background: #000;\n cursor: pointer;\n }\n\n .video-wrapper iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n .video-thumbnail {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 2;\n }\n\n .play-button {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 80px;\n height: 80px;\n background: rgba(0, 123, 255, 0.9);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 3;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n }\n\n .play-button:hover {\n background: rgba(0, 123, 255, 1);\n transform: translate(-50%, -50%) scale(1.1);\n }\n\n .play-button::after {\n content: '';\n width: 0;\n height: 0;\n border-left: 25px solid white;\n border-top: 15px solid transparent;\n border-bottom: 15px solid transparent;\n margin-left: 5px;\n }\n\n .video-wrapper.playing .video-thumbnail,\n .video-wrapper.playing .play-button {\n display: none;\n }\n\n .video-title {\n padding: 20px;\n text-align: center;\n color: #555;\n font-size: 1.2em;\n font-weight: 600;\n }\n\n .carousel-controls {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-top: 25px;\n }\n\n .carousel-btn {\n background: #007bff;\n color: white;\n border: none;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n font-size: 20px;\n cursor: pointer;\n transition: background 0.3s ease, transform 0.2s ease;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n\n .carousel-btn:hover {\n background: #0056b3;\n transform: scale(1.1);\n }\n\n .carousel-btn:active {\n transform: scale(0.95);\n }\n\n .carousel-indicator {\n color: #555;\n font-size: 1.1em;\n font-weight: 600;\n min-width: 80px;\n text-align: center;\n }\n\n .carousel-dots {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-top: 15px;\n }\n\n .dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #ddd;\n cursor: pointer;\n transition: background 0.3s ease, transform 0.2s ease;\n }\n\n .dot.active {\n background: #007bff;\n transform: scale(1.3);\n }\n\n .dot:hover {\n background: #0056b3;\n }\n\n @media (max-width: 768px) {\n .carousel-btn {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"carousel-container\">\n <h2><\/h2>\n \n <div class=\"carousel-wrapper\">\n <div class=\"carousel-track\" id=\"carouselTrack\">\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2024.jpg\" alt=\"Video 1\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/817270683?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2026<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2019.jpg\" alt=\"Video 2\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/381049340?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2019<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2017.jpg\" alt=\"Video 3\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/174969131?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2017<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2015.jpg\" alt=\"Video 4\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/47287431?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2015<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2012.jpg\" alt=\"Video 5\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/26158882?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2012<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2010.jpg\" alt=\"Video 6\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/15998237?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2010<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2011.jpg\" alt=\"Video 7\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/15599192?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2011<\/div>\n <\/div>\n\n \n <div class=\"carousel-slide\">\n <div class=\"video-wrapper\" onclick=\"playVideo(this)\">\n <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/jordalefou.com\/wp-content\/uploads\/2026\/01\/2009.jpg\" alt=\"Video 8\">\n <div class=\"play-button\"><\/div>\n <iframe data-src=\"https:\/\/player.vimeo.com\/video\/16106302?autoplay=1&title=0&byline=0&portrait=0\" \n allowfullscreen allow=\"autoplay; fullscreen; picture-in-picture\">\n <\/iframe>\n <\/div>\n <div class=\"video-title\">2009<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"carousel-controls\">\n <button class=\"carousel-btn\" id=\"prevBtn\">\u2039<\/button>\n <div class=\"carousel-indicator\">\n <span id=\"currentSlide\">1<\/span> \/ <span id=\"totalSlides\">8<\/span>\n <\/div>\n <button class=\"carousel-btn\" id=\"nextBtn\">\u203a<\/button>\n <\/div>\n\n <div class=\"carousel-dots\" id=\"dotsContainer\"><\/div>\n <\/div>\n\n <script>\n let currentIndex = 0;\n const track = document.getElementById('carouselTrack');\n const slides = document.querySelectorAll('.carousel-slide');\n const totalSlides = slides.length;\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n const currentSlideSpan = document.getElementById('currentSlide');\n const dotsContainer = document.getElementById('dotsContainer');\n\n \/\/ Funci\u00f3n para reproducir video\n function playVideo(wrapper) {\n const iframe = wrapper.querySelector('iframe');\n const dataSrc = iframe.getAttribute('data-src');\n \n if (dataSrc) {\n iframe.setAttribute('src', dataSrc);\n iframe.removeAttribute('data-src');\n }\n \n wrapper.classList.add('playing');\n }\n\n \/\/ Crear puntos indicadores\n for (let i = 0; i < totalSlides; i++) {\n const dot = document.createElement('div');\n dot.classList.add('dot');\n if (i === 0) dot.classList.add('active');\n dot.addEventListener('click', () => goToSlide(i));\n dotsContainer.appendChild(dot);\n }\n\n const dots = document.querySelectorAll('.dot');\n\n function updateCarousel() {\n track.style.transform = `translateX(-${currentIndex * 100}%)`;\n currentSlideSpan.textContent = currentIndex + 1;\n \n \/\/ Actualizar puntos\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === currentIndex);\n });\n\n \/\/ Pausar videos al cambiar de slide\n slides.forEach((slide, index) => {\n if (index !== currentIndex) {\n const wrapper = slide.querySelector('.video-wrapper');\n const iframe = slide.querySelector('iframe');\n if (wrapper.classList.contains('playing')) {\n const src = iframe.getAttribute('src');\n iframe.removeAttribute('src');\n iframe.setAttribute('data-src', src);\n wrapper.classList.remove('playing');\n }\n }\n });\n }\n\n function goToSlide(index) {\n currentIndex = index;\n updateCarousel();\n }\n\n function nextSlide() {\n currentIndex = (currentIndex + 1) % totalSlides;\n updateCarousel();\n }\n\n function prevSlide() {\n currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\n updateCarousel();\n }\n\n nextBtn.addEventListener('click', nextSlide);\n prevBtn.addEventListener('click', prevSlide);\n\n \/\/ Navegaci\u00f3n con teclado\n document.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowLeft') prevSlide();\n if (e.key === 'ArrowRight') nextSlide();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-0-color has-alpha-channel-opacity has-ast-global-color-0-background-color has-background is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"\/>\n\n\n\n<p>Compositor Digital Senior y Trainer.<\/p>\n\n\n\n<p><strong>Remoto: zona Uni\u00f3n Europea. Madrid.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nuke<\/strong> desde \u2026\u2026\u2026\u2026\u2026\u2026..\u2026 2010 ( Largometrajes de <strong>Imagen Real<\/strong> y <strong>Animaci\u00f3n<\/strong> 2d\/3d )<\/li>\n\n\n\n<li>Flame\/Smoke desde ..\u2026.. 2005 ( Tv & comerciales )<\/li>\n\n\n\n<li>Motion Graphics desde \u2026\u2026 1999 ( Tv & Animaci\u00f3n \/ <strong>Storyboard<\/strong> Artist )<\/li>\n\n\n\n<li>Blender generalista desde .. 2021 ( proyectos personales ) ( usuario heredero de 3dMax 2009 )<\/li>\n<\/ul>\n\n\n\n<p>Destrezas principales:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Experiencia en resolver marrones legendarios<\/strong>.<\/li>\n\n\n\n<li>S\u00f3lido <strong>conocimiento 3d<\/strong>.Proyecciones. Relight. Composici\u00f3n por pases y grupos de luz.<\/li>\n\n\n\n<li>Experiencia en rodajes. <strong>Supervisi\u00f3n en el set o preproducci\u00f3n.<\/strong>.<\/li>\n\n\n\n<li><strong>Set Extension<\/strong> y <strong>Digital Matte Paint<\/strong>.<\/li>\n\n\n\n<li>Track 2d y 3d.<\/li>\n\n\n\n<li>Etalonaje de color y look dev (lineal). <strong>Usuario de Davinvi Resolve. Flujo de trabajo ACES.<\/strong><\/li>\n\n\n\n<li>Roto, Key, Paint, <strong>Limpieza y reconstrucci\u00f3n de elementos tradicional avanzada (pre IA)<\/strong> (PREP) .<\/li>\n\n\n\n<li>B\u00e1sico <strong>phyton<\/strong> . Dise\u00f1o de tools y flujos de trabajo.<\/li>\n\n\n\n<li><strong>Dibujo art\u00edstico<\/strong> y <strong>Animaci\u00f3n<\/strong> .<\/li>\n<\/ol>\n\n\n\n<p>Licencias propias sobre Rocky Linux <strong>AMD Ryzen 9<\/strong> .<br>Monitores: <strong>Hp27z<\/strong> 4k y <strong>BenQ<\/strong> PD2725U 4k HDR. + <strong>Wacom Cintiq<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nuke Indie.<\/strong><\/li>\n\n\n\n<li><strong>Resolve Da Vinci<\/strong> \/ Fusion Studio.<\/li>\n\n\n\n<li><strong>Neat<\/strong> <strong>Video.<\/strong><\/li>\n\n\n\n<li><strong>Topaz Video Enhance AI<\/strong> .<\/li>\n\n\n\n<li><strong>Clip Studio.<\/strong><\/li>\n\n\n\n<li><strong>RBD<\/strong> y addons para <strong>Blender.<\/strong><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-0-color has-alpha-channel-opacity has-ast-global-color-0-background-color has-background is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"\/>","protected":false},"excerpt":{"rendered":"<p>Carrusel de Videos Vimeo 2026 2019 2017 2015 2012 2010 2011 2009 \u2039 1 \/ 8 \u203a Senior Digital Compositor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2798","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"jordal","author_link":"https:\/\/jordalefou.com\/es\/author\/jordalefougmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Carrusel de Videos Vimeo 2026 2019 2017 2015 2012 2010 2011 2009 \u2039 1 \/ 8 \u203a Senior Digital Compositor […]","_links":{"self":[{"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/pages\/2798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/comments?post=2798"}],"version-history":[{"count":24,"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/pages\/2798\/revisions"}],"predecessor-version":[{"id":4021,"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/pages\/2798\/revisions\/4021"}],"wp:attachment":[{"href":"https:\/\/jordalefou.com\/es\/wp-json\/wp\/v2\/media?parent=2798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}