{"id":68,"date":"2025-07-20T12:56:12","date_gmt":"2025-07-20T12:56:12","guid":{"rendered":"https:\/\/tropicodecancer.es\/tropico3\/?page_id=68"},"modified":"2025-11-27T15:49:42","modified_gmt":"2025-11-27T15:49:42","slug":"ia-lab","status":"publish","type":"page","link":"https:\/\/tropicodecancer.es\/en\/ia-lab\/","title":{"rendered":"IA Lab"},"content":{"rendered":"\n<style>\n  \/* -------- Slider full-screen -------- *\/\n  #slide-bigscreen.carousel,\n  #slide-bigscreen .carousel-inner,\n  #slide-bigscreen .carousel-item {\n    width: 100% !important;\n    height: 100vh;\n  }\n  #slide-bigscreen .carousel-item img {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n  \/* flechas est\u00e1ndar de Bootstrap *\/\n  .carousel-control-prev-icon,\n  .carousel-control-next-icon {\n    filter: invert(1);\n  }\n\n  \/* -------- Cursor SVG -------- *\/\n\n\n\n\n\n\/* oculta el cursor nativo cuando est\u00e9s sobre el slider *\/\n#slide-bigscreen {\n  cursor: none;\n}\n\n  .carousel-control-prev { cursor: none;}\n.carousel-control-next {cursor: none;}\n\n#cursor {  position: fixed;  margin: 0;  top: 50%;  left: 50%;  z-index: 1;  width: 70px;  height: 70px;  transform-origin: 50% 50%;  transform: translate(-50%, -50%) rotate(0deg);  mix-blend-mode: difference;  pointer-events: none;   fill:#fff;stroke:none;}\n\n#izquierda { display: none;}\n#derecha { display: none;}\n\n.blend { mix-blend-mode: difference; }\n\n#mano {\n  position: absolute;\n  top: 50%;\n\n  animation-name: example;\n  animation-duration: 3s;\n  animation-iteration-count: 1;\n  z-index: 2000;\n}\n@keyframes example {\n  0%   { right:20px;  }\n  33%  {right:50px; }\n  66%  {right:20px; }\n  100% {right:50px; }\n}\n\n.hidden {\n  display: none !important;\n}\n\/* ocultar flechas Bootstrap *\/\n#slide-bigscreen .carousel-control-prev,\n#slide-bigscreen .carousel-control-next {\n  display: none !important;\n}\n\n<\/style>\n\n<!-- Cursor SVG -->\n<div id=\"cursor\">\n  <svg id=\"izquierda\" viewBox=\"0 0 80 80\">\n    <polygon points=\"77.9,37.9 9.6,37.9 34.8,9.4 31.6,6.6 2.2,39.9 2.1,40 2.1,40 2.1,40 2.2,40.1 31.6,73.4 34.8,70.6 9.6,42.1 77.9,42.1\"\/>\n  <\/svg>\n  <svg id=\"derecha\" viewBox=\"0 0 80 80\">\n    <polygon points=\"2.1,42.1 70.4,42.1 45.2,70.6 48.4,73.4 77.8,40.1 77.9,40 77.9,40 77.9,40 77.8,39.9 48.4,6.6 45.2,9.4 70.4,37.9 2.1,37.9\"\/>\n  <\/svg>\n<\/div>\n\n<!-- Slider -->\n<section id=\"slide-bigscreen\" class=\"carousel slide\" data-ride=\"carousel\" data-interval=\"5000\" data-keyboard=\"true\">\n  <div class=\"carousel-inner\" role=\"listbox\">\n\n<!-- Slide 4 -->\n    <div class=\"carousel-item lab-video-wrapper active\" style=\"background: none;\">\n      <video class=\"video-fluid lab-video\" autoplay loop muted style=\"width:100%; height: 100%;\">\n                <source src=\"https:\/\/tropicodecancer.es\/wp-content\/uploads\/2025\/07\/jacobo7455_httpss.mj_.runH6EhCkfmZTU_-ar_85_-video_1_cdb1c7f6-2c51-4dca-8fa5-a26ebaff354d_3.mp4\" type=\"video\/mp4\" \/>\n              <\/video>\n      <div class=\"piefotolab d-none d-md-block\">\n        <p>Is this AI?<\/p>\n      <\/div>\n    <\/div>\n   \n    <!-- Slide 1 -->\n    <div class=\"carousel-item text-lab has-suisse-works-font-family\" style=\"background: none;\">\n     <h1><br \/><br \/><br \/>IA\u202fLab is our open workshop for exploration and prototyping. <br \/>Here, we take artificial intelligence apart and reassemble it to uncover new visual and communication possibilities\u2014for ourselves and for our clients.<\/h1>\n\n      \n      <div class=\"piefoto blend\">\n        <p><\/p>\n      <\/div>\n    <\/div>\n\n<!-- Slide 2 -->\n    <div class=\"carousel-item lab-video-wrapper\" style=\"background: none;\">\n      <video class=\"video-fluid lab-video\" autoplay loop muted style=\"width:100%; height: 100%;\">\n                <source src=\"https:\/\/tropicodecancer.es\/wp-content\/uploads\/2025\/07\/jacobo7455_Push_In_on_the_woman_holding_the_phone_focusing_on_52fbd2f0-767c-4892-b6c1-958518ea5c21_1.mp4\" type=\"video\/mp4\" \/>\n              <\/video>\n      <div class=\"piefotolab d-none d-md-block\">\n        <p>What makes a story feel universal and compelling?<\/p>\n      <\/div>\n    <\/div>\n\n\n  <!-- Slide 3 -->\n    <div class=\"carousel-item text-lab has-suisse-works-font-family\" style=\"background: none;\">\n     <h1><br \/><br \/><br \/><strong>Manifesto<\/strong><\/h1>\n<h1><u>Radical curiosity<\/u> \u00b7 It all starts with a question.<\/h1>\n<h1><u>Prototyping to think<\/u> \u00b7 Tangibility accelerates the conversation.<\/h1>\n<h1><u>AI as assistant, not oracle<\/u> \u00b7 A tool serving human intention.<\/h1>\n<h1><u>Transparent ethics<\/u> \u00b7 We explain datasets, processes, and limitations.<\/h1>\n<h1><u>Sharing multiplies<\/u> \u00b7 We publish lessons and failures so the community can grow.<\/h1>\n      \n      <div class=\"piefoto blend\">\n        <p><\/p>\n      <\/div>\n    <\/div>\n\n\n\n\n\n\n    <!-- \u2026repite para cada slide\u2026 -->\n  <\/div>\n\n  <!-- Controles -->\n  <a class=\"carousel-control-prev\" href=\"#slide-bigscreen\" role=\"button\" data-slide=\"prev\">\n    <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"><\/span>\n  <\/a>\n  <a class=\"carousel-control-next\" href=\"#slide-bigscreen\" role=\"button\" data-slide=\"next\">\n    <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"><\/span>\n  <\/a>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const slider = document.getElementById('slide-bigscreen');\n  const cur    = document.getElementById('cursor');\n  const izq    = document.getElementById('izquierda');\n  const der    = document.getElementById('derecha');\n  if (!slider || !cur || !izq || !der) return;\n\n  \/\/ Inicializa sin autoplay\n  jQuery(slider).carousel({ interval: false, ride: false });\n\n  \/\/ Flechas iniciales\n  izq.style.display = 'block';\n  der.style.display = 'none';\n\n  \/\/ Movimiento de cursor y alternancia de flechas\n  slider.addEventListener('mousemove', e => {\n    cur.style.left = e.clientX + 'px';\n    cur.style.top  = e.clientY + 'px';\n    if (e.clientX < window.innerWidth\/2) {\n      izq.style.display = 'block';\n      der.style.display = 'none';\n    } else {\n      izq.style.display = 'none';\n      der.style.display = 'block';\n    }\n  });\n\n  \/\/ Clic en zona izquierda\/derecha\n  slider.addEventListener('click', e => {\n    if (e.clientX < window.innerWidth\/2) {\n      jQuery(slider).carousel('prev');\n    } else {\n      jQuery(slider).carousel('next');\n    }\n  });\n\n  \/\/ Oculta cursor en t\u00e1ctil\n  if ('ontouchstart' in window) cur.style.display = 'none';\n\n  \/\/ \u2014\u2014 Ocultar cursor SVG al pasar sobre varios elementos \u2014\u2014  \n  const hoverSelectors = [\n    '.wp-block-navigation',   \/\/ men\u00fa principal\n    '.menu-2',                \/\/ men\u00fa secundario (ajusta el selector si tu clase es distinta)\n    '.tc-lang-switch',       \/\/ cambio idiomas \n    '.menu-movil',                \/\/ men\u00fa secundario (ajusta el selector si tu clase es distinta)\n    '.tit-eng',                \/\/ titulo ingl\u00e9s wp-block-navigation-item menudosin\n    '.navin',                \/\/ menu ppal ingl\u00e9s \n    '.menudosin',                \/\/ menu ppal ingl\u00e9s \n    '.a-esp',       \/\/ cambio idiomas\n    '.wp-block-site-title'    \/\/ t\u00edtulo del sitio\n  ];\n\n  hoverSelectors.forEach(sel => {\n    const el = document.querySelector(sel);\n    if (!el) return;\n    el.addEventListener('mouseenter', () => { cur.style.display = 'none'; });\n    el.addEventListener('mouseleave', () => { cur.style.display = 'block'; });\n  });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Is this AI? IA\u202fLab is our open workshop for exploration and prototyping. Here, we take artificial intelligence apart and reassemble it to uncover new visual and communication possibilities\u2014for ourselves and for our clients. What makes a story feel universal and compelling? Manifesto Radical curiosity \u00b7 It all starts with a question. Prototyping to think \u00b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tropicodecancer.es\/en\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tropicodecancer.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tropicodecancer.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tropicodecancer.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tropicodecancer.es\/en\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":8,"href":"https:\/\/tropicodecancer.es\/en\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":1801,"href":"https:\/\/tropicodecancer.es\/en\/wp-json\/wp\/v2\/pages\/68\/revisions\/1801"}],"wp:attachment":[{"href":"https:\/\/tropicodecancer.es\/en\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}