{"id":1945,"date":"2024-03-16T16:18:02","date_gmt":"2024-03-16T16:18:02","guid":{"rendered":"https:\/\/storytic.upf.edu\/?page_id=1945"},"modified":"2024-05-23T14:51:55","modified_gmt":"2024-05-23T14:51:55","slug":"aula-sessio-1-dibuixos-01","status":"publish","type":"page","link":"https:\/\/storytic.upf.edu\/es\/aula-sessio-1-dibuixos\/aula-sessio-1-dibuixos-01\/","title":{"rendered":"AULA &#8211; SESSI\u00d3 1 &#8211; Dibuixos 01"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;no_docent_header_on_tablet&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#fadc50&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_stops=&#8221;#ffffff 0%|#fadc50 81%|#fadc50 100%&#8221; min_height=&#8221;966.5px&#8221; height=&#8221;1253px&#8221; custom_css_free_form=&#8221;@media all and (min-width: 768px) and (max-width: 1024px) {||.no_docent_header_on_tablet  {||  padding-top:56px!important;||}||}&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;5&#8243; width=&#8221;100%&#8221; max_width=&#8221;2560px&#8221; module_alignment=&#8221;center&#8221; height=&#8221;33px&#8221; custom_margin=&#8221;0px|0px|0px|0px|true|true&#8221; custom_padding=&#8221;0px|0px|0px|0px|true|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;DOCENT&#8221; image=&#8221;https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/ic-docent-terapeuta-1-1.png&#8221; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;80px&#8221; content_max_width_tablet=&#8221;100%&#8221; content_max_width_phone=&#8221;100%&#8221; content_max_width_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|||on|||||&#8221; header_text_align=&#8221;left&#8221; header_text_color=&#8221;#1C7393&#8243; header_font_size=&#8221;22px&#8221; body_text_align=&#8221;left&#8221; body_text_color=&#8221;#FADC50&#8243; body_font_size=&#8221;20px&#8221; image_icon_custom_margin=&#8221;-20px||||false|false&#8221; image_icon_custom_padding=&#8221;||||false|false&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;|||10px|false|false&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;.caja_1 {||  background-color: #1c7393;||  padding: 15px 20px 15px 20px;||  margin-top: -10px;||  margin-left: -76px;||  border-radius: 15px;||  width: 110%;||  height: 100% !important;||  max-height: 360px !important;||  z-index: 1;||}||@media (min-width: 2001px) {||  .caja_1 {||    background-color: #1c7393;||    padding: 15px 20px 0px 20px;||    margin-top: -10px;||    margin-left: -76px;||    border-radius: 15px;||    width: 110%;||    height: 100% !important;||    max-height: 500px !important;||    z-index: 1;||  }||  .scrollable_text {||    font-size: 25px !important;||    height: 100% !important;||    max-height: 440px !important;||    overflow: auto !important;||  }||}||||@media (min-width: 1501px) and (max-width: 2000px) {||  .caja_1 {||    background-color: #1c7393;||    padding: 15px 20px 0px 20px;||    margin-top: -10px;||    margin-left: -76px;||    border-radius: 15px;||    width: 110%;||    height: 100% !important;||    max-height: 430px !important;||    z-index: 1;||  }||  .scrollable_text {||    height: 100% !important;||    font-size: 20px !important;||    max-height: 370px !important;||    overflow: auto !important;||  }||}||@media (min-width: 1366px) and (max-width: 1500px) {||  .caja_1 {||    background-color: #1c7393;||    padding: 15px 20px 0px 20px;||    margin-top: -10px;||    margin-left: -76px;||    border-radius: 15px;||    width: 100%;||    height: 100% !important;||    max-height: 400px !important;||    z-index: 1;||  }||  .scrollable_text {||    height: 100% !important;||    font-size: 20px !important;||    max-height: 340px !important;||    overflow: auto !important;||  }||}||@media (min-width: 980px) and (max-width: 1024px) and (orientation: landscape) {||  .caja_1 {||    background-color: #1c7393;||    padding: 15px 20px 0px 20px;||    margin-top: -10px;||    margin-left: -76px;||    border-radius: 15px;||    width: 110%;||    height: 100% !important;||    max-height: 360px !important;||    z-index: 1;||  }||  .scrollable_text {||    height: 100% !important;||    max-height: 300px !important;||    overflow: auto !important;||    font-size: 16px !important;||  }||}||@media (min-width: 1025px) and (max-width: 1366px) and (orientation: landscape) {||  .caja_1 {||    background-color: #1c7393;||    padding: 15px 20px 0px 20px;||    margin-top: -10px;||    margin-left: -76px;||    border-radius: 15px;||    width: 110%;||    height: 100% !important;||    max-height: 360px !important;||    z-index: 1;||  }||  .scrollable_text {||    height: 100% !important;||    max-height: 300px;||    overflow: auto !important;||    font-size: 16px !important;||  }||}||@media (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {||  .caja_1 {||    background-color: #1c7393;||    padding: 15px 20px 0px 20px;||    margin-top: -10px;||    margin-left: -76px;||    border-radius: 15px;||    width: 108%;||    height: 100% !important;||    max-height: 360px !important;||    z-index: 1;||  }||  .scrollable_text {||    height: 100%!important;||    max-height: 300px!important;||    overflow: auto !important;||    font-size: 16px !important;||  }||}||@media (min-width: 980px) and (max-width: 1023px) and (orientation: portrait) {||  .caja_1 {||    background-color: #1c7393;||    padding: 15px 20px 0px 20px;||    margin-top: -10px;||    margin-left: -76px;||    border-radius: 15px;||    width: 100%;||    height: 100% !important;||    max-height: 260px !important;||    z-index: 1;||  }||  .scrollable_text {||    height: 100%!important;||    max-height: 200px!important;||    overflow: auto !important;||    font-size: 16px !important;||  }||}||@media (min-width: 800px) and (max-width: 980px) and (orientation: portrait) {||  .caja_1 {||    background-color: #1c7393;||    padding: 15px 20px 0px 20px;||    margin-top: -10px;||    margin-left: -76px;||    border-radius: 15px;||    width: 108%;||    height: 100% !important;||    max-height: 260px !important;||    z-index: 1;||  }||  .scrollable_text {||    height: 100%!important;||    max-height: 200px!important;||    overflow: auto !important;||    font-size: 16px !important;||  }||}||@media (min-width: 768px) and (max-width: 799px) and (orientation: portrait) {||  .caja_1 {||    background-color: #1c7393;||    padding: 15px 20px 0px 20px;||    margin-top: -10px;||    margin-left: -76px;||    border-radius: 15px;||    width: 108%;||    height: 100% !important;||    max-height: 160px !important;||    z-index: 1;||  }||  .scrollable_text {||    height: 100%!important;||    max-height: 100px!important;||    overflow: auto !important;||    font-size: 16px !important;||  }||}||close-button-white{||  margin-bottom:10px!important;||  margin-right:5px!important; ||  padding:0px!important;||  color:#ffffff!important;||}&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div id=\"reveal_docent\" class=\"caja_1\">\n<p class=\"close-button-white\" style=\"text-align: right; padding: 0px!important;\"><span class=\"rv-button2 opened\" style=\"color: #ffffff;\">x<\/span><\/p>\n<div class=\"scrollable_text\">\n<p>Bienvenidos y bienvenidas, nos sentaremos todos en c\u00edrculo.<\/p>\n<p>A partir de hoy haremos unas cuantas actividades con la cuentacuentos Caterina.<\/p>\n<p>\u00a1Saludemos a Caterina, que nos quiere contar unas cosas! \u00a1HOLA CATERINA!<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; positioning=&#8221;none&#8221; width=&#8221;100%&#8221; max_width=&#8221;2560px&#8221; height=&#8221;500px&#8221; custom_margin=&#8221;0px||20px||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_text=&#8221; &#8221; button_alignment=&#8221;center&#8221; module_class=&#8221;rv-button opened&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;21px&#8221; button_bg_image=&#8221;https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/ic-dialogo.png&#8221; button_border_width=&#8221;0px&#8221; button_border_color=&#8221;RGBA(255,255,255,0)&#8221; button_border_radius=&#8221;0px&#8221; button_letter_spacing=&#8221;0px&#8221; button_use_icon=&#8221;off&#8221; position_origin_a=&#8221;top_center&#8221; position_origin_r=&#8221;bottom_right&#8221; vertical_offset=&#8221;42px&#8221; horizontal_offset=&#8221;-192px&#8221; z_index=&#8221;12&#8243; custom_margin=&#8221;|0px|0px|400px|false|false&#8221; custom_padding=&#8221;25px|25px|25px|25px|true|true&#8221; custom_css_free_form=&#8221;@media all and (min-width: 1900px) {||.et_pb_button_0 {||  \tleft:35px!important;||    z-index: 12;||    position: relative!important;||}||}||||@media all and (min-width: 1405px) and (max-width: 1900px) {||.et_pb_button_0 {||  \tleft: 15px!important;||    z-index: 12;||    position: relative;||}||}||@media all and (min-width: 1240px) and (max-width: 1405px) {||.et_pb_button_0 {||  \tright: 35px!important;||    z-index: 12;||    position: relative!important;||  }||}||@media all and (min-width: 1100px) and (max-width: 1240px) {||.et_pb_button_0 {||  \tright: 50px!important;||    z-index: 12;||    position: relative!important;||  }||}||@media all and (min-width: 980px) and (max-width: 1100px) {||.et_pb_button_0 {||  \tright: 80px!important;||    z-index: 12;||    position: relative!important;||  }||}&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_image__hover=&#8221;https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/ic-dialogoDes.png&#8221; button_bg_enable_image__hover=&#8221;on&#8221;][\/et_pb_button][et_pb_text _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;absolute&#8221; width=&#8221;100%&#8221; custom_css_free_form=&#8221;.position-absolute {||    position: absolute!important;||}||@media all and (min-width: 2000px){||.contacontes{||    display: flex;||    justify-content: center;||  }||.img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 600px!important;||    width: 600px!important;||    max-height: 600px!important;||    max-width: 600px!important;||  }||.video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -600px!important;||}  ||  .play {||    top: 65px;||    height:70px!important;||    width:70px!important;||    right:10%!important;||    cursor: pointer;||}||    .play img{||    height:70px!important;||    width:70px!important;||  }||}||@media all and (min-width: 1820px) and (max-width: 2000px) {||.contacontes{||    display: flex;||    justify-content: center;||  }||.img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 600px!important;||    width: 600px!important;||    max-height: 600px!important;||    max-width: 600px!important;||  }||.video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -600px!important;||}  ||  .play {||    top: 65px;||    height:70px!important;||    width:70px!important;||    right:5%!important;||    cursor: pointer;||}||    .play img{||    height:70px!important;||    width:70px!important;||  }||}||@media all and (min-width: 1670px) and (max-width: 1820px) {||.contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 460px!important;||    width: 460px!important;||    max-height: 460px!important;||    max-width: 460px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -460px!important;||}  ||  .play {||    top: 65px;||    height:70px!important;||    width:70px!important;||    right:10%!important;||    cursor: pointer;||}||    .play img{||    height:70px!important;||    width:70px!important;||  }||}||@media all and (min-width: 1560px) and (max-width: 1670px) {||.contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 460px!important;||    width: 460px!important;||    max-height: 460px!important;||    max-width: 460px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -460px!important;||}  ||  .play {||    top: 65px;||    height:70px!important;||    width:70px!important;||    right:7%!important;||    cursor: pointer;||}||    .play img{||    height:70px!important;||    width:70px!important;||  }||}||@media all and (min-width: 1480px) and (max-width: 1560px) {||.contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 460px!important;||    width: 460px!important;||    max-height: 460px!important;||    max-width: 460px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -460px!important;||}  ||  .play {||    top: 65px;||    height:70px!important;||    width:70px!important;||    right:5%!important;||    cursor: pointer;||}||    .play img{||    height:70px!important;||    width:70px!important;||  }||}||@media all and (min-width: 1366px) and (max-width: 1480px) {||.contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 420px!important;||    width: 420px!important;||    max-height: 420px!important;||    max-width: 420px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -420px!important;||}  ||  .play {||    top: 65px;||    right: 3%!important;||    cursor: pointer;||}||  .play img{||    height:70px!important;||    width:70px!important;||  }||}||\/*** Responsive Styles Tablet Only ***\/||@media (min-width: 1300px) and (max-width: 1400px) and (orientation: landscape) {|| .contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 360px!important;||    width: 360px!important;||    max-height: 360px!important;||    max-width: 360px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -360px!important;||}  ||  .play {||    top: 65px;||    right: 5%!important;||    cursor: pointer;||}||}||@media (min-width: 1240px) and (max-width: 1300px) and (orientation: landscape) {|| .contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 360px!important;||    width: 360px!important;||    max-height: 360px!important;||    max-width: 360px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -360px!important;||}  ||  .play {||    top: 65px;||    right: 5%!important;||    cursor: pointer;||}||}||@media (min-width: 1100px) and (max-width: 1240px) and (orientation: landscape) {||  .contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 360px!important;||    width: 360px!important;||    max-height: 360px!important;||    max-width: 360px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -360px!important;||}  ||  .play {||    top: 65px;||    right: -2%!important;||    cursor: pointer;||}||}||@media (min-width: 1024px) and (max-width: 1100px) and (orientation: landscape) {||  .contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 360px!important;||    width: 360px!important;||    max-height: 360px!important;||    max-width: 360px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -360px!important;||}  ||  .play {||    top: 65px;||    right: -10%!important;||    cursor: pointer;||}||}||@media (min-width: 980px) and (max-width: 1024px) and (orientation: portrait) {||  .contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 360px!important;||    width: 360px!important;||    max-height: 360px!important;||    max-width: 360px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -360px!important;||}  ||  .play {||    top: 65px;||    right: -10%!important;||    cursor: pointer;||}||}||@media (min-width: 768px) and (max-width: 980px) and (orientation: portrait) {||  .contacontes{||    display: flex;||    justify-content: center;||  }|| .img-420,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 360px!important;||    width: 360px!important;||    max-height: 360px!important;||    max-width: 360px!important;||  }||  .video-circular {||    border-radius: 50%;||    object-fit: cover;||    border: 7px solid #1A554E;||    margin-top: -360px!important;||}  ||  .play {||    top: 410px;||    right: 220px;||    cursor: pointer;||}||}&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"position-relative contacontes\">\n<div class=\"container-video\">\n<p><img decoding=\"async\" class=\"img-420 img-video\" alt=\"Contacontes\" src=\"https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/sonrisa-videos.png\" \/><br \/><video class=\"video-circular img-420\" preload=\"none\" style=\"display: none;\"><source src=\"https:\/\/storytic.upf.edu\/aula\/content\/video\/Presentacio-Caterina.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<\/div>\n<div class=\"position-absolute play\"><img decoding=\"async\" class=\"ml-5\" src=\"https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play20Circle.png\" alt=\"Play\" \/><\/div>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||100px|false|false&#8221; custom_css_free_form=&#8221;@media all and (min-width: 1100px) and (max-width: 1405px) {||.et_pb_column_5 {||    padding-left: 20px!important;||  }||}&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;reveal&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#1a554e&#8221; text_font_size=&#8221;20px&#8221; background_color=&#8221;#d8dcc4&#8243; horizontal_offset=&#8221;-100px&#8221; width=&#8221;80%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; height=&#8221;100%&#8221; custom_margin=&#8221;0px||0px|-30%|false|false&#8221; custom_margin_tablet=&#8221;0px|0px||0px|false|false&#8221; custom_margin_phone=&#8221;0px|0px||0px|false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;20px|30px|20px|30px|false|true&#8221; custom_css_free_form=&#8221;.close-button {||    font-size: 20px;||    color: #1A554E;||    padding: 10px;||  \tmargin-right: -20px;||    border-radius: 10px;||  \tcursor: pointer;||}\t||@media (min-width: 2001px) {||#reveal {||  width: 70%;||  margin-left: -30% !important;||  height: 100% !important;||  max-height: 500px !important;||}||.scrollable_text2 {||  font-size: 25px !important;||}||}||@media (min-width: 1501px) and (max-width: 2000px){||#reveal {||  width: 80%;||  margin-left: -30% !important;||  height: 100% !important;||  max-height: 430px !important;||}||.scrollable_text2 {||  font-size: 20px !important;||  max-height: 390px !important;||}||}||@media (min-width: 1366px) and (max-width: 1500px){||#reveal {||  width: 95%;||  margin-left: -10% !important;||  height: 100% !important;||  max-height: 400px !important;||}||.scrollable_text2 {||  font-size: 20px !important;||  max-height: 360px !important;||}||}||@media (min-width: 980px) and (max-width: 1024px) and (orientation: landscape) {||#reveal {||  width: 260px;||  margin-right: 0px !important;||  margin-left: -75px !important;||  height: 100% !important;||  max-height: 300px !important;||}||.scrollable_text2 {||  height: 100% !important;||  max-height: 240px !important;||  overflow: auto !important;||  font-size: 16px !important;||}||.et_pb_text_1 {||  font-size: 16px !important;||  height: 100%!important;||  max-height: 300px !important;||  max-width: 290px!important;||}||}||@media (min-width: 1025px) and (max-width: 1366px) and (orientation: landscape) {||#reveal {||  width: 100%;||  margin-right: 20px !important;||  margin-left: -3% !important;||  height: 100% !important;||  max-height: 360px !important;||}||.scrollable_text2 {||  height: 100% !important;||  max-height: 310px !important;||  overflow: auto !important;||  font-size: 16px !important;||}||}||@media (min-width: 980px) and (max-width: 1024px) and (orientation: portrait) {||#reveal {||  width: 900px;||  margin-right: 100px !important;||  margin-left: -650px !important;||  margin-top: 400px !important;||  height: 100% !important;||  max-height: 300px !important;||  position: relative;||  z-index: 10;||}||.scrollable_text2 {||  overflow: visible;||  font-size: 16px !important;||}||.et_pb_text_1 {||  font-size: 16px !important;||  height: 100% !important;||  max-height: 300px !important;||  max-width: 900px !important;||}||.et_pb_column_5 {||  padding-left: 0px !important;||}||}||||@media (min-width: 768px) and (max-width: 980px) and (orientation: portrait) {||#reveal {||  width: 100%;||  margin-right: 50px !important;||  margin-left: -50px !important;||  margin-top: 280px !important;||  height: 100% !important;||  max-height: 250px !important;||}||.scrollable_text2 {||  overflow: visible;||  font-size: 16px !important;||}||}\t&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"margin-bottom: 10px !important; padding: 0px !important; text-align: right;\"><span class=\"rv-button opened close-button\">x<\/span><\/p>\n<div class=\"scrollable_text2\" style=\"text-align: center;\"><span>\u00a1Hola!<\/span><br \/><span>Soy Caterina, vuestra cuentacuentos.<\/span><br \/><span>Quiero presentaros un amigo muy simp\u00e1tico y peludo.<\/span><br \/><span>Se llama Meloix.<\/span><br \/><span>\u00bfQuer\u00e9is conocerlo?<\/span><\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_6,1_6,1_6,1_6,1_6,1_6&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;fixed&#8221; position_origin_f=&#8221;bottom_center&#8221; z_index=&#8221;20&#8243; width=&#8221;90%&#8221; max_width=&#8221;2560px&#8221; height=&#8221;60px&#8221; custom_margin=&#8221;||20px||false|false&#8221; custom_padding=&#8221;3px|15px|0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_icon font_icon=&#8221;&#x34;||divi||400&#8243; icon_color=&#8221;#fadc50&#8243; icon_width=&#8221;32px&#8221; url=&#8221;https:\/\/storytic.upf.edu\/aula-tutorial\/aula-sessio-1-tutorial-05\/&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#1a554e&#8221; custom_padding=&#8221;10px|20px|10px|15px|true|false&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_icon][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_icon font_icon=&#8221;&#x34;||divi||400&#8243; icon_color=&#8221;RGBA(255,255,255,0)&#8221; icon_width=&#8221;32px&#8221; admin_label=&#8221;Icon&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; custom_padding=&#8221;10px|20px|10px|15px|true|false&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_icon][et_pb_code admin_label=&#8221;Code&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script type=\"text\/javascript\"><!-- [et_pb_line_break_holder] -->jQuery(document).ready(function() {<!-- [et_pb_line_break_holder] -->jQuery('#reveal').hide();<!-- [et_pb_line_break_holder] -->jQuery('.rv-button').click(function(e){<!-- [et_pb_line_break_holder] -->e.preventDefault();jQuery(\"#reveal\").slideToggle();jQuery(\"#reveal2\").slideToggle();<!-- [et_pb_line_break_holder] -->jQuery('.rv-button').toggleClass('opened closed');<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->      if (jQuery('.video-remove-controls .et_pb_video_box').length !== 0) { <!-- [et_pb_line_break_holder] -->        jQuery('.video-remove-controls .et_pb_video_box').find('video').removeAttr('controls');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->jQuery('.rv-button2').click(function(e2){<!-- [et_pb_line_break_holder] -->e2.preventDefault();jQuery(\"#reveal_docent\").slideToggle();jQuery(\"#reveal_docent2\").slideToggle();<!-- [et_pb_line_break_holder] -->jQuery('.rv-button2').toggleClass('opened closed');<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->\/\/ Funci\u00c3\u00b3n para cambiar imagen por video en redondo<!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] -->    const playImage = document.querySelector(\".play img\"); \/\/ Capturamos el play<!-- [et_pb_line_break_holder] -->    const videoElement = document.querySelector(\".presentation video\"); \/\/ Capturamos el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] -->    const contacontesImage = document.querySelector(\".img-video\"); \/\/ Capturamos la imagen que se ha de cambiar por el video<!-- [et_pb_line_break_holder] -->    let play = false; \/\/ Creamos una variable para saber si est\u00c3\u00a1 en play el video o no<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    playImage.addEventListener(\"click\", function() {<!-- [et_pb_line_break_holder] -->        videoElement.style.display = \"block\";  \/\/ Show the video<!-- [et_pb_line_break_holder] -->        contacontesImage.style.display = \"none\";  \/\/ Hide the image<!-- [et_pb_line_break_holder] -->        if(!play){ <!-- [et_pb_line_break_holder] -->            videoElement.play();\/\/Play the video<!-- [et_pb_line_break_holder] -->            playImage.src = ('..\/..\/..\/content\/img\/PlayCircleDes.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->            play = true;<!-- [et_pb_line_break_holder] -->        }else{<!-- [et_pb_line_break_holder] -->            videoElement.pause();  \/\/ Pause the video<!-- [et_pb_line_break_holder] -->            playImage.src = ('..\/..\/..\/content\/img\/Play Circle.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->            play = false;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    videoElement.addEventListener(\"ended\", function() {<!-- [et_pb_line_break_holder] -->        videoElement.style.display = \"none\";  \/\/ Hide the video<!-- [et_pb_line_break_holder] -->        contacontesImage.style.display = \"flex\";  \/\/ Show the image<!-- [et_pb_line_break_holder] -->        playImage.src = ('..\/..\/..\/content\/img\/Play Circle.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->        play = false;<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] -->    const playImage = document.querySelector(\".play img\"); \/\/ Capturamos el play<!-- [et_pb_line_break_holder] -->    const videoElement = document.querySelector(\"video\"); \/\/ Capturamos el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] -->  \/\/  const contacontesImage = document.querySelector(\".presentation .img-video\"); \/\/ Capturamos la imagen que se ha de cambiar por el video<!-- [et_pb_line_break_holder] -->    let play = false; \/\/ Creamos una variable para saber si est\u00c3\u00a1 en play el video o no<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    playImage.addEventListener(\"click\", function() {<!-- [et_pb_line_break_holder] -->        videoElement.style.display = \"block\";  \/\/ Show the video<!-- [et_pb_line_break_holder] -->     \/\/   contacontesImage.style.display = \"none\";  \/\/ Hide the image<!-- [et_pb_line_break_holder] -->        if(!play){ <!-- [et_pb_line_break_holder] -->            videoElement.play();\/\/Play the video<!-- [et_pb_line_break_holder] -->          <!-- [et_pb_line_break_holder] -->            playImage.src = ('https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/PlayCircleDes.png');\/\/ Change image<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->playImage.srcset=\"\"<!-- [et_pb_line_break_holder] -->            play = true;<!-- [et_pb_line_break_holder] -->        }else{<!-- [et_pb_line_break_holder] -->            videoElement.pause();  \/\/ Pause the video<!-- [et_pb_line_break_holder] -->            playImage.src = ('https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play-Circle.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->          <!-- [et_pb_line_break_holder] -->          playImage.srcset=\"\"<!-- [et_pb_line_break_holder] -->            play = false;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    videoElement.addEventListener(\"ended\", function() {<!-- [et_pb_line_break_holder] -->        videoElement.style.display = \"none\";  \/\/ Hide the video<!-- [et_pb_line_break_holder] -->      \/\/  contacontesImage.style.display = \"flex\";  \/\/ Show the image<!-- [et_pb_line_break_holder] -->        playImage.src = ('https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play-Circle.png');\/\/ Change image<!-- [et_pb_line_break_holder] -->        play = false;<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() { \/\/ Cuando carga el DOM<!-- [et_pb_line_break_holder] -->    const videoElement = document.querySelector(\"video\"); \/\/ Capturamos el video<!-- [et_pb_line_break_holder] -->    const pauseButton = document.querySelector(\".play img\"); \/\/ Capturamos la imagen de play<!-- [et_pb_line_break_holder] -->    const fullscreenButton = document.querySelector(\".fullscreen\"); \/\/ Capturamos la imagen de ampliar<!-- [et_pb_line_break_holder] -->    let play = false; \/\/ Variable para saber si est\u00c3\u00a1 en play el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Funci\u00c3\u00b3n para poner y parar el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] -->    pauseButton.addEventListener(\"click\", function() { \/\/ A\u00c3\u00b1adimos el evento click<!-- [et_pb_line_break_holder] -->        if (!play) { \/\/ Si no est\u00c3\u00a1 en marcha el v\u00c3\u00addeo...<!-- [et_pb_line_break_holder] -->            videoElement.play(); \/\/ ...Pone en maercha el v\u00c3\u00addeo...<!-- [et_pb_line_break_holder] -->            pauseButton.src = 'https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/PlayCircleDes.png'; \/\/ ... Y cambia la imagen de play por la de pausa...<!-- [et_pb_line_break_holder] -->            play = true; \/\/ ...Cambia el let a play<!-- [et_pb_line_break_holder] -->        } else { \/\/ Si est\u00c3\u00a1 en marcha el v\u00c3\u00addeo...<!-- [et_pb_line_break_holder] -->            videoElement.pause(); \/\/ ...Pausa el v\u00c3\u00addeo...<!-- [et_pb_line_break_holder] -->            pauseButton.src = 'https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play-Circle.png'; \/\/ ... Cambia la imagen de pausa por la de play...<!-- [et_pb_line_break_holder] -->            play = false; \/\/ ... cambia la variable a false (no reproduciendo v\u00c3\u00addeo)<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    videoElement.addEventListener(\"playing\", function() { \/\/ A\u00c3\u00b1ade el evento para cuando se reinicia el v\u00c3\u00addeo despu\u00c3\u00a9s de una pausa<!-- [et_pb_line_break_holder] -->        pauseButton.src = 'https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/PlayCircleDes.png'; \/\/ Cambia la imagen de play a pausa<!-- [et_pb_line_break_holder] -->      \tpauseButton.srcset = '';<!-- [et_pb_line_break_holder] -->        pauseButton.setAttribute(\"alt\", \"pause\"); \/\/ cambia el alt de la imagen<!-- [et_pb_line_break_holder] -->        play = true; \/\/ Cambia el let de play a true (reproduciendo v\u00c3\u00addeo)<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    videoElement.addEventListener(\"pause\", function() { \/\/ A\u00c3\u00b1ade el evento para cuando se pausa el v\u00c3\u00addeo o se termina el v\u00c3\u00addeo<!-- [et_pb_line_break_holder] -->        pauseButton.src = 'https:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/Play-Circle.png'; \/\/ Cambiar la imagen de pausa a play<!-- [et_pb_line_break_holder] -->      \tpauseButton.srcset = '';<!-- [et_pb_line_break_holder] -->        pauseButton.setAttribute(\"alt\", \"play\"); \/\/ cambia el alt de la imagen<!-- [et_pb_line_break_holder] -->        play = false; \/\/ Cambia el let de play a false (no reproduciendo v\u00c3\u00addeo)<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->  if(fullscreenButton) {<!-- [et_pb_line_break_holder] -->    \/\/  Funci\u00c3\u00b3n para pantalla completa del video<!-- [et_pb_line_break_holder] -->    fullscreenButton.addEventListener(\"click\", function() { <!-- [et_pb_line_break_holder] -->        if (videoElement.requestFullscreen) {<!-- [et_pb_line_break_holder] -->            videoElement.requestFullscreen();<!-- [et_pb_line_break_holder] -->        } else if (videoElement.mozRequestFullScreen) {<!-- [et_pb_line_break_holder] -->            videoElement.mozRequestFullScreen();<!-- [et_pb_line_break_holder] -->        } else if (videoElement.webkitRequestFullscreen) {<!-- [et_pb_line_break_holder] -->            videoElement.webkitRequestFullscreen();<!-- [et_pb_line_break_holder] -->        } else if (videoElement.msRequestFullscreen) {<!-- [et_pb_line_break_holder] -->            videoElement.msRequestFullscreen();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->});  <!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;https:\/\/storytic.upf.edu\/aula-sessio-1-dibuixos\/aula-sessio-1-dibuixos-02\/&#8221; button_text=&#8221;Seg\u00fcent&#8221; button_alignment=&#8221;right&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#fadc50&#8243; button_bg_color=&#8221;#1a554e&#8221; button_border_width=&#8221;0px&#8221; button_border_radius=&#8221;10px&#8221; button_font=&#8221;|||on|on|||RGBA(255,255,255,0)|&#8221; button_use_icon=&#8221;off&#8221; background_layout=&#8221;dark&#8221; custom_padding=&#8221;10px|50px|10px|50px|true|true&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover_enabled=&#8221;on|desktop&#8221; button_bg_color__hover=&#8221;#216860&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"<p>x Benvinguts i benvingudes, seiem tots en rotllana. A partir d\u2019avui farem unes quantes activitats amb la contacontes Caterina. Saludem a la Caterina, que ens vol explicar unes coses! HOLA CATERINA! x Hola!Soc la Caterina, la vostra contacontes.Us vull presentar un amic molt simp\u00e0tic i pelut.Es diu Meloix.El voleu con\u00e8ixer?<\/p>","protected":false},"author":3,"featured_media":0,"parent":2031,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1945","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/1945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/comments?post=1945"}],"version-history":[{"count":163,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/1945\/revisions"}],"predecessor-version":[{"id":6080,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/1945\/revisions\/6080"}],"up":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/2031"}],"wp:attachment":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/media?parent=1945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}