{"id":1462,"date":"2025-09-19T16:42:05","date_gmt":"2025-09-19T16:42:05","guid":{"rendered":"https:\/\/analuzpacheco.com\/?page_id=1462"},"modified":"2025-11-06T12:08:49","modified_gmt":"2025-11-06T12:08:49","slug":"video","status":"publish","type":"page","link":"https:\/\/analuzpacheco.com\/it\/video\/","title":{"rendered":"Video"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1462\" class=\"elementor elementor-1462\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f9059c e-con-full e-flex e-con e-parent\" data-id=\"9f9059c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e35b5d0 e-con-full e-flex e-con e-child\" data-id=\"e35b5d0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03437c6 elementor-widget elementor-widget-html\" data-id=\"03437c6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* GRID *\/\r\n.video-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr); \/* siempre 2 columnas en escritorio *\/\r\n  gap: 20px;\r\n  max-width: 1200px;\r\n  margin: 0 auto; \/* centrar el grid *\/\r\n}\r\n.video-item {\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.video-item img {\r\n  width: 100%;\r\n  display: block;\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* Responsive: en m\u00f3vil pasa a 1 columna *\/\r\n@media (max-width: 768px) {\r\n  .video-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\/* MODAL *\/\r\n.modal {\r\n  display: none; \r\n  position: fixed;\r\n  z-index: 9999;\r\n  left: 0; top: 0;\r\n  width: 100%; height: 100%;\r\n  background: rgba(0,0,0,0.9);\r\n  overflow-y: auto;\r\n  padding-top: 60px;\r\n}\r\n.modal-content {\r\n  background: #111;\r\n  padding: 30px;\r\n  border-radius: 15px;\r\n  max-width: 900px;\r\n  width: 90%;\r\n  margin: auto;\r\n  color: white;\r\n  text-align: center;\r\n  position: relative;\r\n}\r\n.modal h3 {\r\n  font-family: 'BODAR', sans-serif;\r\n  color: #F8760D;\r\n  font-size: 28px;\r\n  margin-bottom: 10px;\r\n}\r\n.modal p {\r\n  font-family: 'Genova', sans-serif;\r\n  color: #fff;\r\n  margin-bottom: 20px;\r\n  font-size: 18px;\r\n}\r\n.modal iframe {\r\n  width: 100%;\r\n  height: 400px;\r\n  border-radius: 10px;\r\n  margin-bottom: 20px;\r\n}\r\n.close {\r\n  position: absolute;\r\n  top: 15px; right: 20px;\r\n  font-size: 28px;\r\n  color: white;\r\n  cursor: pointer;\r\n}\r\n<\/style>\r\n\r\n<div class=\"video-grid\">\r\n\r\n  <!-- Proyecto 1 -->\r\n  <div class=\"video-item\" onclick=\"openModal('modal1')\">\r\n    <img decoding=\"async\" src=\"http:\/\/analuzpacheco.com\/wp-content\/uploads\/2025\/10\/portada-web-regione_00000.jpg\" alt=\"Regione Emilia-Romagna\" title=\"Video\">\r\n  <\/div>\r\n\r\n  <!-- Proyecto 2 -->\r\n  <div class=\"video-item\" onclick=\"openModal('modal2')\">\r\n    <img decoding=\"async\" src=\"http:\/\/analuzpacheco.com\/wp-content\/uploads\/2025\/10\/portada-boom2_00000.jpg\" alt=\"Casa della Cultura\" title=\"Video\">\r\n  <\/div>\r\n\r\n  <!-- Proyecto 3 -->\r\n  <div class=\"video-item\" onclick=\"openModal('modal3')\">\r\n    <img decoding=\"async\" src=\"http:\/\/analuzpacheco.com\/wp-content\/uploads\/2025\/10\/portada-trailer-nick_00000.jpg\" alt=\"I Got the Blues\" title=\"Video\">\r\n  <\/div>\r\n\r\n  <!-- Proyecto 4 -->\r\n  <div class=\"video-item\" onclick=\"openModal('modal4')\">\r\n    <img decoding=\"async\" src=\"http:\/\/analuzpacheco.com\/wp-content\/uploads\/2025\/10\/portada-natali_00000.jpg\" alt=\"Enciendan la casa - Natali Maestri\" title=\"Video\">\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- === MODALES === -->\r\n\r\n<!-- Modal Proyecto 1 -->\r\n<div id=\"modal1\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal1')\">&times;<\/span>\r\n    <h3>Video editing per Regione Emilia-Romagna<\/h3>\r\n    <p>Montage, motion graphic and color grading<\/p>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/8ait3-_c9Uo\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/kw_Bt4Gmzrc\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/1UlogabPDyM\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/_uLKMb9gFuM\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/9-wNJqRBgf4\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/hPhcPDBLlts\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Proyecto 2 -->\r\n<div id=\"modal2\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal2')\">&times;<\/span>\r\n    <h3>Video editing per Casa della Cultura Italo Calvino<\/h3>\r\n    <p>Solo video editing<\/p>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/ISoagDa6nrk\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/4D6keSGVBw0\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/t_gA7upZ8f4\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Proyecto 3 -->\r\n<div id=\"modal3\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal3')\">&times;<\/span>\r\n    <h3>Documentario: I GOT THE BLUES in viaggio con Nick Becattini<\/h3>\r\n    <p>Video editing, audio, color grading and grafica<\/p>\r\n    <iframe src=\"https:\/\/player.vimeo.com\/video\/1123592317\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Proyecto 4 -->\r\n<div id=\"modal4\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal4')\">&times;<\/span>\r\n    <h3>Videoclip: Enciendan la casa - Natali Maestri<\/h3>\r\n    <p>Production and video editing<\/p>\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/1ILojwvr7fI\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction openModal(id) {\r\n  const modal = document.getElementById(id);\r\n  if (!modal) return;\r\n\r\n  modal.style.display = \"block\";\r\n  document.body.style.overflow = \"hidden\";\r\n\r\n  const outsideClickHandler = (e) => {\r\n    const content = modal.querySelector('.modal-content');\r\n    if (content && !content.contains(e.target)) {\r\n      closeModal(id);\r\n    }\r\n  };\r\n\r\n  const escHandler = (e) => {\r\n    if (e.key === \"Escape\" || e.key === \"Esc\") {\r\n      closeModal(id);\r\n    }\r\n  };\r\n\r\n  modal._outsideClickHandler = outsideClickHandler;\r\n  modal._escHandler = escHandler;\r\n\r\n  setTimeout(() => {\r\n    document.addEventListener(\"click\", outsideClickHandler);\r\n    document.addEventListener(\"keydown\", escHandler);\r\n  }, 50);\r\n\r\n  const content = modal.querySelector(\".modal-content\");\r\n  if (content) {\r\n    content.addEventListener(\"click\", (e) => e.stopPropagation());\r\n  }\r\n}\r\n\r\nfunction closeModal(id) {\r\n  const modal = document.getElementById(id);\r\n  if (!modal) return;\r\n\r\n  modal.style.display = \"none\";\r\n  document.body.style.overflow = \"auto\";\r\n\r\n  if (modal._outsideClickHandler) {\r\n    document.removeEventListener(\"click\", modal._outsideClickHandler);\r\n    modal._outsideClickHandler = null;\r\n  }\r\n  if (modal._escHandler) {\r\n    document.removeEventListener(\"keydown\", modal._escHandler);\r\n    modal._escHandler = null;\r\n  }\r\n\r\n  \/\/ Detener todos los videos de YouTube\/Vimeo cuando se cierra\r\n  const iframes = modal.querySelectorAll(\"iframe\");\r\n  iframes.forEach(iframe => {\r\n    iframe.src = iframe.src;\r\n  });\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36a397b e-con-full e-flex e-con e-parent\" data-id=\"36a397b\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7d2185b e-con-full e-flex e-con e-child\" data-id=\"7d2185b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f34024 elementor-widget elementor-widget-video\" data-id=\"1f34024\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;vimeo&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<iframe class=\"elementor-video-iframe\" allowfullscreen allow=\"autoplay\" title=\"vimeo Video Player\" src=\"https:\/\/player.vimeo.com\/video\/1128893642?autoplay=1&amp;color&amp;autopause=0&amp;loop=1&amp;muted=1&amp;title=0&amp;portrait=0&amp;byline=0#t=\"><\/iframe>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09dadda elementor-widget elementor-widget-html\" data-id=\"09dadda\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== INTERRUPTOR ===== *\/\r\n.theme-toggle {\r\n  position: fixed;\r\n  top: 20px;\r\n  right: 25px;\r\n  width: 55px;\r\n  height: 30px;\r\n  background: #127B76;\r\n  border-radius: 30px;\r\n  cursor: pointer;\r\n  transition: background 0.4s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 3px;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.25);\r\n  z-index: 9999;\r\n}\r\n.toggle-circle {\r\n  width: 24px;\r\n  height: 24px;\r\n  background: #fff;\r\n  border-radius: 50%;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n\/* ===== MODO OSCURO ===== *\/\r\nbody.dark-mode {\r\n  background-color: #1c1c1c !important;\r\n  color: #9CCCB0 !important;\r\n  transition: background-color 0.6s ease, color 0.6s ease;\r\n}\r\n\r\nbody.dark-mode .theme-toggle {\r\n  background: #9CCCB0;\r\n}\r\nbody.dark-mode .toggle-circle {\r\n  transform: translateX(25px);\r\n}\r\n\r\n\/* ===== TEXTOS ===== *\/\r\nbody {\r\n  transition: background-color 0.6s ease, color 0.6s ease;\r\n  color: #000; \/* texto base modo claro *\/\r\n}\r\np, span, li {\r\n  color: inherit;\r\n}\r\n\r\n\/* ===== LINKS ===== *\/\r\na {\r\n  color: #127B76;\r\n  transition: color 0.4s ease;\r\n}\r\nbody.dark-mode a {\r\n  color: #9CCCB0;\r\n}\r\nbody.dark-mode a:hover {\r\n  color: #F8760D;\r\n}\r\n\r\n\/* ===== OTROS ELEMENTOS (por si hay fondos blancos) ===== *\/\r\nbody.dark-mode .elementor-section,\r\nbody.dark-mode .elementor-column,\r\nbody.dark-mode .elementor-widget,\r\nbody.dark-mode .elementor-container {\r\n  background-color: transparent !important;\r\n}\r\n<\/style>\r\n\r\n<!-- INTERRUPTOR -->\r\n<div class=\"theme-toggle\" onclick=\"toggleTheme()\">\r\n  <div class=\"toggle-circle\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* === Guardar y aplicar tema === *\/\r\nfunction applyTheme(theme) {\r\n  if (theme === \"dark\") {\r\n    document.body.classList.add(\"dark-mode\");\r\n  } else {\r\n    document.body.classList.remove(\"dark-mode\");\r\n  }\r\n}\r\n\r\n\/* === Alternar tema === *\/\r\nfunction toggleTheme() {\r\n  const isDark = document.body.classList.toggle(\"dark-mode\");\r\n  localStorage.setItem(\"theme\", isDark ? \"dark\" : \"light\");\r\n}\r\n\r\n\/* === Cargar tema guardado === *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const savedTheme = localStorage.getItem(\"theme\") || \"light\";\r\n  applyTheme(savedTheme);\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* Forzar textos negros a blanco en modo oscuro *\/\r\nbody.dark-mode, \r\nbody.dark-mode p, \r\nbody.dark-mode span, \r\nbody.dark-mode h4, \r\nbody.dark-mode h5, \r\nbody.dark-mode li, \r\nbody.dark-mode div.elementor-widget-container {\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* Mantener tus textos verdes claros y naranja *\/\r\nbody.dark-mode a {\r\n    color: #9CCCB0 !important;\r\n}\r\nbody.dark-mode a:hover {\r\n    color: #F8760D !important;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>&times; Video editing for Regione Emilia-Romagna Montage, motion graphic and color grading &times; Video editing for Casa della Cultura Italo Calvino Only video editing &times; Documentary: I GOT THE BLUES in viaggio con Nick Becattini Video editing, audio, color grading and grafica &times; Videoclip: Enciendan la casa &#8211; Natali Maestri Production and video editing https:\/\/vimeo.com\/1128893642?share=copy&#038;fl=sv&#038;fe=ci<\/p>","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":"","footnotes":""},"class_list":["post-1462","page","type-page","status-publish","hentry"],"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":"anitapacheco36@gmail.com","author_link":"https:\/\/analuzpacheco.com\/it\/author\/anitapacheco36gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"&times; Video editing for Regione Emilia-Romagna Montage, motion graphic and color grading &times; Video editing for Casa della Cultura Italo Calvino Only video editing &times; Documentary: I GOT THE BLUES in viaggio con Nick Becattini Video editing, audio, color grading and grafica &times; Videoclip: Enciendan la casa &#8211; Natali Maestri Production and video editing https:\/\/vimeo.com\/1128893642?share=copy&#038;fl=sv&#038;fe=ci","_links":{"self":[{"href":"https:\/\/analuzpacheco.com\/it\/wp-json\/wp\/v2\/pages\/1462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/analuzpacheco.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/analuzpacheco.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/analuzpacheco.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/analuzpacheco.com\/it\/wp-json\/wp\/v2\/comments?post=1462"}],"version-history":[{"count":62,"href":"https:\/\/analuzpacheco.com\/it\/wp-json\/wp\/v2\/pages\/1462\/revisions"}],"predecessor-version":[{"id":2004,"href":"https:\/\/analuzpacheco.com\/it\/wp-json\/wp\/v2\/pages\/1462\/revisions\/2004"}],"wp:attachment":[{"href":"https:\/\/analuzpacheco.com\/it\/wp-json\/wp\/v2\/media?parent=1462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}