{"id":136,"date":"2026-05-22T06:59:09","date_gmt":"2026-05-22T06:59:09","guid":{"rendered":"https:\/\/luciacle.dicorella-projects.com\/?page_id=136"},"modified":"2026-05-26T16:32:06","modified_gmt":"2026-05-26T16:32:06","slug":"contacto","status":"publish","type":"page","link":"https:\/\/luciacle.dicorella-projects.com\/?page_id=136","title":{"rendered":"Contacto"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* style.css *\/\n\nh1{\ndisplay:none;}\n\nh3{\ncolor: #f9f5f2;\nfont-size: 16px;\npadding-top: 60px;\n}\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\nhtml,body{\n  width:100%;\n  overflow-x:hidden;\n}\n\nnav{\n  color:#f9f5f2;\n}\n\nheader{\n  color:#black;\n}\n\n\/* Fuerza ancho completo en WordPress *\/\n.hero{\n  position:relative;\n  width:100vw;\n  min-height:100vh;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  overflow:hidden;\n}\n\nbody{\n  font-family: 'Montserrat', sans-serif;\n  overflow-x:hidden;\n  background:black;\n  color: white;\n}\n\n.hero{\n  position:relative;\n  width:100%;\n  height:100vh;\n  overflow:hidden;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  background:linear-gradient(to bottom,#040404,#0b0b0b);\n}\n\n\/* CONTENIDO *\/\n\n.content{\n  position:relative;\n  z-index:20;\n  max-width:800px;\n  padding:20px;\n}\n\n.content h2{\n  font-size:clamp(3rem,8vw,6em);\n  font-weight:700;\n  color:#f9f5f2;\n}\n\n.content p{\n  font-size:1.2rem;\n  line-height:1.7;\n  opacity:0.9;\n  margin-bottom:30px;\n}\n\n.btn{\n  display:inline-block;\n  padding:14px 32px;\n  border-radius:50px;\n  text-decoration:none;\n  color:#084734;\n  background:#f9f5f2;\n  font-weight:700;\n  transition:0.3s ease;\n}\n\n.btn:hover{\n  transform:translateY(-4px);\n  box-shadow:0 10px 25px rgba(255,216,77,0.4);\n}\n\n\/* PARALLAX *\/\n\n.layer{\n  position:absolute;\n  inset:0;\n  transition:transform 0.2s linear;\n  will-change:transform;\n}\n\n.layer-back{\n  background:\n    radial-gradient(circle at center,\n    rgba(255,255,255,0.03),\n    transparent 70%);\n  z-index:1;\n}\n\n.layer-middle{\n  background:\n\n\/* Fuerza ancho completo en WordPress *\/\n.hero{\n  position:relative;\n  width:100vw;\n  min-height:100vh;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  overflow:hidden;\n}\n    radial-gradient(circle at 30% 40%,\n    rgba(255,216,77,0.05),\n    transparent 30%),\n    radial-gradient(circle at 70% 60%,\n    rgba(255,216,77,0.04),\n    transparent 30%);\n  z-index:2;\n}\n\n.layer-front{\n  background:\n    radial-gradient(circle at 50% 50%,\n    rgba(255,216,77,0.06),\n    transparent 40%);\n  z-index:3;\n}\n\n\/* LUCI\u00c9RNAGAS *\/\n\n.fireflies{\n  position:absolute;\n  width:100%;\n  height:100%;\n  overflow:hidden;\n  z-index:10;\n}\n\n.firefly{\n  position:absolute;\n  border-radius:50%;\n  background:#ffd84d;\n  box-shadow:\n    0 0 6px #ffd84d,\n    0 0 12px #ffd84d,\n    0 0 24px rgba(255,216,77,0.8);\n  animation:\n    float infinite ease-in-out,\n    blink 2s infinite alternate;\n}\n\n\/* Movimiento *\/\n\n@keyframes float{\n  0%{\n    transform:translate(0,0);\n  }\n\n  25%{\n    transform:translate(40px,-60px);\n  }\n\n  50%{\n    transform:translate(-30px,-120px);\n  }\n\n  75%{\n    transform:translate(20px,-180px);\n  }\n\n  100%{\n    transform:translate(-20px,-240px);\n  }\n}\n\n\/* Parpadeo *\/\n\n@keyframes blink{\n  from{\n    opacity:0.3;\n  }\n\n  to{\n    opacity:1;\n  }\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:768px){\n\n  .content h1{\n    font-size:3rem;\n  }\n\n  .content p{\n    font-size:1rem;\n  }\n\n}\n<\/style>\n\n<!-- index.html -->\n\n\n\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Parallax Luci\u00e9rnagas<\/title>\n\n  <!-- WordPress ya cargar\u00e1 Montserrat desde tu tema -->\n  <link rel=\"stylesheet\" href=\"style.css\">\n\n\n\n  <section class=\"hero\">\n    <div class=\"fireflies\"><\/div>\n\n    <div class=\"parallax layer layer-back\"><\/div>\n    <div class=\"parallax layer layer-middle\"><\/div>\n    <div class=\"parallax layer layer-front\"><\/div>\n\n    <div class=\"content\">\n      <h2>Contacto<\/h2>\n\n<a href=\"https:\/\/luciacle.dicorella-projects.com\/?page_id=135\" class=\"btn\">\n  \u00a1Con\u00f3ceme!\n<\/a>\n\n<h3> \u00a1Me encantar\u00eda conocerte! <\/br>\nCorreo: infffinitum.studio@gmail.com <\/br> Tel\u00e9fono: 609 26 54 XX <\/h3>\n\n<\/div>\n<\/section>\n\n  <script>\n    \/\/ Movimiento parallax suave\n    document.addEventListener(\"mousemove\", (e) => {\n      const x = (window.innerWidth \/ 2 - e.pageX) \/ 40;\n      const y = (window.innerHeight \/ 2 - e.pageY) \/ 40;\n\n      document.querySelector(\".layer-back\").style.transform =\n        `translate(${x}px, ${y}px)`;\n\n      document.querySelector(\".layer-middle\").style.transform =\n        `translate(${x * 1.5}px, ${y * 1.5}px)`;\n\n      document.querySelector(\".layer-front\").style.transform =\n        `translate(${x * 2}px, ${y * 2}px)`;\n    });\n\n    \/\/ Crear luci\u00e9rnagas din\u00e1micamente\n    const firefliesContainer = document.querySelector('.fireflies');\n\n    for (let i = 0; i < 80; i++) {\n      const firefly = document.createElement('span');\n      firefly.classList.add('firefly');\n\n      firefly.style.left = Math.random() * 100 + 'vw';\n      firefly.style.top = Math.random() * 100 + 'vh';\n\n      firefly.style.animationDuration =\n        (5 + Math.random() * 10) + 's';\n\n      firefly.style.animationDelay =\n        (Math.random() * 5) + 's';\n\n      firefly.style.opacity = Math.random();\n\n      const size = Math.random() * 4 + 2;\n      firefly.style.width = size + 'px';\n      firefly.style.height = size + 'px';\n\n      firefliesContainer.appendChild(firefly);\n    }\n  <\/script><\/a>\n\n\n\n<p class=\"has-custom-color-1-color has-text-color has-link-color wp-elements-27ec307e73a8dc8e845ada82754bee93 wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Parallax Luci\u00e9rnagas Contacto \u00a1Con\u00f3ceme! \u00a1Me encantar\u00eda conocerte! Correo: infffinitum.studio@gmail.com Tel\u00e9fono: 609 26 54 XX<\/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":"","footnotes":""},"class_list":["post-136","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},"uagb_author_info":{"display_name":"Infinitum","author_link":"https:\/\/luciacle.dicorella-projects.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Parallax Luci\u00e9rnagas Contacto \u00a1Con\u00f3ceme! \u00a1Me encantar\u00eda conocerte! Correo: infffinitum.studio@gmail.com Tel\u00e9fono: 609 26 54 XX","_links":{"self":[{"href":"https:\/\/luciacle.dicorella-projects.com\/index.php?rest_route=\/wp\/v2\/pages\/136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luciacle.dicorella-projects.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luciacle.dicorella-projects.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luciacle.dicorella-projects.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luciacle.dicorella-projects.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=136"}],"version-history":[{"count":21,"href":"https:\/\/luciacle.dicorella-projects.com\/index.php?rest_route=\/wp\/v2\/pages\/136\/revisions"}],"predecessor-version":[{"id":253,"href":"https:\/\/luciacle.dicorella-projects.com\/index.php?rest_route=\/wp\/v2\/pages\/136\/revisions\/253"}],"wp:attachment":[{"href":"https:\/\/luciacle.dicorella-projects.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}