{"id":820,"date":"2026-01-16T14:15:36","date_gmt":"2026-01-16T14:15:36","guid":{"rendered":"https:\/\/nextlevelproyectos.es\/?page_id=820"},"modified":"2026-05-13T16:56:04","modified_gmt":"2026-05-13T16:56:04","slug":"proyectos","status":"publish","type":"page","link":"https:\/\/nextlevelcocinas.com\/en\/proyectos\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"820\" class=\"elementor elementor-820\">\n\t\t\t\t<div class=\"elementor-element elementor-element-deb8090 e-flex e-con-boxed e-con e-parent\" data-id=\"deb8090\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20e7fa1 elementor-widget elementor-widget-html\" data-id=\"20e7fa1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header id=\"mainmenu\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n  <div class=\"container\">\n\n    <!-- LOGO -->\n    <a href=\"\/\" class=\"logo logo-left\">\n      <img decoding=\"async\"\n        id=\"logoscroll\"\n        src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/04\/NextLevelLOGOweb.png\"\n        alt=\"Logo\"\n      >\n    <\/a>\n\n    <!-- MEN\u00da -->\n    <nav class=\"menu main-menu\">\n\n      <a href=\"\/home\">Inicio<\/a>\n      <a href=\"\/proyectos\">Proyectos<\/a>\n      <a href=\"\/inspiracion\">Inspiraci\u00f3n<\/a>\n      <a href=\"\/nuestro-equipo\">Nuestro equipo<\/a>\n\n      <a href=\"#\" id=\"contacto-pop-up\" class=\"cta-btn\">\n        Reserva tu cita\n      <\/a>\n\n      <!-- IDIOMA -->\n      <nav id=\"LangDropdown\" class=\"lang-dropdown\">\n\n        <button class=\"lang-current\">\n          ES <span class=\"arrow\">\u2304<\/span>\n        <\/button>\n\n        <ul class=\"lang-list\">\n          <li><a href=\"javascript:void(0)\">English<\/a><\/li>\n          <li><a href=\"javascript:void(0)\">Espa\u00f1ol<\/a><\/li>\n        <\/ul>\n\n      <\/nav>\n\n    <\/nav>\n\n    <!-- TOGGLE -->\n    <div class=\"menu-toggle\">\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n  <\/div>\n<\/header>\n\n<style>\n\n\/* =========================\n   HEADER\n========================= *\/\n\n#mainmenu{\n\n  position:fixed;\n\n  top:0;\n  left:0;\n  right:0;\n\n  z-index:9999;\n\n  padding:14px 0;\n\n  background:\n    rgba(235,234,228,.72);\n\n  backdrop-filter:blur(18px);\n\n  -webkit-backdrop-filter:blur(18px);\n\n  border-bottom:\n    1px solid rgba(255,255,255,.14);\n\n  transition:\n    background .45s ease,\n    backdrop-filter .45s ease,\n    transform .75s cubic-bezier(.22,.61,.36,1),\n    opacity .45s ease,\n    padding .45s ease;\n\n  transform:translateY(0);\n\n  opacity:1;\n}\n\n\/* ESTADO SCROLL *\/\n\n#mainmenu.scrolled{\n\n  background:\n    rgba(235,234,228,.54);\n\n  backdrop-filter:blur(24px);\n\n  -webkit-backdrop-filter:blur(24px);\n\n  box-shadow:\n    0 10px 35px rgba(0,0,0,.04);\n\n  padding:10px 0;\n}\n\n\/* ESCONDER *\/\n\n#mainmenu.hide{\n\n  opacity:0;\n\n  transform:\n    translateY(-8px);\n\n  pointer-events:none;\n}\n\/* =========================\n   CONTENEDOR\n========================= *\/\n\n#mainmenu .container{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:60px;\n}\n\n\/* =========================\n   LOGO\n========================= *\/\n\n.logo-left{\n\n  margin-left:70px;\n\n  display:flex;\n\n  align-items:center;\n\n  transition:\n    transform .75s cubic-bezier(.22,.61,.36,1),\n    opacity .45s ease;\n}\n\n\/* MOVIMIENTO LATERAL *\/\n\n#mainmenu.hide .logo-left{\n\n  transform:\n    translateX(-36px);\n\n  opacity:0;\n}\n\n#mainmenu .logo img{\n\n  height:45px;\n\n  transition:\n    transform .55s cubic-bezier(.22,1,.36,1);\n}\n\n#mainmenu .logo:hover img{\n\n  transform:scale(1.045);\n}\n\n\/* =========================\n   MEN\u00da\n========================= *\/\n\n.menu{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:42px;\n\n  transition:\n    transform .75s cubic-bezier(.22,.61,.36,1),\n    opacity .45s ease;\n}\n\n\/* MOVIMIENTO LATERAL *\/\n\n#mainmenu.hide .menu{\n\n  transform:\n    translateX(36px);\n\n  opacity:0;\n}\n\n.menu a{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  height:40px;\n\n  position:relative;\n\n  text-decoration:none;\n\n  white-space:nowrap;\n}\n\n\/* LINKS *\/\n\n#mainmenu .menu a{\n\n  font-family:\"Instrument Sans\",sans-serif;\n\n  text-transform:none;\n\n  font-size:14px;\n\n  letter-spacing:.1px;\n\n  font-weight:500;\n\n  color:#292929;\n\n  transition:\n    opacity .3s ease;\n}\n\n#mainmenu .menu a:hover{\n\n  opacity:.72;\n}\n\n\/* L\u00cdNEA *\/\n\n.menu a::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  bottom:0;\n\n  width:0;\n\n  height:1px;\n\n  background:#292929;\n\n  transform:translateX(-50%);\n\n  opacity:.55;\n\n  transition:\n    width .35s ease,\n    opacity .35s ease;\n}\n\n.menu a:hover::after{\n\n  width:100%;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n\n.cta-btn{\n\n  margin-left:90px;\n\n  font-size:14px !important;\n\n  letter-spacing:.1px;\n\n  animation:\n    subtlePulse 5s ease-in-out infinite;\n}\n\n.cta-btn::after{\n\n  width:58%;\n}\n\n\/* =========================\n   LANG\n========================= *\/\n\n.lang-dropdown{\n\n  position:relative;\n}\n\n.lang-current{\n\n  background:none;\n\n  border:none;\n\n  cursor:pointer;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:5px;\n\n  height:30px;\n\n  padding:0 70px;\n\n  transform:translateY(-1px);\n\n  font-family:\"Instrument Sans\",sans-serif;\n\n  font-weight:500;\n\n  font-size:13px;\n\n  letter-spacing:.2px;\n\n  color:#292929;\n}\n\n.lang-current .arrow{\n\n  font-size:11px;\n\n  transform:translateY(-2px);\n}\n\n\/* LISTA *\/\n\n.lang-list{\n\n  position:absolute;\n\n  top:100%;\n  right:20px;\n\n  background:\n    rgba(235,234,228,.92);\n\n  backdrop-filter:blur(18px);\n\n  -webkit-backdrop-filter:blur(18px);\n\n  border:\n    1px solid rgba(255,255,255,.18);\n\n  padding:18px 28px;\n\n  margin:8px 0 0;\n\n  opacity:0;\n\n  transform:\n    translateY(-12px);\n\n  pointer-events:none;\n\n  transition:\n    all .3s ease;\n\n  list-style:none;\n}\n\n.lang-list.open{\n\n  opacity:1;\n\n  transform:\n    translateY(10px);\n\n  pointer-events:auto;\n}\n\n.lang-list li a{\n\n  display:block;\n\n  padding:10px 16px;\n\n  font-size:13px;\n}\n\n\/* =========================\n   TOGGLE\n========================= *\/\n\n.menu-toggle{\n\n  display:none;\n\n  width:26px;\n\n  height:18px;\n\n  position:relative;\n\n  cursor:pointer;\n}\n\n.menu-toggle span{\n\n  position:absolute;\n\n  left:0;\n\n  width:100%;\n\n  height:1px;\n\n  background:#292929;\n\n  transition:\n    all .35s cubic-bezier(.22,1,.36,1);\n}\n\n.menu-toggle span:first-child{\n\n  top:0;\n}\n\n.menu-toggle span:last-child{\n\n  bottom:0;\n}\n\n.menu-toggle.open span:first-child{\n\n  transform:\n    translateY(8px)\n    rotate(45deg);\n}\n\n.menu-toggle.open span:last-child{\n\n  transform:\n    translateY(-8px)\n    rotate(-45deg);\n}\n\n\/* =========================\n   PULSE\n========================= *\/\n\n@keyframes subtlePulse{\n\n  0%,90%,100%{\n    transform:scale(1);\n  }\n\n  95%{\n    transform:scale(1.03);\n  }\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:900px){\n\n  #mainmenu{\n\n    padding:12px 0;\n  }\n\n  #mainmenu .container{\n\n    padding:0 20px;\n\n    gap:20px;\n  }\n\n  .logo-left{\n\n    margin-left:0;\n  }\n\n  #mainmenu .logo img{\n\n    height:36px;\n  }\n\n  .menu-toggle{\n\n    display:block;\n  }\n\n  .lang-dropdown{\n\n    display:block;\n  }\n\n  .menu{\n\n    position:fixed;\n\n    inset:0;\n\n    width:100%;\n\n    height:100vh;\n\n    background:\n      rgba(235,234,228,.96);\n\n    backdrop-filter:blur(18px);\n\n    -webkit-backdrop-filter:blur(18px);\n\n    flex-direction:column;\n\n    justify-content:center;\n\n    align-items:center;\n\n    gap:34px;\n\n    opacity:0;\n\n    pointer-events:none;\n\n    transition:\n      opacity .4s ease;\n  }\n\n  .menu.open{\n\n    opacity:1;\n\n    pointer-events:auto;\n  }\n\n  .menu a{\n\n    font-size:19px !important;\n  }\n\n  .cta-btn{\n\n    margin-left:0;\n\n    font-size:19px !important;\n  }\n\n  .lang-current{\n\n    padding:0 20px;\n  }\n\n  html,body{\n\n    overflow-x:hidden;\n  }\n}\n\/* =========================\n   MOBILE HORIZONTAL\n========================= *\/\n\n@media screen\nand (max-width: 950px)\nand (orientation: landscape) {\n\n  \/* HEADER *\/\n\n  #mainmenu{\n\n    padding: 10px 0;\n  }\n\n  #mainmenu.scrolled{\n\n    padding: 8px 0;\n  }\n\n  \/* CONTENEDOR *\/\n\n  #mainmenu .container{\n\n    padding: 0 22px;\n\n    gap: 26px;\n  }\n\n  \/* LOGO *\/\n\n  #mainmenu .logo img{\n\n    height: 34px;\n  }\n  .logo-left{\n\n  margin-left: 30px;\n}\n\n  \/* MEN\u00da *\/\n\n  .menu{\n\n    gap: 26px;\n  }\n\n  .menu a{\n\n    font-size: 14px !important;\n\n    height: 34px;\n  }\n\n  \/* CTA *\/\n\n  .cta-btn{\n\n    margin-left: 18px;\n\n    font-size: 15px !important;\n  }\n\n  \/* LANG *\/\n\n  .lang-current{\n\n    padding: 0 18px;\n\n    font-size: 12px;\n  }\n\n  \/* TOGGLE *\/\n\n  .menu-toggle{\n\n    width: 24px;\n\n    height: 17px;\n  }\n}\n<\/style>\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const mainMenu =\n    document.getElementById(\"mainmenu\");\n\n  let lastScroll = 0;\n\n  let scrollUpDistance = 0;\n\n  const threshold = 70;\n\n  \/* =========================\n     SCROLL\n  ========================= *\/\n\n  window.addEventListener(\"scroll\", function () {\n\n    const currentScroll =\n      window.scrollY;\n\n    \/* ESTADO SCROLL *\/\n\n    if(currentScroll > 12){\n\n      mainMenu.classList.add(\"scrolled\");\n\n    }else{\n\n      mainMenu.classList.remove(\"scrolled\");\n    }\n\n    \/* TOP *\/\n\n    if(currentScroll <= 0){\n\n      mainMenu.classList.remove(\"hide\");\n\n      return;\n    }\n\n    \/* BAJA *\/\n\n    if(currentScroll > lastScroll){\n\n      mainMenu.classList.add(\"hide\");\n\n      scrollUpDistance = 0;\n\n    }else{\n\n      scrollUpDistance +=\n        lastScroll - currentScroll;\n\n      if(scrollUpDistance > threshold){\n\n        mainMenu.classList.remove(\"hide\");\n      }\n    }\n\n    lastScroll = currentScroll;\n  });\n\n  \/* =========================\n     LANG\n  ========================= *\/\n\n  const dropdown =\n    document.querySelector(\"#LangDropdown\");\n\n  const current =\n    dropdown.querySelector(\".lang-current\");\n\n  const list =\n    dropdown.querySelector(\".lang-list\");\n\n  current.addEventListener(\"click\", function () {\n\n    list.classList.toggle(\"open\");\n  });\n\n  document.addEventListener(\"click\", function (e) {\n\n    if (!dropdown.contains(e.target)) {\n\n      list.classList.remove(\"open\");\n    }\n  });\n\n  \/* =========================\n     TOGGLE\n  ========================= *\/\n\n  const toggle =\n    document.querySelector(\".menu-toggle\");\n\n  const menu =\n    document.querySelector(\".menu\");\n\n  toggle.addEventListener(\"click\", () => {\n\n    toggle.classList.toggle(\"open\");\n\n    menu.classList.toggle(\"open\");\n  });\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-346c19e e-con-full e-flex e-con e-parent\" data-id=\"346c19e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0eb8029 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0eb8029\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n     GOOGLE FONT\n========================= -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@300;400;500;600&family=Dosis:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* =========================\n   BASE\n========================= *\/\n\nbody{\n\n  margin:0;\n\n  background:#EBEAE4;\n\n  color:#292929;\n\n  overflow-x:hidden;\n}\n\n\/* =========================\n   HERO\n========================= *\/\n\n.projects-hero{\n\n  position:relative;\n\n  padding:\n    150px 0 40px;\n\n  background:#EBEAE4;\n\n  z-index:2;\n}\n\n.projects-hero-inner{\n\n  width:min(1280px,88vw);\n\n  margin:0 auto;\n}\n\n\/* EYEBROW *\/\n\n.projects-eyebrow{\n\n  font-family:'Dosis',sans-serif;\n\n  font-size:11px;\n\n  letter-spacing:4px;\n\n  text-transform:uppercase;\n\n  opacity:.42;\n\n  margin-bottom:24px;\n}\n\n\/* TITLE *\/\n\n.projects-title{\n\n  font-family:'Instrument Sans',sans-serif;\n\n  font-size:50px;\n\n  line-height:.92;\n\n  font-weight:400;\n\n  letter-spacing:-5px;\n\n  margin:0;\n\n  color:#292929;\n\n  max-width:900px;\n}\n\n\/* =========================\n   PROJECTS\n========================= *\/\n\n.projects-wrapper{\n\n  position:relative;\n\n  width:100%;\n}\n\n\/* =========================\n   PROJECT\n========================= *\/\n\n.project-film{\n\n  position:relative;\n\n  width:100%;\n\n  margin-bottom:8vh;\n}\n\n\/* =========================\n   IMAGE AREA\n========================= *\/\n\n.project-visual{\n\n  position:relative;\n\n  width:100%;\n\n  height:86vh;\n\n  overflow:hidden;\n\n  background:#ddd;\n}\n\n\/* FADE SUPERIOR *\/\n\n.project-visual::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:0;\n\n  width:100%;\n  height:180px;\n\n  z-index:5;\n\n  pointer-events:none;\n\n  background:\n    linear-gradient(\n      to bottom,\n      #EBEAE4 0%,\n      rgba(235,234,228,.78) 28%,\n      rgba(235,234,228,0) 100%\n    );\n}\n\n\/* =========================\n   SLIDES\n========================= *\/\n\n.project-slides{\n\n  position:absolute;\n\n  inset:0;\n}\n\n.project-slide{\n\n  position:absolute;\n\n  inset:0;\n\n  opacity:0;\n\n  transition:\n    opacity 2.4s ease;\n\n  will-change:opacity;\n}\n\n.project-slide.active{\n\n  opacity:1;\n}\n\n\/* =========================\n   IMAGES\n========================= *\/\n\n.project-slide img,\n.project-slide iframe,\n.project-slide video{\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  border:0;\n\n  transform:scale(1.02);\n}\n\n\/* =========================\n   OVERLAY\n========================= *\/\n\n.project-overlay{\n\n  position:absolute;\n\n  inset:0;\n\n  z-index:3;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(0,0,0,.34) 0%,\n      rgba(0,0,0,.12) 26%,\n      rgba(0,0,0,0) 52%\n    );\n}\n\n\/* =========================\n   PROJECT INFO\n========================= *\/\n\n.project-info{\n\n  position:absolute;\n\n  left:5vw;\n  bottom:4vw;\n\n  z-index:10;\n\n  color:#fff;\n}\n\n\/* META *\/\n\n.project-meta{\n\n  font-family:'Dosis',sans-serif;\n\n  font-size:11px;\n\n  letter-spacing:3px;\n\n  text-transform:uppercase;\n\n  opacity:.72;\n\n  margin-bottom:12px;\n}\n\n\/* TITLE *\/\n\n.project-name{\n\n  font-family:'Instrument Sans',sans-serif;\n\n  font-size:44px;\n\n  line-height:1;\n\n  letter-spacing:-2px;\n\n  font-weight:400;\n\n  margin:0;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n\n.projects-cta{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n    180px 20px 180px;\n\n  text-align:center;\n\n  background:\n    linear-gradient(\n      to bottom,\n      #EBEAE4 0%,\n      #E7E5DF 58%,\n      #E1DED7 100%\n    );\n}\n\n\/* LUZ CINEMATOGR\u00c1FICA *\/\n\n.projects-cta::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:-10%;\n\n  pointer-events:none;\n\n  opacity:1;\n\n  filter:blur(18px);\n\n  mix-blend-mode:soft-light;\n\n  animation:\n    cinematicFloat 14s ease-in-out infinite alternate;\n\n  background:\n    radial-gradient(\n      circle at 12% 8%,\n      rgba(255,255,255,.82) 0%,\n      rgba(255,255,255,.32) 18%,\n      rgba(255,255,255,.08) 34%,\n      transparent 62%\n    );\n}\n\n\/* SOMBRA *\/\n\n.projects-cta::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  right:-6%;\n  bottom:-4%;\n\n  width:820px;\n  height:820px;\n\n  border-radius:50%;\n\n  pointer-events:none;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(0,0,0,.09) 0%,\n      rgba(0,0,0,.045) 32%,\n      transparent 72%\n    );\n\n  filter:blur(18px);\n\n  mix-blend-mode:soft-light;\n}\n\n\/* MOVIMIENTO *\/\n\n@keyframes cinematicFloat{\n\n  0%{\n\n    transform:\n      translate3d(0,0,0)\n      rotate(0deg)\n      scale(1);\n  }\n\n  100%{\n\n    transform:\n      translate3d(-2%,2%,0)\n      rotate(-2deg)\n      scale(1.04);\n  }\n}\n\n\/* FRASE *\/\n\n.projects-cta p{\n\n  position:relative;\n\n  z-index:3;\n\n  font-family:'Instrument Sans',sans-serif;\n\n  font-size:44px;\n\n  line-height:1.08;\n\n  font-weight:300;\n\n  letter-spacing:-1.4px;\n\n  color:#292929;\n\n  margin:0 0 34px;\n}\n\n\/* LINK *\/\n\n.projects-link{\n\n  position:relative;\n\n  z-index:3;\n\n  display:inline-block;\n\n  font-family:'Dosis',sans-serif;\n\n  font-size:11px;\n\n  font-weight:500;\n\n  letter-spacing:4px;\n\n  text-transform:uppercase;\n\n  text-decoration:none;\n\n  color:rgba(41,41,41,.82);\n\n  padding-bottom:10px;\n\n  transition:\n    opacity 1.5s ease,\n    transform 1.5s ease;\n}\n\n\/* L\u00cdNEA *\/\n\n.projects-link::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n\n  height:1px;\n\n  background:rgba(41,41,41,.72);\n\n  transition:width .5s ease;\n}\n\n.projects-link:hover::after{\n\n  width:100%;\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:768px){\n\n  .projects-hero{\n\n    padding:\n      120px 0 30px;\n  }\n\n  .projects-hero-inner{\n\n    width:calc(100% - 48px);\n  }\n\n  .projects-title{\n\n    font-size:64px;\n\n    line-height:.94;\n\n    letter-spacing:-3px;\n  }\n\n  .project-visual{\n\n    height:72vh;\n  }\n\n  .project-info{\n\n    left:28px;\n    bottom:28px;\n  }\n\n  .project-name{\n\n    font-size:34px;\n\n    letter-spacing:-1.5px;\n  }\n\n  .projects-cta{\n\n    padding:\n      140px 24px 120px;\n  }\n\n  .projects-cta p{\n\n    font-size:31px;\n\n    line-height:1.12;\n\n    letter-spacing:-1px;\n  }\n\n  .projects-link{\n\n    font-size:10px;\n\n    letter-spacing:3px;\n  }\n\n  .projects-cta::after{\n\n    width:480px;\n    height:480px;\n  }\n}\n\n<\/style>\n\n<!-- =========================\n     HERO\n========================= -->\n\n<section class=\"projects-hero\">\n\n  <div class=\"projects-hero-inner\">\n\n    <div class=\"projects-eyebrow\">\n      Selecci\u00f3n\n    <\/div>\n\n    <h1 class=\"projects-title\">\n      Proyectos\n    <\/h1>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================\n     PROJECTS\n========================= -->\n\n<div class=\"projects-wrapper\">\n\n  <!-- PROJECT 1 -->\n\n  <section class=\"project-film\">\n\n    <div class=\"project-visual\">\n\n      <div class=\"project-slides\">\n\n        <div class=\"project-slide active\">\n\n          <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/01\/IMG_8575-2-scaled.jpeg\">\n\n        <\/div>\n\n        <div class=\"project-slide\">\n\n          <video autoplay muted loop playsinline>\n            <source src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/05\/laschapas2.mp4\" type=\"video\/mp4\">\n          <\/video>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"project-overlay\"><\/div>\n\n      <div class=\"project-info\">\n\n        <div class=\"project-meta\">\n          Marbella \u00b7 2025\n        <\/div>\n\n        <h2 class=\"project-name\">\n          Las chapas\n        <\/h2>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- PROJECT 2 -->\n\n  <section class=\"project-film\">\n\n    <div class=\"project-visual\">\n\n      <div class=\"project-slides\">\n\n        <div class=\"project-slide active\">\n\n          <video autoplay muted loop playsinline>\n            <source src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/05\/higueron-1-.mp4\" type=\"video\/mp4\">\n          <\/video>\n\n        <\/div>\n\n        <div class=\"project-slide\">\n\n          <video autoplay muted loop playsinline>\n            <source src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/05\/higueron-2.mp4\" type=\"video\/mp4\">\n          <\/video>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"project-overlay\"><\/div>\n\n      <div class=\"project-info\">\n\n        <div class=\"project-meta\">\n          Benalm\u00e1dena \u00b7 2025\n        <\/div>\n\n        <h2 class=\"project-name\">\n          Reserva del Higuer\u00f3n\n        <\/h2>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- PROJECT 3 -->\n\n  <section class=\"project-film\">\n\n    <div class=\"project-visual\">\n\n      <div class=\"project-slides\">\n\n        <div class=\"project-slide active\">\n\n          <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/04\/proyecto-3-2.png\">\n\n        <\/div>\n\n        <div class=\"project-slide\">\n\n          <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/04\/proyecto3-11.png\">\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"project-overlay\"><\/div>\n\n      <div class=\"project-info\">\n\n        <div class=\"project-meta\">\n          M\u00e1laga \u00b7 2026\n        <\/div>\n\n        <h2 class=\"project-name\">\n          El Limonar\n        <\/h2>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n<!-- =========================\n     CTA\n========================= -->\n\n<section class=\"projects-cta\">\n\n  <p>\n    Cada proyecto se adapta al espacio y a quien lo vive.\n  <\/p>\n\n  <a href=\"#\" id=\"contacto-pop-up\" class=\"projects-link\">\n    Hablemos de tu cocina\n  <\/a>\n\n<\/section>\n\n<!-- =========================\n     SLIDESHOW\n========================= -->\n\n<!-- =========================\n     SLIDESHOW + POPUP\n========================= -->\n\n<!-- =========================\n     SLIDESHOW + POPUP\n========================= -->\n\n<script>\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function(){\n\n    \/* =========================\n       SLIDESHOW\n    ========================= *\/\n\n    const projects =\n      document.querySelectorAll(\".project-film\");\n\n    projects.forEach(project => {\n\n      const slides =\n        project.querySelectorAll(\".project-slide\");\n\n      let current = 0;\n\n      setInterval(() => {\n\n        slides[current]\n          .classList.remove(\"active\");\n\n        current =\n          (current + 1) % slides.length;\n\n        slides[current]\n          .classList.add(\"active\");\n\n      }, 7000);\n\n    });\n\n    \/* =========================\n       POPUP\n    ========================= *\/\n\n    document.addEventListener(\"click\", function(e){\n\n      const popupBtn =\n        e.target.closest(\"#contacto-pop-up\");\n\n      if(!popupBtn) return;\n\n      e.preventDefault();\n\n      const popupOverlay =\n        document.getElementById(\"custom-popup-overlay\");\n\n      if(popupOverlay){\n\n        popupOverlay.classList.add(\"active\");\n\n        document.body.style.overflow = \"hidden\";\n      }\n\n    });\n\n  }\n);\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85d58f0 e-flex e-con-boxed e-con e-parent\" data-id=\"85d58f0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6d74d8 elementor-widget elementor-widget-html\" data-id=\"e6d74d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GOOGLE FONT -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n.footer {\n  background: #EBEAE4;\n  padding: 90px 20px 40px;\n  text-align: center;\n  font-family: 'Instrument Sans', sans-serif;\n  color: #292929;\n}\n\n\/* L\u00cdNEA SUPERIOR *\/\n.footer::before {\n  content: \"\";\n  display: block;\n  width: 60px;\n  height: 1px;\n  background: #292929;\n  opacity: 0.2;\n  margin: 0 auto 40px;\n}\n\n\/* LOGO *\/\n.footer-logo img {\n  height: 38px;\n  margin-bottom: 18px;\n  opacity: 0.95;\n}\n\n\/* TEXTO *\/\n.footer p {\n  font-size: 14px;\n  opacity: 0.7;\n  margin-bottom: 35px;\n}\n\n\/* NAV *\/\n.footer-nav {\n  display: flex;\n  justify-content: center;\n  gap: 30px;\n  margin-bottom: 35px;\n  flex-wrap: wrap;\n}\n\n.footer-nav a {\n  font-size: 13px;\n  text-decoration: none;\n  color: #292929;\n  letter-spacing: 2px;\n  text-transform: capitalize;\n  transition: 0.3s;\n}\n\n.footer-nav a:hover {\n  opacity: 0.5;\n}\n\n\/* CONTACTO *\/\n.footer-contact {\n  font-size: 14px;\n  opacity: 0.8;\n  margin-bottom: 35px;\n  line-height: 1.7;\n}\n\n\/* LINKS *\/\n.footer-contact a{\n  color:#292929;\n  text-decoration:none;\n}\n\n\/* CITA PREVIA *\/\n.footer-note {\n  font-size: 12px;\n  opacity: 0.6;\n  margin-top: 8px;\n}\n\n\/* LEGAL *\/\n.footer-legal {\n  font-size: 12px;\n  opacity: 0.5;\n}\n\n.footer-legal a {\n  color: #292929;\n  text-decoration: none;\n}\n\n<\/style>\n\n<footer class=\"footer\">\n\n  <!-- LOGO -->\n  <div class=\"footer-logo\">\n    <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/04\/NextLevelLOGOweb.png\" alt=\"Next Level Cocinas\">\n  <\/div>\n\n  <!-- FRASE -->\n  <p>Dise\u00f1o y ejecuci\u00f3n de cocinas<\/p>\n\n  <!-- NAV -->\n  <div class=\"footer-nav\">\n    <a href=\"\/\">Inicio<\/a>\n    <a href=\"\/inspiracion\">Inspiraci\u00f3n<\/a>\n\n    <!-- POPUP BUTTON -->\n    <a href=\"#\" id=\"contacto-pop-up-footer\">\n      Contacto\n    <\/a>\n\n  <\/div>\n\n  <!-- CONTACTO -->\n  <div class=\"footer-contact\">\n\n    <a href=\"tel:+34647036816\">+34 647 036 816<\/a><br>\n\n    info@nextlevelcocinas.com<br>\n\n    Calle Mariscal 7, M\u00e1laga<br>\n\n    <div class=\"footer-note\">\n      Atenci\u00f3n con cita previa\n    <\/div>\n\n  <\/div>\n\n  <!-- LEGAL -->\n  <div class=\"footer-legal\">\n\n    <a href=\"\/privacy\">\n      Pol\u00edtica de privacidad\n    <\/a>\n\n    \u00b7\n\n    <a href=\"\/terms\">\n      T\u00e9rminos de uso\n    <\/a>\n\n  <\/div>\n\n<\/footer>\n\n<!-- =========================\n     POPUP LINK\n========================= -->\n\n<script>\n\ndocument.addEventListener(\"click\", function(e){\n\n  const footerBtn =\n    e.target.closest(\"#contacto-pop-up-footer\");\n\n  if(!footerBtn) return;\n\n  e.preventDefault();\n\n  const popup =\n    document.getElementById(\"custom-popup-overlay\");\n\n  if(popup){\n\n    popup.classList.add(\"active\");\n\n    document.body.style.overflow = \"hidden\";\n  }\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b80149d e-flex e-con-boxed e-con e-parent\" data-id=\"b80149d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88649d3 elementor-widget elementor-widget-html\" data-id=\"88649d3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CTA FIJO SOLO M\u00d3VIL -->\n<div class=\"mobile-cta-bar\">\n  <a href=\"#\" id=\"contacto-pop-up-mobile\">Reserva tu cita<\/a>\n<\/div>\n\n<style>\n\/* CTA SOLO M\u00d3VIL *\/\n.mobile-cta-bar {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 58px;\n  background: #EBEAE4;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  transform: translateY(-100%);\n  transition: transform 0.35s ease, opacity 0.35s ease;\n\n  z-index: 9998;\n  opacity: 0;\n}\n\n\/* TEXTO (coherente con tu header) *\/\n.mobile-cta-bar a {\n  font-family: \"Dosis\", sans-serif;\n  text-transform: uppercase;\n  font-size: 15px;\n  font-weight: 500;\n  color: #292929;\n  text-decoration: none;\n  letter-spacing: 1px;\n  position: relative;\n  padding-bottom: 6px;\n}\n\n\/* l\u00ednea sutil *\/\n.mobile-cta-bar a::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  bottom: 0;\n  width: 60%;\n  height: 1px;\n  background: #292929;\n  transform: translateX(-50%);\n  opacity: 0.6;\n}\n\n\/* sombra suave *\/\n.mobile-cta-bar.active {\n  transform: translateY(0);\n  opacity: 1;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n}\n\n\/* \u274c oculto en desktop *\/\n@media (min-width: 901px) {\n  .mobile-cta-bar {\n    display: none !important;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const mobileCTA = document.querySelector(\".mobile-cta-bar\");\n\n  let lastScroll = 0;\n  let scrollUpDistance = 0;\n\n  \/* \ud83d\udd27 AJUSTE AQU\u00cd *\/\n  const threshold = 150; \n  \/\/ \ud83d\udc49 cuanto M\u00c1S alto, m\u00e1s tiene que subir el usuario para ocultarlo\n  \/\/ prueba: 60 (m\u00e1s sensible) \/ 100\u2013120 (m\u00e1s s\u00f3lido)\n\n  window.addEventListener(\"scroll\", function () {\n\n    const currentScroll = window.scrollY;\n\n    if (window.innerWidth <= 900) {\n\n      if (currentScroll > lastScroll && currentScroll > 80) {\n        \/\/ bajando \u2192 mostrar CTA\n        mobileCTA.classList.add(\"active\");\n        scrollUpDistance = 0;\n\n      } else {\n        \/\/ subiendo \u2192 acumulamos scroll\n        scrollUpDistance += lastScroll - currentScroll;\n\n        if (scrollUpDistance > threshold) {\n          mobileCTA.classList.remove(\"active\");\n        }\n      }\n\n    }\n\n    lastScroll = currentScroll;\n  });\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8b51ff e-flex e-con-boxed e-con e-parent\" data-id=\"e8b51ff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49892c6 elementor-widget elementor-widget-html\" data-id=\"49892c6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GOOGLE FONT -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dosis:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* =========================\n   OVERLAY\n========================= *\/\n\n#custom-popup-overlay {\n\n  position: fixed;\n\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  background:\n    rgba(0,0,0,0.12);\n\n  backdrop-filter:\n    blur(0px);\n\n  -webkit-backdrop-filter:\n    blur(0px);\n\n  z-index: 999999;\n\n  opacity: 0;\n  visibility: hidden;\n\n  transition:\n    opacity .8s ease,\n    backdrop-filter 1.2s ease,\n    background 1s ease;\n}\n\n\/* ACTIVO *\/\n\n#custom-popup-overlay.active {\n\n  opacity: 1;\n  visibility: visible;\n\n  background:\n    rgba(0,0,0,0.22);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\/* =========================\n   POPUP BOX\n========================= *\/\n\n#custom-popup-box {\n\n  position: relative;\n\n  background: #EBEAE4;\n\n  border-radius: 0;\n\n  max-width: 520px;\n  width: 90%;\n\n  max-height: 90vh;\n\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  border:\n    1px solid rgba(0,0,0,0.08);\n\n  opacity: 0;\n\n  transform:\n    translateY(34px)\n    scale(.985);\n\n  transition:\n    opacity 1s cubic-bezier(.22,.61,.36,1),\n    transform 1s cubic-bezier(.22,.61,.36,1);\n\n  box-shadow:\n    0 30px 80px rgba(0,0,0,.10);\n\n  animation:\n    popupBreathing 8s ease-in-out infinite alternate;\n}\n\n\/* ACTIVO *\/\n\n#custom-popup-overlay.active #custom-popup-box {\n\n  opacity: 1;\n\n  transform:\n    translateY(0)\n    scale(1);\n}\n\n\/* =========================\n   SCROLL SUAVE\n========================= *\/\n\n#custom-popup-box::-webkit-scrollbar {\n\n  width: 6px;\n}\n\n#custom-popup-box::-webkit-scrollbar-thumb {\n\n  background: rgba(41,41,41,.18);\n}\n\n\/* =========================\n   RESPIRACI\u00d3N SUTIL\n========================= *\/\n\n@keyframes popupBreathing {\n\n  0%{\n\n    transform:\n      translateY(0)\n      scale(1);\n  }\n\n  100%{\n\n    transform:\n      translateY(0)\n      scale(1.003);\n  }\n}\n\n\/* =========================\n   CERRAR\n========================= *\/\n\n#custom-popup-close {\n\n  position: absolute;\n\n  top: 14px;\n  right: 18px;\n\n  font-size: 20px;\n\n  cursor: pointer;\n\n  border: none;\n  background: none;\n\n  color: rgba(41,41,41,.72);\n\n  transition:\n    opacity .3s ease,\n    transform .3s ease;\n\n  z-index: 20;\n}\n\n#custom-popup-close:hover {\n\n  opacity: .6;\n\n  transform: rotate(90deg);\n}\n\n\/* =========================\n   FORM CONTAINER\n========================= *\/\n\n.custom-form-container {\n\n  position: relative;\n\n  font-family: 'Dosis', sans-serif;\n\n  color: #292929;\n\n  font-size: 15px;\n\n  max-width: 420px;\n\n  padding:\n    52px 40px 30px;\n\n  margin: auto;\n\n  box-sizing: border-box;\n}\n\n\/* =========================\n   INTRO EDITORIAL\n========================= *\/\n\n.popup-intro {\n\n  opacity: 0;\n\n  transform: translateY(14px);\n\n  animation:\n    introReveal 1.6s ease forwards;\n\n  animation-delay: .35s;\n}\n\n\/* TITULAR *\/\n\n.form-title {\n\n  font-size: 24px;\n\n  line-height: 1.25;\n\n  letter-spacing: -.3px;\n\n  font-weight: 300;\n\n  margin-bottom: 16px;\n\n  color: rgba(41,41,41,.94);\n}\n\n\/* TEXTO *\/\n\n.popup-intro p {\n\n  font-size: 15px;\n\n  line-height: 1.6;\n\n  color: rgba(41,41,41,.62);\n\n  margin: 0 0 28px;\n}\n\n\/* =========================\n   FORMULARIO\n========================= *\/\n\n#contact-form-popup {\n\n  opacity: 0;\n\n  transform: translateY(18px);\n\n  animation:\n    introReveal 1.6s ease forwards;\n\n  animation-delay: .8s;\n}\n\n\/* =========================\n   LABELS\n========================= *\/\n\n.custom-form-container label {\n\n  font-weight: 400;\n\n  font-size: 11px;\n\n  letter-spacing: 1.8px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 6px;\n\n  display: block;\n\n  color: rgba(41,41,41,.72);\n}\n\n\/* =========================\n   INPUTS\n========================= *\/\n\n.custom-form-container input,\n.custom-form-container select {\n\n  width: 100%;\n\n  padding: 10px 2px;\n\n  font-size: 15px;\n\n  border: none;\n\n  border-bottom:\n    1px solid rgba(41,41,41,.24);\n\n  background: transparent;\n\n  margin-bottom: 22px;\n\n  font-family: 'Dosis', sans-serif;\n\n  transition:\n    border-color .4s ease,\n    transform .4s ease;\n\n  box-sizing: border-box;\n}\n\n\/* FOCUS *\/\n\n.custom-form-container input:focus,\n.custom-form-container select:focus {\n\n  outline: none;\n\n  border-bottom:\n    1px solid rgba(41,41,41,.92);\n\n  transform:\n    translateX(2px);\n}\n\n\/* PLACEHOLDER *\/\n\n.custom-form-container input::placeholder {\n\n  color: rgba(41,41,41,.32);\n}\n\n\/* =========================\n   CHECKBOX\n========================= *\/\n\n.terms-checkbox {\n\n  margin-bottom: 20px;\n}\n\n.terms-checkbox label {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  flex-wrap: wrap;\n\n  font-size: 11px;\n\n  font-weight: 300;\n\n  line-height: 1.5;\n\n  letter-spacing: 0;\n\n  text-transform: none;\n}\n\n.terms-checkbox input {\n\n  margin: 0;\n\n  transform: scale(.9);\n\n  accent-color: #292929;\n\n  flex-shrink: 0;\n\n  width: auto;\n}\n\n\/* LINKS *\/\n\n.terms-checkbox a {\n\n  color: rgba(41,41,41,.72);\n\n  text-decoration: none;\n\n  position: relative;\n}\n\n.terms-checkbox a::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:-1px;\n\n  width:100%;\n  height:1px;\n\n  background:rgba(41,41,41,.22);\n}\n\n\/* =========================\n   BOT\u00d3N\n========================= *\/\n\n.custom-submit-btn {\n\n  width: 100%;\n\n  background: transparent;\n\n  color: #292929;\n\n  border:\n    1px solid rgba(41,41,41,.84);\n\n  padding: 12px;\n\n  font-size: 11px;\n\n  letter-spacing: 3px;\n\n  text-transform: uppercase;\n\n  cursor: pointer;\n\n  transition:\n    background .45s ease,\n    color .45s ease,\n    letter-spacing .45s ease;\n}\n\n\/* HOVER *\/\n\n.custom-submit-btn:hover {\n\n  background: #292929;\n\n  color: #EBEAE4;\n\n  letter-spacing: 4px;\n}\n\n\/* =========================\n   SUCCESS\n========================= *\/\n\n#success-message-popup {\n\n  text-align: center;\n\n  padding-top: 10px;\n}\n\n#success-message-popup p {\n\n  font-size: 14px;\n\n  opacity: .62;\n\n  line-height: 1.6;\n}\n\n\/* =========================\n   ANIMACIONES\n========================= *\/\n\n@keyframes introReveal {\n\n  to{\n\n    opacity:1;\n\n    transform:translateY(0);\n  }\n}\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media(max-width:1024px){\n\n  #custom-popup-box {\n\n    width: 92%;\n  }\n\n  .custom-form-container {\n\n    padding:\n      44px 26px 26px;\n  }\n\n  .popup-intro p {\n\n    margin-bottom: 22px;\n  }\n\n  .custom-form-container input,\n  .custom-form-container select {\n\n    margin-bottom: 18px;\n\n    padding: 9px 2px;\n  }\n\n  .form-title {\n\n    font-size: 22px;\n  }\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:768px){\n\n  #custom-popup-overlay {\n\n    align-items: flex-start;\n\n    overflow-y: auto;\n\n    padding: 20px 0;\n  }\n\n  #custom-popup-box {\n\n    margin: 10px 0;\n\n    max-height: none;\n  }\n\n  .custom-form-container {\n\n    padding:\n      40px 24px 24px;\n  }\n\n  .form-title {\n\n    font-size: 21px;\n\n    line-height: 1.3;\n  }\n\n  .popup-intro p {\n\n    font-size: 14px;\n\n    margin-bottom: 20px;\n  }\n}\n\n\/* =========================\n   FIX SOLO IPAD HORIZONTAL\n========================= *\/\n\n@media only screen\nand (min-device-width: 768px)\nand (max-device-width: 1366px)\nand (-webkit-min-device-pixel-ratio: 2)\nand (orientation: landscape) {\n\n  #custom-popup-overlay {\n\n    align-items: flex-start;\n\n    padding: 24px 0;\n\n    overflow-y: auto;\n  }\n\n  #custom-popup-box {\n\n    margin: 20px 0;\n\n    max-height: none;\n  }\n\n  .custom-form-container {\n\n    padding:\n      38px 28px 24px;\n  }\n\n  .custom-form-container input,\n  .custom-form-container select {\n\n    margin-bottom: 14px;\n\n    padding: 8px 2px;\n  }\n\n  .popup-intro p {\n\n    margin-bottom: 16px;\n  }\n\n  .terms-checkbox {\n\n    margin-bottom: 14px;\n  }\n}\n\n<\/style>\n\n<!-- =========================\n     POPUP\n========================= -->\n\n<div id=\"custom-popup-overlay\">\n\n  <div id=\"custom-popup-box\">\n\n    <!-- CLOSE -->\n\n    <button id=\"custom-popup-close\">&times;<\/button>\n\n    <!-- CONTENT -->\n\n    <div class=\"custom-form-container\">\n\n      <!-- INTRO -->\n\n      <div class=\"popup-intro\">\n\n        <div class=\"form-title\">\n           Cu\u00e9ntanos c\u00f3mo imaginas tu espacio.\n        <\/div>\n\n        <p>\n          Coordinaremos una primera conversaci\u00f3n contigo.\n        <\/p>\n\n      <\/div>\n\n      <!-- FORM -->\n\n      <form\n        id=\"contact-form-popup\"\n        action=\"https:\/\/api.web3forms.com\/submit\"\n        method=\"POST\"\n      >\n\n        <input\n          type=\"hidden\"\n          name=\"access_key\"\n          value=\"2cb15c77-96a9-49a8-8674-c3166d6f6aa8\"\n        >\n\n        <input\n          type=\"hidden\"\n          name=\"subject\"\n          value=\"Nueva cita desde popup\"\n        >\n\n        <input\n          type=\"hidden\"\n          name=\"from_name\"\n          value=\"Next Level Cocinas Web\"\n        >\n\n        <!-- NOMBRE -->\n\n        <label>Nombre completo *<\/label>\n\n        <input\n          type=\"text\"\n          name=\"Full Name\"\n          required\n          placeholder=\"Tu nombre\"\n        >\n\n        <!-- EMAIL -->\n\n        <label>Email *<\/label>\n\n        <input\n          type=\"email\"\n          name=\"Email\"\n          required\n          placeholder=\"Tu email\"\n        >\n\n        <!-- TEL -->\n\n        <label>Tel\u00e9fono m\u00f3vil *<\/label>\n\n        <input\n          type=\"text\"\n          name=\"Phone\"\n          required\n          placeholder=\"Tu tel\u00e9fono\"\n        >\n\n        <!-- FECHA -->\n\n        <label>\u00bfQu\u00e9 d\u00eda prefieres?<\/label>\n\n        <input\n          type=\"date\"\n          name=\"Fecha cita\"\n        >\n\n        <!-- HORARIO -->\n\n        <label>Rango horario<\/label>\n\n        <select name=\"Rango horario\">\n\n          <option value=\"\">\n            Selecciona una opci\u00f3n\n          <\/option>\n\n          <option value=\"Ma\u00f1ana\">\n            Ma\u00f1ana\n          <\/option>\n\n          <option value=\"Tarde\">\n            Tarde\n          <\/option>\n\n        <\/select>\n\n        <!-- HORA -->\n\n        <label>Hora aproximada (opcional)<\/label>\n\n        <input\n          type=\"text\"\n          name=\"Hora aproximada\"\n          placeholder=\"Ej: 10:30 o 17:00\"\n        >\n\n        <!-- TERMS -->\n\n        <div class=\"terms-checkbox\">\n\n          <label>\n\n            <input\n              type=\"checkbox\"\n              name=\"terms\"\n              id=\"terms-checkbox-popup\"\n              required\n            >\n\n            Acepto los\n\n            <a\n              href=\"https:\/\/nextlevelproyectos.es\/TERMS-OF-USE\/\"\n              target=\"_blank\"\n            >\n              T\u00e9rminos\n            <\/a>\n\n            y la\n\n            <a\n              href=\"https:\/\/nextlevelproyectos.es\/privacy\/\"\n              target=\"_blank\"\n            >\n              Pol\u00edtica de Privacidad\n            <\/a>.\n\n          <\/label>\n\n        <\/div>\n\n        <!-- BTN -->\n\n        <button\n          type=\"submit\"\n          class=\"custom-submit-btn\"\n        >\n          Solicitar cita\n        <\/button>\n\n      <\/form>\n\n      <!-- SUCCESS -->\n\n      <div\n        id=\"success-message-popup\"\n        style=\"display:none;\"\n      >\n\n        <div class=\"form-title\">\n          Muchas gracias\n        <\/div>\n\n        <p>\n          Te contactaremos en breve para comenzar a pensar tu proyecto.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n  const popup =\n    document.getElementById(\"custom-popup-overlay\");\n\n  const closeBtn =\n    document.getElementById(\"custom-popup-close\");\n\n  const form =\n    document.getElementById(\"contact-form-popup\");\n\n  const submitBtn =\n    form.querySelector('.custom-submit-btn');\n\n  \/* =========================\n     ABRIR POPUP\n  ========================= *\/\n\n  function openPopup(e){\n\n    e.preventDefault();\n\n    popup.classList.add(\"active\");\n\n    document.body.style.overflow = \"hidden\";\n  }\n\n  \/* DESKTOP *\/\n\n  const desktopBtn =\n    document.getElementById(\"contacto-pop-up\");\n\n  if(desktopBtn){\n\n    desktopBtn.addEventListener(\"click\", openPopup);\n  }\n\n  \/* MOBILE CTA *\/\n\n  const mobileBtn =\n    document.getElementById(\"contacto-pop-up-mobile\");\n\n  if(mobileBtn){\n\n    mobileBtn.addEventListener(\"click\", openPopup);\n  }\n\n  \/* =========================\n     CERRAR\n  ========================= *\/\n\n  function closePopup(){\n\n    popup.classList.remove(\"active\");\n\n    document.body.style.overflow = \"\";\n  }\n\n  closeBtn.addEventListener(\"click\", closePopup);\n\n  popup.addEventListener(\"click\", function(e){\n\n    if(e.target === popup){\n\n      closePopup();\n    }\n  });\n\n  \/* ESC *\/\n\n  document.addEventListener(\"keydown\", function(e){\n\n    if(e.key === \"Escape\"){\n\n      closePopup();\n    }\n  });\n\n  \/* =========================\n     FORM\n  ========================= *\/\n\n  form.addEventListener('submit', async function(e) {\n\n    e.preventDefault();\n\n    const termsAccepted =\n      document.getElementById('terms-checkbox-popup').checked;\n\n    if (!termsAccepted) {\n\n      alert('Por favor acepta los t\u00e9rminos antes de continuar.');\n\n      return;\n    }\n\n    submitBtn.disabled = true;\n\n    submitBtn.textContent = \"Enviando...\";\n\n    const formData = new FormData(form);\n\n    try {\n\n      const response = await fetch(form.action, {\n\n        method: 'POST',\n\n        body: formData\n      });\n\n      const result = await response.json();\n\n      if (result.success) {\n\n        form.style.display = \"none\";\n\n        document.querySelector(\".popup-intro\").style.display = \"none\";\n\n        document.getElementById(\"success-message-popup\").style.display = \"block\";\n\n      } else {\n\n        throw new Error();\n      }\n\n    } catch (error) {\n\n      alert(\"Error al enviar. Int\u00e9ntalo de nuevo.\");\n\n      submitBtn.disabled = false;\n\n      submitBtn.textContent = \"Solicitar cita\";\n    }\n\n  });\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio Proyectos Inspiraci\u00f3n Nuestro equipo Reserva tu cita ES \u2304 English Espa\u00f1ol Selecci\u00f3n Proyectos Marbella \u00b7 2025 Las chapas Benalm\u00e1dena \u00b7 2025 Reserva del Higuer\u00f3n M\u00e1laga \u00b7 2026 El Limonar Cada proyecto se adapta al espacio y a quien lo vive. Hablemos de tu cocina Dise\u00f1o y ejecuci\u00f3n de cocinas Inicio Inspiraci\u00f3n Contacto +34 647 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-820","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/comments?post=820"}],"version-history":[{"count":813,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/820\/revisions"}],"predecessor-version":[{"id":4848,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/820\/revisions\/4848"}],"wp:attachment":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/media?parent=820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}