{"id":1212,"date":"2026-02-04T13:29:04","date_gmt":"2026-02-04T13:29:04","guid":{"rendered":"https:\/\/nextlevelproyectos.es\/?page_id=1212"},"modified":"2026-05-02T14:14:47","modified_gmt":"2026-05-02T14:14:47","slug":"contacto","status":"publish","type":"page","link":"https:\/\/nextlevelcocinas.com\/en\/contacto\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1212\" class=\"elementor elementor-1212\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fcabe4 e-flex e-con-boxed e-con e-parent\" data-id=\"1fcabe4\" 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-21b4564 elementor-widget elementor-widget-html\" data-id=\"21b4564\" 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=Dosis:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n  <div class=\"container\">\n\n    <!-- LOGO -->\n    <a href=\"\/en\/\" 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      <a href=\"\/en\/home\/\">inicio<\/a>\n      <a href=\"\/en\/proyectos\/\">proyectos<\/a>\n      <a href=\"\/en\/inspiracion\/\">Inspiration<\/a>\n      <a href=\"\/en\/nuestro-equipo\/\">The team<\/a>\n      <a href=\"#\" id=\"contacto-pop-up\" class=\"cta-btn\">Book a consultation<\/a>\n\n      <!-- IDIOMA -->\n      <nav id=\"LangDropdown\" class=\"lang-dropdown\">\n        <button class=\"lang-current\">\n          ES <span class=\"arrow\">\u2304<\/span>\n        <\/button>\n        <ul class=\"lang-list\">\n          <li><a href=\"javascript:void(0)\">English<\/a><\/li>\n          <li><a href=\"javascript:void(0)\">Spanish<\/a><\/li>\n        <\/ul>\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#mainmenu {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 9999;\n  background: #ebeae4;\n  padding: 12px 0;\n  transition: all 0.35s ease;\n  transform: translateY(0);\n}\n\n#mainmenu.scrolled {\n  box-shadow: 0 2px 12px rgba(0, 0, 0, .08);\n}\n\n#mainmenu.hide {\n  transform: translateY(-100%);\n}\n\n#mainmenu .container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 60px;\n}\n\n\/* LOGO *\/\n.logo-left {\n  margin-left: 70px;\n  display: flex;\n  align-items: center;\n}\n#mainmenu .logo img {\n  height: 45px;\n  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);\n}\n#mainmenu .logo:hover img {\n  transform: scale(1.06);\n}\n\n\/* MEN\u00da *\/\n.menu {\n  display: flex;\n  align-items: center;\n  gap: 50px;\n}\n\n.menu a {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  position: relative;\n  padding-bottom: 6px;\n}\n\n\/* ANIMACI\u00d3N L\u00cdNEA *\/\n.menu a::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  bottom: 0;\n  width: 0;\n  height: 1px;\n  background: #292929;\n  transform: translateX(-50%);\n  transition: width 0.35s ease;\n}\n\n.menu a:hover::after {\n  width: 100%;\n}\n\n#mainmenu .menu a {\n  font-family: \"Dosis\", sans-serif;\n  text-transform: uppercase;\n  font-size: 16px;\n  font-weight: 500;\n  color: #292929;\n  text-decoration: none;\n}\n\n#mainmenu .menu a:hover {\n  opacity: 0.85;\n}\n\n\/* LANG *\/\n.lang-dropdown { position: relative; }\n\n.lang-current {\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n\n  height: 30px;\n  padding: 0 80px;\n  transform: translateY(-2px);\n\n  font-family: \"Dosis\";\n  font-weight: 500;\n  font-size: 15px;\n  color: #292929;\n}\n\n.lang-current .arrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  font-size: 12px;\n  transform: translateY(-3px);\n}\n\n.lang-list {\n  position: absolute;\n  top: 100%;\n  right: 20px;\n  background:#ebeae4;\n  padding: 20px 30px;\n  margin: 8px 0 0;\n  opacity: 0;\n  transform: translateY(-18px);\n  pointer-events: none;\n  transition: all 0.25s ease;\n  list-style: none;\n}\n\n.lang-list.open {\n  opacity: 1;\n  transform: translateY(20px);\n  pointer-events: auto;\n}\n\n.lang-list li a {\n  display: block;\n  padding: 10px 18px;\n  text-transform: uppercase;\n  font-size: 15px;\n  color: #292929;\n}\n\n\/* CTA *\/\n.cta-btn {\n  position: relative;\n  font-size: 16px;\n  letter-spacing: 1px;\n  padding-bottom: 6px;\n  text-decoration: none;\n\n  \/* \u2705 FIX REAL *\/\n  margin-left: 130px;\n\n  animation: subtlePulse 5s ease-in-out infinite;\n}\n\n.cta-btn::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  transition: width 0.3s ease, opacity 0.3s ease;\n  opacity: 0.6;\n}\n\n.cta-btn:hover::after {\n  width: 100%;\n  opacity: 1;\n}\n\n@keyframes subtlePulse {\n  0%, 90%, 100% {\n    transform: scale(1);\n  }\n  95% {\n    transform: scale(1.04);\n  }\n}\n\n\/* TOGGLE *\/\n.menu-toggle {\n  display: none;\n  width: 26px;\n  height: 18px;\n  position: relative;\n  cursor: pointer;\n}\n\n.menu-toggle span {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 1px;\n  background: #292929;\n  transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.menu-toggle span:first-child {\n  top: 0;\n}\n\n.menu-toggle span:last-child {\n  bottom: 0;\n}\n\n.menu-toggle.open span:first-child {\n  transform: translateY(8px) rotate(45deg);\n}\n\n.menu-toggle.open span:last-child {\n  transform: translateY(-8px) rotate(-45deg);\n}\n\n\/* MOBILE *\/\n@media (max-width: 900px) {\n\n.lang-current {\n  padding: 0 20px;\n}\n  #mainmenu .container {\n    flex-direction: right;\n    align-items: right;\n    margin-right: 20px;\n    padding: 10px;\n    gap: 20px;\n  }\n\n  .logo-left {\n    margin-left: 20px;\n    justify-content: flex-start;\n  }\n\n  #mainmenu .logo img {\n    height: 36px;\n  }\n\n  .menu-toggle {\n    display: block;\n    margin-left: 20px;\n  }\n\n  .lang-dropdown {\n    display: block;\n  }\n\n  .menu {\n    position: fixed;\n    inset: 0;\n    width: 100%;\n    height: 100vh;\n    background: #ebeae4;\n\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 35px;\n\n    opacity: 0;\n    pointer-events: none;\n\n    transition: opacity 0.35s ease;\n  }\n\n  .menu.open {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .menu a {\n    font-size: 20px;\n    justify-content: center;\n  }\n\n  .cta-btn {\n    margin-left: 0;\n    font-size: 20px;\n    animation: subtlePulseMobile 5s ease-in-out infinite;\n  }\n\n  @keyframes subtlePulseMobile {\n    0%, 90%, 100% {\n      transform: scale(1);\n    }\n    95% {\n      transform: scale(1.04);\n    }\n  }\n  html, body {\n  overflow-x: hidden;\n}\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const mainMenu = document.getElementById(\"mainmenu\");\n\n  let lastScroll = 0;\n  let scrollUpDistance = 0;\n  const threshold = 70;\n\n  window.addEventListener(\"scroll\", function () {\n    const currentScroll = window.scrollY;\n\n    if (currentScroll > 10) {\n      mainMenu.classList.add(\"scrolled\");\n    } else {\n      mainMenu.classList.remove(\"scrolled\");\n    }\n\n    if (currentScroll <= 0) {\n      mainMenu.classList.remove(\"hide\");\n      return;\n    }\n\n    if (currentScroll > lastScroll) {\n      mainMenu.classList.add(\"hide\");\n      scrollUpDistance = 0;\n    } else {\n      scrollUpDistance += lastScroll - currentScroll;\n\n      if (scrollUpDistance > threshold) {\n        mainMenu.classList.remove(\"hide\");\n      }\n    }\n\n    lastScroll = currentScroll;\n  });\n\n  \/* LANG *\/\n  const dropdown = document.querySelector(\"#LangDropdown\");\n  const current = dropdown.querySelector(\".lang-current\");\n  const list = dropdown.querySelector(\".lang-list\");\n\n  current.addEventListener(\"click\", function () {\n    list.classList.toggle(\"open\");\n  });\n\n  document.addEventListener(\"click\", function (e) {\n    if (!dropdown.contains(e.target)) {\n      list.classList.remove(\"open\");\n    }\n  });\n\n  \/* TOGGLE *\/\n  const toggle = document.querySelector(\".menu-toggle\");\n  const menu = document.querySelector(\".menu\");\n\n  toggle.addEventListener(\"click\", () => {\n    toggle.classList.toggle(\"open\");\n    menu.classList.toggle(\"open\");\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-13ea9ff e-flex e-con-boxed e-con e-parent\" data-id=\"13ea9ff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fdf57e1 e-flex e-con-boxed e-con e-parent\" data-id=\"fdf57e1\" 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-813d673 elementor-widget elementor-widget-html\" data-id=\"813d673\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TIPOGRAF\u00cdA -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dosis:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* LAYOUT GENERAL *\/\n.contact-layout {\n  display: flex;\n  max-width: 1100px;\n  margin: 80px auto;\n  gap: 60px;\n  align-items: flex-start;\n  padding: 0 20px;\n}\n\n\/* COLUMNAS *\/\n.contact-form-col {\n  flex: 1;\n}\n\n.contact-info-col {\n  width: 380px;\n  font-family: 'Dosis', sans-serif;\n  color: #292929;\n}\n\n\/* INFO BOX *\/\n.contact-info-box {\n  background: #EBEAE4;\n  padding: 50px 40px;\n}\n\n.contact-info-box img {\n  height: 38px;\n  margin-bottom: 20px;\n}\n\n.contact-info-box p {\n  font-size: 14px;\n  opacity: 0.7;\n  margin-bottom: 30px;\n}\n\n.contact-info-contact {\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.contact-info-note {\n  font-size: 12px;\n  opacity: 0.6;\n  margin-top: 10px;\n}\n\n\/* FORMULARIO *\/\n.custom-form-container {\n  font-family: 'Dosis', sans-serif;\n  color: #292929;\n  font-size: 15px;\n  max-width: 420px;\n  padding: 50px 40px 40px 40px;\n  margin: auto;\n  box-sizing: border-box;\n  background: #EBEAE4;\n}\n\n\/* T\u00cdTULO *\/\n.form-title {\n  font-size: 18px;\n  letter-spacing: 2px;\n  margin-bottom: 30px;\n  text-transform: uppercase;\n}\n\n\/* LABELS *\/\n.custom-form-container label {\n  font-weight: 400;\n  font-size: 12px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 6px;\n  display: block;\n}\n\n\/* INPUTS *\/\n.custom-form-container input,\n.custom-form-container select {\n  width: 100%;\n  padding: 10px 4px;\n  font-size: 15px;\n  border: none;\n  border-bottom: 1px solid #292929;\n  background: transparent;\n  margin-bottom: 28px;\n  font-family: 'Dosis', sans-serif;\n}\n\n\/* FOCUS *\/\n.custom-form-container input:focus,\n.custom-form-container select:focus {\n  outline: none;\n  border-bottom: 2px solid #292929;\n}\n\n\/* CHECKBOX *\/\n.terms-checkbox {\n  margin-bottom: 25px;\n}\n\n.terms-checkbox label {\n  font-size: 12px;\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n.terms-checkbox input {\n  margin-right: 8px;\n  accent-color: #292929;\n}\n\n\/* BOT\u00d3N *\/\n.custom-submit-btn {\n  width: 100%;\n  background: transparent;\n  color: #292929;\n  border: 1px solid #292929;\n  padding: 12px;\n  font-size: 13px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  cursor: pointer;\n  transition: 0.3s ease;\n}\n\n.custom-submit-btn:hover {\n  background: #292929;\n  color: #EBEAE4;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .contact-layout {\n    flex-direction: column;\n  }\n\n  .contact-info-col {\n    width: 100%;\n  }\n}\n@media (max-width: 900px) {\n  .contact-info-col {\n    text-align: center;\n  }\n\n  .contact-info-box {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .contact-info-contact {\n    text-align: center;\n  }\n}\n\n<\/style>\n\n\n<div class=\"contact-layout\">\n\n  <!-- FORMULARIO -->\n  <div class=\"contact-form-col\">\n\n    <div class=\"custom-form-container\">\n\n      <div class=\"form-title\">\n        Reserva tu cita en nuestro estudio\n      <\/div>\n\n      <form id=\"contact-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\">\n\n        <input type=\"hidden\" name=\"access_key\" value=\"2cb15c77-96a9-49a8-8674-c3166d6f6aa8\">\n\n        <label>Full name<\/label>\n        <input type=\"text\" name=\"Full Name\" required placeholder=\"Your name\">\n\n        <label>Email *<\/label>\n        <input type=\"email\" name=\"Email\" required placeholder=\"Your email\">\n\n        <label>Mobile phone<\/label>\n        <input type=\"text\" name=\"Phone\" required placeholder=\"Your phone\">\n\n        <!-- CITA -->\n        <label>\u00bfQu\u00e9 d\u00eda te viene bien? *<\/label>\n        <input type=\"date\" name=\"Fecha cita\" required>\n\n        <label>Rango horario *<\/label>\n        <select name=\"Rango horario\" required>\n          <option value=\"\">Select an option<\/option>\n          <option value=\"Ma\u00f1ana\">Morning<\/option>\n          <option value=\"Tarde\">Afternoon<\/option>\n        <\/select>\n\n        <label>Approximate time (optional)<\/label>\n        <input type=\"text\" name=\"Hora aproximada\" placeholder=\"Eg.: 10:30 or 17:00\">\n\n        <div class=\"terms-checkbox\">\n          <label>\n            <input type=\"checkbox\" name=\"terms\" id=\"terms-checkbox\" required>\n            I accept the\n            <a href=\"https:\/\/nextlevelproyectos.es\/TERMS-OF-USE\/\" target=\"_blank\">terms<\/a>\n            and the\n            <a href=\"https:\/\/nextlevelproyectos.es\/privacy\/\" target=\"_blank\">Privacy Policy<\/a>.\n          <\/label>\n        <\/div>\n\n        <button type=\"submit\" class=\"custom-submit-btn\">Book consultation<\/button>\n\n      <\/form>\n\n      <!-- MENSAJE (\u00daNICO A\u00d1ADIDO) -->\n      <div id=\"success-message\" style=\"display:none; text-align:center; padding-top:20px;\">\n        <div class=\"form-title\">Thank you<\/div>\n        <p style=\"font-size:13px; opacity:0.7;\">Te contactaremos en breve para ver tu cocina.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- INFO EMPRESA -->\n  <div class=\"contact-info-col\">\n\n    <div class=\"contact-info-box\">\n\n      <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/04\/NextLevelLOGOweb.png\" alt=\"Next Level Cocinas\">\n\n      <p>Kitchen design and project execution<\/p>\n\n      <div class=\"contact-info-contact\">\n        <a href=\"tel:+34647036816\">+34 647 036 816<\/a><br>\n        info@nextlevelcocinas.com<br>\n        Calle Mariscal 7, M\u00e1laga<br>\n\n        <div class=\"contact-info-note\">\n          By appointment only\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n  const form = document.getElementById(\"contact-form\");\n  const submitBtn = form.querySelector('.custom-submit-btn');\n\n  form.addEventListener('submit', async function(e) {\n    e.preventDefault();\n\n    const termsAccepted = document.getElementById('terms-checkbox').checked;\n    if (!termsAccepted) {\n      alert('Por favor acepta los t\u00e9rminos antes de continuar.');\n      return;\n    }\n\n    submitBtn.disabled = true;\n    submitBtn.textContent = \"Enviando...\";\n\n    const formData = new FormData(form);\n\n    try {\n      const response = await fetch(form.action, {\n        method: 'POST',\n        body: formData\n      });\n\n      const result = await response.json();\n\n      if (result.success) {\n        document.querySelector(\".form-title\").style.display = \"none\";\n        document.getElementById(\"contact-form\").style.display = \"none\";\n        document.getElementById(\"success-message\").style.display = \"block\";\n      } else {\n        alert(\"Error al enviar. Int\u00e9ntalo de nuevo.\");\n        submitBtn.disabled = false;\n        submitBtn.textContent = \"Solicitar cita\";\n      }\n    } catch (error) {\n      alert(\"Error de conexi\u00f3n.\");\n      submitBtn.disabled = false;\n      submitBtn.textContent = \"Solicitar cita\";\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>","protected":false},"excerpt":{"rendered":"<p>inicio proyectos Inspiraci\u00f3n Nuestro equipo Reserva tu cita ES \u2304 English Espa\u00f1ol Reserva tu cita en nuestro estudio Nombre completo * Email * Tel\u00e9fono m\u00f3vil * \u00bfQu\u00e9 d\u00eda te viene bien? * Rango horario * Selecciona una opci\u00f3nMa\u00f1anaTarde Hora aproximada (opcional) Acepto los T\u00e9rminos y la Pol\u00edtica de Privacidad. Solicitar cita Muchas gracias Te contactaremos [&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-1212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/1212","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=1212"}],"version-history":[{"count":355,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/1212\/revisions"}],"predecessor-version":[{"id":3990,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/1212\/revisions\/3990"}],"wp:attachment":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/media?parent=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}