{"id":42,"date":"2025-10-10T12:42:22","date_gmt":"2025-10-10T15:42:22","guid":{"rendered":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/?page_id=42"},"modified":"2025-10-23T01:00:32","modified_gmt":"2025-10-23T04:00:32","slug":"datos-curiosos","status":"publish","type":"page","link":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/datos-curiosos\/","title":{"rendered":"Datos Curiosos"},"content":{"rendered":"\n<style>\n\/* Hotspots grandes y redondos *\/\nbutton.hotspot {\n  position: absolute;\n  border: none;\n  border-radius: 50%;\n  width: 65px; \/* tama\u00f1o final *\/\n  height: 65px;\n  background-color: rgba(255,0,0,0); \/* transparente *\/\n  cursor: pointer;\n  transition: all 0.3s ease;\n  z-index: 2;\n}\n\n\/* Colores y efecto al pasar el mouse *\/\nbutton.hotspot.ansiedad:hover { box-shadow: 0 0 40px rgba(255,165,0,0.9); transform: scale(1.5); }\nbutton.hotspot.ennui:hover { box-shadow: 0 0 40px rgba(128,0,128,0.9); transform: scale(1.5); }\nbutton.hotspot.envidia:hover { box-shadow: 0 0 40px rgba(0,128,0,0.9); transform: scale(1.5); }\nbutton.hotspot.emociones:hover { box-shadow: 0 0 40px rgba(255,0,0,0.9); transform: scale(1.5); }\nbutton.hotspot.fourtown:hover { box-shadow: 0 0 40px rgba(0,0,255,0.9); transform: scale(1.5); }\nbutton.hotspot.val:hover { box-shadow: 0 0 40px rgba(255,192,203,0.9); transform: scale(1.5); }\nbutton.hotspot.nostalgia:hover { box-shadow: 0 0 40px rgba(173,216,230,0.9); transform: scale(1.5); }\n\n\/* Popups animados *\/\n.popup {\n  display: none;\n  position: absolute;\n  background: white;\n  color: black;\n  padding: 10px;\n  border-radius: 8px;\n  width: 240px;\n  text-align: center;\n  box-shadow: 0 0 10px rgba(0,0,0,0.2);\n  z-index: 3;\n  opacity: 0;\n  transform: translateY(-10px);\n  transition: all 0.3s ease;\n}\n\n.popup.show {\n  display: block;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Contenedor del mapa centrado y responsive *\/\n.map-container {\n  position: relative;\n  max-width: 800px;\n  margin: 0 auto;\n  display: block;\n}\n.map-container img {\n  width: 100%;\n  display: block;\n  margin: 0 auto;\n  z-index: 1;\n}\n<\/style>\n\n<div class=\"map-container\">\n  <!-- Imagen de fondo -->\n  <img decoding=\"async\" src=\"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/wp-content\/uploads\/2025\/10\/Intensamente-2-.png\">\n\n  <!-- Hotspot 1: Los ojos de ansiedad -->\n  <button class=\"hotspot ansiedad\" onclick=\"togglePopup('popup1')\" style=\"top:20%; left:32%;\"><\/button>\n  <div id=\"popup1\" class=\"popup\" style=\"top:18%; left:34%;\">\n    <strong>Los ojos de ansiedad:<\/strong> Ansiedad es el \u00fanico personaje que tiene las pupilas de diferente color al de la emoci\u00f3n que representa, pues a pesar de que su tono caracter\u00edstico es el naranja sus pupilas son verdes.\n  <\/div>\n\n  <!-- Hotspot 2: Sobre el nombre de Ennui -->\n  <button class=\"hotspot ennui\" onclick=\"togglePopup('popup2')\" style=\"top:18%; left:72%;\"><\/button>\n  <div id=\"popup2\" class=\"popup\" style=\"top:21%; left:74%;\">\n    <strong>Sobre el nombre de Ennui:<\/strong> El nombre de &#8220;Ennui&#8221; tiene su origen en una palabra francesa que describe un sentimiento de profundo aburrimiento, frecuentemente asociado a un vac\u00edo existencial.\n  <\/div>\n\n  <!-- Hotspot 3: El dise\u00f1o de envidia -->\n  <button class=\"hotspot envidia\" onclick=\"togglePopup('popup3')\" style=\"top:45%; left:83%;\"><\/button>\n  <div id=\"popup3\" class=\"popup\" style=\"top:43%; left:85%;\">\n    <strong>El dise\u00f1o de envidia:<\/strong> El origen etimol\u00f3gico de Envidia es \u2018invidere\u2018 que significa \u201cponer la mirada en algo\u201d. Y generalmente la envidia est\u00e1 asociada a esta idea de que vemos m\u00e1s a los dem\u00e1s que a nosotros mismos, es por esto que el personaje de envidia tiene los ojos mucho m\u00e1s grandes que el resto. Adem\u00e1s, es el \u00fanico personaje con 4 dedos.\n  <\/div>\n\n  <!-- Hotspot 4: Emociones eliminadas -->\n  <button class=\"hotspot emociones\" onclick=\"togglePopup('popup4')\" style=\"top:70%; left:80%;\"><\/button>\n  <div id=\"popup4\" class=\"popup\" style=\"top:68%; left:82%;\">\n    <strong>Emociones eliminadas:<\/strong> En el proceso de dise\u00f1o se consider\u00f3 agregar algunas otras emociones, que posteriormente fueron descartadas, entre estas estaban, uno que representara la culpa, de forma siempre sudorosa y con una mochila llena de peso. Otra fue la verg\u00fcenza, en ingl\u00e9s \u201cShame\u201d, representada como versi\u00f3n femenina m\u00e1s sombr\u00eda. Tambi\u00e9n se pens\u00f3 en el sentimiento de celos, pero se descart\u00f3 por ser demasiado parecido a la envidia.\n  <\/div>\n\n  <!-- Hotspot 5: Aparici\u00f3n de 4town -->\n  <button class=\"hotspot fourtown\" onclick=\"togglePopup('popup5')\" style=\"top:79%; left:52%;\"><\/button>\n  <div id=\"popup5\" class=\"popup\" style=\"top:77%; left:54%;\">\n    <strong>Aparici\u00f3n de 4town:<\/strong> Uno de los posters que est\u00e1n pegados en el cuarto de Riley es de 4town, la banda que forma parte importante de la pel\u00edcula Red. Una producci\u00f3n tambi\u00e9n de Pixar.\n  <\/div>\n\n  <!-- Hotspot 6: Sobre el nombre de Val -->\n  <button class=\"hotspot val\" onclick=\"togglePopup('popup6')\" style=\"top:75%; left:25%;\"><\/button>\n  <div id=\"popup6\" class=\"popup\" style=\"top:73%; left:27%;\">\n    <strong>Sobre el nombre de Val:<\/strong> La jugadora de hockey que Riley idolatra es llamada Val porque representa la validaci\u00f3n que Riley busca en este personaje y la necesidad de aprobaci\u00f3n que sufren muchas veces los adolescentes.\n  <\/div>\n\n  <!-- Hotspot 7: Los lentes de nostalgia -->\n  <button class=\"hotspot nostalgia\" onclick=\"togglePopup('popup7')\" style=\"top:45%; left:11%;\"><\/button>\n  <div id=\"popup7\" class=\"popup\" style=\"top:42%; left:13%;\">\n    <strong>Los lentes de nostalgia:<\/strong> El personaje que representa a la nostalgia lleva unos lentes de sol rosados, esto est\u00e1 asociado a la idea de que los seres humanos recuerdan el pasado \u201ccolor de rosas\u201d sin tomar en cuenta el lado negativo.\n  <\/div>\n<\/div>\n\n<script>\nfunction togglePopup(id){\n  const popup = document.getElementById(id);\n  if(popup.classList.contains('show')){\n    popup.classList.remove('show');\n    setTimeout(() => { popup.style.display='none'; }, 300);\n  } else {\n    popup.style.display='block';\n    setTimeout(() => { popup.classList.add('show'); }, 10);\n  }\n}\n<\/script>\n\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-separator uagb-block-c261ff94\"><div class=\"wp-block-uagb-separator__inner\" style=\"--my-background-image:\"><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Descubriste nuestra playlist secreta&#8230; \u00a1Nostalgia!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-spotify wp-block-embed-spotify wp-embed-aspect-21-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Spotify Embed: Nostalgia\" style=\"border-radius: 12px\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\" src=\"https:\/\/open.spotify.com\/embed\/playlist\/5uB7T3XI8IbLAMDGJkcYS0?si=c24829d7b7f940c0&#038;utm_source=oembed\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Los ojos de ansiedad: Ansiedad es el \u00fanico personaje que tiene las pupilas de diferente color al de la emoci\u00f3n que representa, pues a pesar de que su tono caracter\u00edstico es el naranja sus pupilas son verdes. Sobre el nombre de Ennui: El nombre de &#8220;Ennui&#8221; tiene su origen en una palabra francesa que describe &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/datos-curiosos\/\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u201cDatos Curiosos\u201d<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"inspiro-featured-image":false,"inspiro-loop":false,"inspiro-loop@2x":false},"uagb_author_info":{"display_name":"admin2025s2g09","author_link":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/author\/admin2025s2g09\/"},"uagb_comment_info":0,"uagb_excerpt":"Los ojos de ansiedad: Ansiedad es el \u00fanico personaje que tiene las pupilas de diferente color al de la emoci\u00f3n que representa, pues a pesar de que su tono caracter\u00edstico es el naranja sus pupilas son verdes. Sobre el nombre de Ennui: El nombre de &#8220;Ennui&#8221; tiene su origen en una palabra francesa que describe&hellip;","_links":{"self":[{"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":20,"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":577,"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions\/577"}],"wp:attachment":[{"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}