{"id":406,"date":"2025-10-19T22:25:19","date_gmt":"2025-10-20T01:25:19","guid":{"rendered":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/?page_id=406"},"modified":"2025-10-19T23:52:35","modified_gmt":"2025-10-20T02:52:35","slug":"historia","status":"publish","type":"page","link":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/historia\/","title":{"rendered":"Historia"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull has-parallax\" style=\"min-height:100vh;aspect-ratio:unset;\"><div class=\"wp-block-cover__image-background wp-image-176 size-full has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/wp-content\/uploads\/2025\/10\/Inside-Out.jpeg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#614b57\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-white-color has-text-color wp-block-paragraph\" style=\"font-size:clamp(37.821px, 2.364rem + ((1vw - 3.2px) * 2.848), 70px);font-style:normal;font-weight:900\"><strong>Quiz\u00e1s esto es lo que pasa cuando creces.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-medium-font-size wp-block-paragraph\" style=\"letter-spacing:1px\"><strong>Una pel\u00edcula que nos ense\u00f1a que la felicidad genuina y el bienestar emocional se logran no a trav\u00e9s de la evasi\u00f3n, sino a trav\u00e9s de la aceptaci\u00f3n y la comprensi\u00f3n de nuestras emociones<\/strong>.<\/p>\n<\/div><\/div>\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=\"intro-text\">\n  <p>La mente de Riley contiene muchas emociones, veamos qu\u00e9 ocurre en esta nueva pel\u00edcula:<\/p>\n<\/div>\n\n<div class=\"historia-box\">\n  <img decoding=\"async\" src=\"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/wp-content\/uploads\/2025\/10\/Intensamente2_03-removebg-preview.png\" alt=\"Cabeza\" class=\"historia-img\">\n<\/div>\n\n<div class=\"historia-overlay\">\n  <div class=\"historia-sinopsis\">\n    <button class=\"close-btn\">&times;<\/button>\n    <!-- Destello real visible -->\n    <div class=\"historia-flash\"><\/div>\n    <p><strong>Intensamente 2<\/strong> cuenta la historia de Riley, quien est\u00e1 entrando en la adolescencia y, con ella, llegan nuevas emociones a su mente: Ansiedad, Envidia, Verg\u00fcenza y Aburrimiento. Estas nuevas emociones se apoderan del cuartel de mando, y las emociones originales (Alegr\u00eda, Tristeza, Furia, Miedo y Desagrado) deben luchar para que Riley no pierda su sentido de identidad mientras intenta encajar en el equipo de hockey de la escuela secundaria. La pel\u00edcula muestra c\u00f3mo Riley lidia con la presi\u00f3n, los cambios y la amistad, y c\u00f3mo todas las emociones, tanto las nuevas como las antiguas, son importantes para crecer.<\/p>\n  <\/div>\n<\/div>\n\n<style>\n\/* Frase introductoria *\/\n.intro-text p {\n  color: #fff;\n  text-shadow: 2px 2px 5px rgba(0,0,0,0.6);\n  font-weight: 600;\n  text-align: center;\n  font-size: 18px;\n  margin: 20px auto 40px auto;\n  max-width: 700px;\n}\n\n\/* Cabeza *\/\n.historia-box {\n  display: flex;\n  justify-content: center;\n  margin: 20px 0 50px 0;\n  cursor: pointer;\n  position: relative;\n}\n\n.historia-img {\n  width: 100%;\n  max-width: 500px;\n  border-radius: 20px;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.historia-img:hover {\n  transform: scale(1.05);\n  filter: brightness(1.2);\n  box-shadow: 0 0 25px rgba(255,255,255,0.6);\n}\n\n\/* Overlay *\/\n.historia-overlay {\n  position: fixed;\n  top:0; left:0;\n  width:100%; height:100%;\n  background: rgba(0,0,0,0.05);\n  display:flex; justify-content:center; align-items:flex-start;\n  padding-top:40px;\n  opacity:0; pointer-events:none;\n  transition: opacity 0.4s ease;\n  z-index:1000;\n}\n\n\/* Sinopsis *\/\n.historia-sinopsis {\n  position:relative;\n  max-width:550px;\n  width:90%;\n  background:#fff;\n  color:#000;\n  padding:25px 30px;\n  border-radius:15px;\n  text-align:center;\n  opacity:0;\n  transform:translateY(-20px);\n  box-shadow:0 8px 30px rgba(0,0,0,0.3);\n  overflow:hidden;\n}\n\n\/* Destello real visible sobre todo el popup *\/\n.historia-flash {\n  position:absolute;\n  top:0; left:0;\n  width:100%; height:100%;\n  background: radial-gradient(circle, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 80%);\n  transform: scale(0);\n  pointer-events:none;\n}\n\n\/* Animaci\u00f3n destello al abrir *\/\n.historia-overlay.active .historia-flash {\n  animation: flashIn 0.5s forwards;\n}\n\n@keyframes flashIn {\n  0% { transform: scale(0); opacity:1; }\n  50% { transform: scale(1); opacity:0.8; }\n  100% { transform: scale(1.2); opacity:0; }\n}\n\n\/* Animaci\u00f3n destello al cerrar *\/\n.historia-overlay.closing .historia-flash {\n  animation: flashOut 0.5s forwards;\n}\n\n@keyframes flashOut {\n  0% { transform: scale(0); opacity:1; }\n  50% { transform: scale(1); opacity:0.8; }\n  100% { transform: scale(1.2); opacity:0; }\n}\n\n\/* Animaci\u00f3n del texto *\/\n.historia-overlay.active .historia-sinopsis p {\n  animation: textIn 0.7s forwards;\n}\n\n@keyframes textIn {\n  0% { opacity:0; transform:translateY(20px) scale(0.95);}\n  60% { opacity:1; transform:translateY(-5px) scale(1.02);}\n  80% { transform:translateY(0) scale(0.98);}\n  100% { opacity:1; transform:translateY(0) scale(1);}\n}\n\n.historia-overlay.closing .historia-sinopsis p {\n  animation: textOut 0.6s forwards;\n}\n\n@keyframes textOut {\n  0% { opacity:1; transform:scale(1); }\n  50% { opacity:0.6; transform:scale(1.05); }\n  100% { opacity:0; transform:scale(1.1);}\n}\n\n\/* Bot\u00f3n cerrar *\/\n.close-btn {\n  position:absolute;\n  top:-10px; right:-10px;\n  background:#f5f5f5; width:35px; height:35px;\n  border-radius:50%; border:none; font-size:25px; cursor:pointer;\n  display:flex; align-items:center; justify-content:center;\n  color:#333; font-weight:bold; box-shadow:0 4px 10px rgba(0,0,0,0.2);\n}\n.close-btn:hover { transform:scale(1.1); color:#000; box-shadow:0 6px 15px rgba(0,0,0,0.3); }\n\n\/* Overlay activo *\/\n.historia-overlay.active { opacity:1; pointer-events:auto; }\n.historia-overlay.active .historia-sinopsis { opacity:1; transform:translateY(0); }\n\n\/* Responsivo *\/\n@media (max-width:600px){ .historia-sinopsis{font-size:15px;padding:20px;} .intro-text p{font-size:16px;} }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const box = document.querySelector('.historia-box');\n  const overlay = document.querySelector('.historia-overlay');\n  const closeBtn = document.querySelector('.close-btn');\n\n  function openOverlay(){\n    overlay.classList.add('active');\n    overlay.classList.remove('closing');\n  }\n\n  function closeOverlay(){\n    overlay.classList.add('closing');\n    setTimeout(()=>{ overlay.classList.remove('active','closing'); },500);\n  }\n\n  box.addEventListener('click',openOverlay);\n  closeBtn.addEventListener('click',closeOverlay);\n  overlay.addEventListener('click',(e)=>{ if(e.target===overlay) closeOverlay(); });\n  document.addEventListener('keydown',(e)=>{ if(e.key===\"Escape\") closeOverlay(); });\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>La mente de Riley contiene muchas emociones, veamos qu\u00e9 ocurre en esta nueva pel\u00edcula: &times; Intensamente 2 cuenta la historia de Riley, quien est\u00e1 entrando en la adolescencia y, con ella, llegan nuevas emociones a su mente: Ansiedad, Envidia, Verg\u00fcenza y Aburrimiento. Estas nuevas emociones se apoderan del cuartel de mando, y las emociones originales &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/historia\/\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u201cHistoria\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-406","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":"La mente de Riley contiene muchas emociones, veamos qu\u00e9 ocurre en esta nueva pel\u00edcula: &times; Intensamente 2 cuenta la historia de Riley, quien est\u00e1 entrando en la adolescencia y, con ella, llegan nuevas emociones a su mente: Ansiedad, Envidia, Verg\u00fcenza y Aburrimiento. Estas nuevas emociones se apoderan del cuartel de mando, y las emociones originales&hellip;","_links":{"self":[{"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/pages\/406","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=406"}],"version-history":[{"count":24,"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/pages\/406\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/pages\/406\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/tecnologiasdelacomunicacion.comunicaciones.uc.cl\/2025\/s2\/grupo09\/index.php\/wp-json\/wp\/v2\/media?parent=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}