{"id":1404,"date":"2026-02-04T18:28:55","date_gmt":"2026-02-04T18:28:55","guid":{"rendered":"https:\/\/nextlevelproyectos.es\/?page_id=1404"},"modified":"2026-05-13T16:56:38","modified_gmt":"2026-05-13T16:56:38","slug":"inspiracion","status":"publish","type":"page","link":"https:\/\/nextlevelcocinas.com\/en\/inspiracion\/","title":{"rendered":"Inspiration"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1404\" class=\"elementor elementor-1404\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7062565 e-flex e-con-boxed e-con e-parent\" data-id=\"7062565\" 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-5cc18e7 elementor-widget elementor-widget-html\" data-id=\"5cc18e7\" 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&family=Instrument+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\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\n      <a href=\"\/en\/home\/\">Home<\/a>\n      <a href=\"\/en\/proyectos\/\">Projects<\/a>\n      <a href=\"\/en\/inspiracion\/\">Inspiration<\/a>\n      <a href=\"\/en\/nuestro-equipo\/\">The team<\/a>\n\n      <a href=\"#\" id=\"contacto-pop-up\" class=\"cta-btn\">\n        Book a consultation\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)\">Spanish<\/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-d28886a e-flex e-con-boxed e-con e-parent\" data-id=\"d28886a\" 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-89266a7 elementor-widget elementor-widget-spacer\" data-id=\"89266a7\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-41ccbcd e-con-full e-flex e-con e-parent\" data-id=\"41ccbcd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03f06c8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"03f06c8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dosis:wght@300;400;500&family=Instrument+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\nbody{\n  margin:0;\n  font-family:'Instrument Sans',sans-serif;\n  background:#EBEAE4;\n  color:#292929;\n  overflow-x:hidden;\n}\n\n\/* =========================\n   HERO\n========================= *\/\n\n.hero{\n  position:relative;\n  padding:20px 0 40px;\n  background:#EBEAE4;\n  z-index:2;\n}\n\n.hero-inner{\n  width:min(1280px,88vw);\n  margin:0 auto;\n}\n\n\/* EYEBROW *\/\n\n.hero-label{\n  font-family:'Dosis',sans-serif;\n  font-size:11px;\n  letter-spacing:4px;\n  text-transform:uppercase;\n  opacity:.42;\n  margin-bottom:24px;\n}\n\n\/* TITLE *\/\n\n.hero h1{\n  font-family:'Instrument Sans',sans-serif;\n  font-size:50px;\n  line-height:.92;\n  font-weight:400;\n  letter-spacing:-5px;\n  margin:0;\n  color:#292929;\n  max-width:900px;\n}\n\n\/* =========================\n   SECCI\u00d3N\n========================= *\/\n\n.material-section{\n  position:relative;\n  height:100vh;\n  overflow:hidden;\n}\n\n\/* =========================\n   FADE CINEMATOGR\u00c1FICO\n   SOLO PRIMERA IMAGEN\n========================= *\/\n\n.material-section:first-of-type::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:20;\n\n  pointer-events:none;\n\n  background:\n    linear-gradient(\n      to bottom,\n      #EBEAE4 0%,\n      rgba(235,234,228,.82) 28%,\n      rgba(235,234,228,0) 100%\n    );\n}\n\n\/* =========================\n   IMAGEN\n========================= *\/\n\n.material-bg{\n  position:absolute;\n  inset:0;\n  z-index:1;\n}\n\n.material-bg img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n\n  transform:scale(1);\n  transition:transform 6s ease;\n}\n\n.material-section:hover img{\n  transform:scale(1.05);\n}\n\n\/* =========================\n   OVERLAY\n========================= *\/\n\n.material-overlay{\n  position:absolute;\n  inset:0;\n\n  z-index:3;\n\n  background:\n    linear-gradient(\n      to bottom,\n      rgba(0,0,0,0.15),\n      rgba(0,0,0,0.55)\n    );\n}\n\n\/* =========================\n   CONTENIDO\n========================= *\/\n\n.material-content{\n  position:absolute;\n  bottom:80px;\n  left:80px;\n\n  max-width:420px;\n\n  color:#fff;\n\n  opacity:0;\n  transform:translateY(30px);\n\n  transition:1s ease;\n\n  z-index:10;\n}\n\n.material-section.visible .material-content{\n  opacity:1;\n  transform:translateY(0);\n}\n\n\/* TITLE *\/\n\n.material-title{\n  font-size:20px;\n  letter-spacing:3px;\n  text-transform:uppercase;\n\n  font-family:'Instrument Sans',sans-serif;\n  font-weight:500;\n}\n\n\/* TEXT *\/\n\n.material-text{\n  margin-top:12px;\n\n  font-size:14px;\n  line-height:1.7;\n\n  opacity:0.85;\n\n  font-family:'Dosis',sans-serif;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n\n.material-cta{\n  margin-top:25px;\n\n  display:inline-block;\n  position:relative;\n\n  font-size:13px;\n  letter-spacing:3px;\n  text-transform:uppercase;\n\n  font-family:'Dosis',sans-serif;\n}\n\n.material-cta::after{\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  bottom:-6px;\n\n  width:0;\n  height:1px;\n\n  background:#fff;\n\n  transform:translateX(-50%);\n  transition:0.4s ease;\n}\n\n.material-section:hover .material-cta::after{\n  width:100%;\n}\n\n\/* =========================\n   TRANSICI\u00d3N\n========================= *\/\n\n.material-section + .material-section{\n  margin-top:1px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media(max-width:768px){\n\n  .hero{\n    padding:120px 0 30px;\n  }\n\n  .hero-inner{\n    width:calc(100% - 48px);\n  }\n\n  .hero h1{\n    font-size:64px;\n    line-height:.94;\n    letter-spacing:-3px;\n  }\n\n  .hero-label{\n    font-size:12px;\n    letter-spacing:5px;\n    margin-bottom:18px;\n  }\n\n  .material-content{\n    left:30px;\n    right:30px;\n    bottom:50px;\n  }\n\n  .material-title{\n    font-size:16px;\n  }\n\n  .material-text{\n    font-size:13px;\n  }\n\n}\n\n<\/style>\n\n\n<!-- =========================\n     HERO\n========================= -->\n\n<section class=\"hero\">\n\n  <div class=\"hero-inner\">\n\n    <div class=\"hero-label\">\n      GET INSPIRED\n    <\/div>\n\n    <h1>\n      Compositions\n    <\/h1>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================\n     MATERIAL 1\n========================= -->\n\n<section class=\"material-section\">\n\n  <div class=\"material-bg\">\n\n    <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/04\/casella-tajmahal.png\">\n\n  <\/div>\n\n  <div class=\"material-overlay\"><\/div>\n\n  <div class=\"material-content\">\n\n    <div class=\"material-title\">\n      Casella + Taj Mahal\n    <\/div>\n\n    <div class=\"material-text\">\n      Warmth brought to its purest expression.\nDesigned for spaces where light takes centre stage.\n    <\/div>\n\n    <div class=\"material-cta\">\n      Discover material\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================\n     MATERIAL 2\n========================= -->\n\n<section class=\"material-section\">\n\n  <div class=\"material-bg\">\n\n    <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/04\/montrealceppo-di-gre.jpg\">\n\n  <\/div>\n\n  <div class=\"material-overlay\"><\/div>\n\n  <div class=\"material-content\">\n\n    <div class=\"material-title\">\n      Montreal + Ceppo di Gre\n    <\/div>\n\n    <div class=\"material-text\">\n      Depth and sophistication.\nA choice that brings character to the space.\n    <\/div>\n\n    <div class=\"material-cta\">\n      Discover material\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================\n     MATERIAL 3\n========================= -->\n\n<section class=\"material-section\">\n\n  <div class=\"material-bg\">\n\n    <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-27-at-20.37.08.png\">\n\n  <\/div>\n\n  <div class=\"material-overlay\"><\/div>\n\n  <div class=\"material-content\">\n\n    <div class=\"material-title\">\n      Parona + Helena\n    <\/div>\n\n    <div class=\"material-text\">\n      Warmth and openness, naturally expressed.\n    <\/div>\n\n    <div class=\"material-cta\">\n      Discover material\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================\n     MATERIAL 4\n========================= -->\n\n<section class=\"material-section\">\n\n  <div class=\"material-bg\">\n\n    <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/05\/piedraejemplo1.png\">\n\n  <\/div>\n\n  <div class=\"material-overlay\"><\/div>\n\n  <div class=\"material-content\">\n\n    <div class=\"material-title\">\n      DEKTON Morpheus\n    <\/div>\n\n    <div class=\"material-text\">\n      Distinct compositions,\ndesigned to be symmetrical and interchangeable.\n    <\/div>\n\n    <div class=\"material-cta\">\n      View material in detail\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================\n     MATERIAL 5\n========================= -->\n\n<section class=\"material-section\">\n\n  <div class=\"material-bg\">\n\n    <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/05\/piedraejemplo2.png\">\n\n  <\/div>\n\n  <div class=\"material-overlay\"><\/div>\n\n  <div class=\"material-content\">\n\n    <div class=\"material-title\">\n      Pietra Edition Cosentino\n    <\/div>\n\n    <div class=\"material-text\">\n      Timeless and Mediterranean.\n    <\/div>\n\n    <div class=\"material-cta\">\n      View model in detail\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================\n     MATERIAL 6\n========================= -->\n\n<section class=\"material-section\">\n\n  <div class=\"material-bg\">\n\n    <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/05\/piedraejemplo3.png\">\n\n  <\/div>\n\n  <div class=\"material-overlay\"><\/div>\n\n  <div class=\"material-content\">\n\n    <div class=\"material-title\">\n      Nebu Pietra Edition\n    <\/div>\n\n    <div class=\"material-text\">\n      The depth of Roman travertine.\n    <\/div>\n\n    <div class=\"material-cta\">\n      View model in detail\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n\n\/* =========================\n   APARICI\u00d3N ELEGANTE\n========================= *\/\n\nconst sections =\n  document.querySelectorAll(\".material-section\");\n\nconst observer =\n  new IntersectionObserver((entries) => {\n\n    entries.forEach(entry => {\n\n      if(entry.isIntersecting){\n\n        entry.target.classList.add(\"visible\");\n      }\n\n    });\n\n},{\n  threshold:0.4\n});\n\nsections.forEach(section => {\n\n  observer.observe(section);\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-045f9f0 e-flex e-con-boxed e-con e-parent\" data-id=\"045f9f0\" 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-80ee6f0 elementor-widget elementor-widget-html\" data-id=\"80ee6f0\" 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>Kitchen design and project execution<\/p>\n\n  <!-- NAV -->\n  <div class=\"footer-nav\">\n    <a href=\"\/en\/\">Home<\/a>\n    <a href=\"\/en\/inspiracion\/\">Inspiration<\/a>\n\n    <!-- POPUP BUTTON -->\n    <a href=\"#\" id=\"contacto-pop-up-footer\">\n      Contact\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      By appointment only\n    <\/div>\n\n  <\/div>\n\n  <!-- LEGAL -->\n  <div class=\"footer-legal\">\n\n    <a href=\"\/en\/privacy\/\">\n      Privacy Policy\n    <\/a>\n\n    \u00b7\n\n    <a href=\"\/en\/terms\/\">\n      Terms of Use\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-fa96eb2 e-flex e-con-boxed e-con e-parent\" data-id=\"fa96eb2\" 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-a256581 elementor-widget elementor-widget-html\" data-id=\"a256581\" 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           Tell us how you envision your space.\n        <\/div>\n\n        <p>\n          We will arrange an initial consultation with you.\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>Full name<\/label>\n\n        <input\n          type=\"text\"\n          name=\"Full Name\"\n          required\n placeholder=\"Your name\"\n        >\n\n        <!-- EMAIL -->\n\n        <label>Email *<\/label>\n\n        <input\n          type=\"email\"\n          name=\"Email\"\n          required\n placeholder=\"Your email\"\n        >\n\n        <!-- TEL -->\n\n        <label>Mobile phone<\/label>\n\n        <input\n          type=\"text\"\n          name=\"Phone\"\n          required\n placeholder=\"Your phone\"\n        >\n\n        <!-- FECHA -->\n\n        <label>Which day works best for you?<\/label>\n\n        <input\n          type=\"date\"\n          name=\"Fecha cita\"\n        >\n\n        <!-- HORARIO -->\n\n        <label>Preferred time range<\/label>\n\n        <select name=\"Rango horario\">\n\n          <option value=\"\">\n            Select an option\n          <\/option>\n\n          <option value=\"Ma\u00f1ana\">\n            Morning\n          <\/option>\n\n          <option value=\"Tarde\">\n            Afternoon\n          <\/option>\n\n        <\/select>\n\n        <!-- HORA -->\n\n        <label>Approximate time (optional)<\/label>\n\n        <input\n          type=\"text\"\n          name=\"Hora aproximada\"\n          placeholder=\"Eg.: 10:30 or 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            I accept the\n\n            <a\n              href=\"https:\/\/nextlevelproyectos.es\/TERMS-OF-USE\/\"\n              target=\"_blank\"\n            >\n              terms\n            <\/a>\n\n            and the\n\n            <a\n              href=\"https:\/\/nextlevelproyectos.es\/privacy\/\"\n              target=\"_blank\"\n            >\n              Privacy Policy\n            <\/a>.\n\n          <\/label>\n\n        <\/div>\n\n        <!-- BTN -->\n\n        <button\n          type=\"submit\"\n          class=\"custom-submit-btn\"\n        >\n          Book consultation\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          Thank you\n        <\/div>\n\n        <p>\n          We will be in touch shortly to begin discussing your project.\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<div class=\"elementor-element elementor-element-eb4cf2c e-flex e-con-boxed e-con e-parent\" data-id=\"eb4cf2c\" 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-5903302 elementor-widget elementor-widget-html\" data-id=\"5903302\" 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\">Book a consultation<\/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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Inicio Proyectos Inspiraci\u00f3n Nuestro equipo Reserva tu cita ES \u2304 English Espa\u00f1ol INSP\u00cdRATE Combinaciones Casella + Taj Mahal La calidez llevada a su expresi\u00f3n m\u00e1s pura. Dise\u00f1ado para espacios donde la luz es protagonista. Descubrir material Montreal + Ceppo di Gre Profundidad y sofisticaci\u00f3n. Una elecci\u00f3n que transforma el espacio en car\u00e1cter. Descubrir material Parona [&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-1404","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/1404","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=1404"}],"version-history":[{"count":336,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/1404\/revisions"}],"predecessor-version":[{"id":4851,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/1404\/revisions\/4851"}],"wp:attachment":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/media?parent=1404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}