{"id":5127,"date":"2026-09-22T09:03:53","date_gmt":"2026-09-22T09:03:53","guid":{"rendered":"https:\/\/nextlevelcocinas.com\/?page_id=5127"},"modified":"2026-09-22T14:45:21","modified_gmt":"2026-09-22T14:45:21","slug":"about","status":"publish","type":"page","link":"https:\/\/nextlevelcocinas.com\/en\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5127\" class=\"elementor elementor-5127\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39ba579 e-con-full e-flex e-con e-parent\" data-id=\"39ba579\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffacf99 elementor-widget elementor-widget-html\" data-id=\"ffacf99\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NEXT LEVEL COCINAS \u00b7 about completa (menu + contenido + footer)\n     22\/09\/2026 \u00b7 version unica, para pegar tal cual en Elementor,\n     en la pagina con slug \/about (el menu y el pie ya apuntan ahi).\n\n     Opcion A: cabecera \"Kitchen redesign, taken seriously.\", cinco\n     reglas de trabajo, dos fotos, zona y servicios, y el cierre con\n     el boton de reserva. La cabecera pone el rediseno por delante;\n     el resto da el mismo peso a Kitchen Redesign y a New Kitchens.\n     Sin nombre ni foto del titular.\n\n     Este archivo NO empieza con <!doctype html> a proposito: es un\n     fragmento. Trae la barra de cookies y el menu arriba de todo y\n     el footer abajo, como las demas paginas. La barra de cookies\n     tiene que estar en TODAS las paginas.\n\n     Fotos: las dos ya estan en WordPress (proyecto42.jpeg y\n     proyecto-3-2.png, las mismas de Projects). No hay que subir nada.\n     ============================================================ -->\n\n<!-- ============================================================\n     NEXT LEVEL COCINAS \u00b7 gl-02-cookies v1 \u00b7 20\/09\/2026\n     Barra de cookies y panel de preferencias. Va ARRIBA DEL TODO de\n     cada pagina, antes del menu, igual que el menu y el pie van en cada\n     pagina. Sale en la primera visita, sea cual sea la pagina por la que\n     entre el visitante, y no vuelve a preguntar mientras dure la\n     eleccion (12 meses).\n\n     QUE CUMPLE (guia de cookies de la AEPD y criterio del CEPD)\n     - Aceptar y Rechazar son dos botones iguales, al mismo nivel, en la\n       primera capa. Personalizar es un tercer boton (guia, 3.1.2.2).\n     - Nada viene marcado de antemano. Seguir navegando o hacer scroll\n       NO cuenta como consentimiento (guia, 3.2.1).\n     - No hay muro de cookies: la web funciona igual se acepte o no.\n     - Cambiar o retirar la eleccion es tan facil como darla: el enlace\n       \"Cookie settings\" esta en el pie de todas las paginas (guia, 3.2.9).\n     - La eleccion se guarda 12 meses (la AEPD recomienda no pasar de 24,\n       guia 3.2.8) en la cookie tecnica nlp_cookie_consent. Si el\n       navegador no deja usar cookies, se guarda en el almacenamiento\n       local.\n\n     ESTADO HOY: la web NO usa cookies de analitica ni de publicidad (lo\n     confirmo el titular el 20\/09\/2026), asi que la barra todavia no bloquea\n     nada: recuerda la eleccion y deja el mecanismo listo. Los textos de\n     Analytics y Marketing dicen \"we do not use any today\": mientras sea\n     verdad, se quedan asi.\n\n     ANTES DE ANADIR CUALQUIER HERRAMIENTA NUEVA (Google Analytics, Meta\n     Pixel, un mapa, un chat, videos de otra plataforma...):\n     1. Que salga con su nombre en el texto de su categoria (Analytics o\n        Marketing) de este archivo y en la seccion de cookies de Privacy\n        Policy. Ya no puede decir \"we do not use any today\".\n     2. Subir VERSION a 2 (y asi cada vez) en el script de abajo: todos los\n        visitantes vuelven a ver la barra y deciden con la informacion\n        nueva. Un permiso dado antes no vale para una herramienta nueva.\n     3. Cargarla SOLO con consentimiento. En un widget HTML de Elementor,\n        el script se escribe con type=\"text\/plain\" y con data-nlp-consent\n        igual al nombre de la categoria, por ejemplo analytics o marketing.\n        Los iframes llevan data-src en lugar de src, y el mismo\n        data-nlp-consent. La barra los activa cuando el visitante acepta\n        esa categoria.\n        OJO: lo que se instale con otros plugins (Site Kit, el Pixel de\n        Meta...) no pasa por aqui y hay que engancharlo aparte. Avisar\n        antes de instalarlo, no despues.\n     4. Si el visitante retira el permiso despues de que algo se haya\n        cargado, la pagina se recarga sin ello.\n     5. Si alguna vez se instala en toda la web, esta barra tiene que\n        estar en todas las paginas: hoy va dentro de cada pagina, y una\n        pagina que no la lleve no pregunta nada.\n\n     LA VENTANA DE RESERVAS ES DE CALENDLY. Calendly muestra su propio aviso\n     de cookies dentro de la ventana (lo hace por defecto; se oculta con\n     hide_gdpr_banner=1). La frase del panel que lo dice, y la de Privacy,\n     dependen de eso: si algun dia se oculta, hay que gestionar aqui las\n     cookies de Calendly y cambiar esas dos frases.\n\n     Para leer la eleccion desde otro script: window.nlpConsent.has('analytics')\n     y window.nlpConsent.onChange(function(c){ ... }).\n     Para abrir el panel desde cualquier enlace o boton: atributo\n     data-nlp-cookie-open.\n\n     Todo prefijado .nlp-ck; las variables van dentro de .nlp-ck, no en :root.\n     ============================================================ -->\n<div class=\"nlp-ck\" id=\"nlp-ck\">\n\n  <div class=\"nlp-ck-bar\" id=\"nlp-ck-bar\" role=\"region\" aria-label=\"Cookie consent\" hidden>\n    <div class=\"nlp-ck-wrap\">\n      <div class=\"nlp-ck-copy\">\n        <p class=\"nlp-ck-p\"><strong>Cookies.<\/strong> We only use the cookies this website needs to work. Analytics and marketing cookies stay off unless you accept them, and we use none today. <span class=\"nlp-ck-long\">You can change your choice at any time with Cookie settings at the bottom of every page.<\/span> <a href=\"\/privacy-policy#nlp-lg-cookies\">Privacy Policy<\/a><\/p>\n      <\/div>\n      <div class=\"nlp-ck-acts\">\n        <button type=\"button\" class=\"nlp-ck-btn\" data-nlp-ck-reject>Reject all<\/button>\n        <button type=\"button\" class=\"nlp-ck-btn\" data-nlp-ck-accept>Accept all<\/button>\n        <button type=\"button\" class=\"nlp-ck-btn nlp-ck-btn--line\" data-nlp-ck-open>Customise<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <dialog class=\"nlp-ck-dlg\" id=\"nlp-ck-dlg\" aria-labelledby=\"nlp-ck-dlg-t\">\n    <div class=\"nlp-ck-dlg-in\">\n      <div class=\"nlp-ck-top\">\n        <div>\n          <p class=\"nlp-ck-eyebrow\">Cookies<\/p>\n          <h2 class=\"nlp-ck-dlg-t\" id=\"nlp-ck-dlg-t\" tabindex=\"-1\" autofocus>Cookie settings<\/h2>\n        <\/div>\n        <button type=\"button\" class=\"nlp-ck-x\" data-nlp-ck-close aria-label=\"Close cookie settings\">\n          <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 5l14 14M19 5L5 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\n        <\/button>\n      <\/div>\n      <p class=\"nlp-ck-p\">Choose which optional cookies you accept. Your choice is saved in this browser for 12 months, and you can change it at any time with Cookie settings at the bottom of every page.<\/p>\n\n      <ul class=\"nlp-ck-cats\">\n        <li class=\"nlp-ck-cat\">\n          <div class=\"nlp-ck-cat-h\">\n            <p class=\"nlp-ck-cat-t\">Necessary<\/p>\n            <span class=\"nlp-ck-always\">Always on<\/span>\n          <\/div>\n          <p class=\"nlp-ck-cat-d\">They keep the website working and remember your cookie choice. The law does not require your consent for them.<\/p>\n        <\/li>\n        <li class=\"nlp-ck-cat\">\n          <div class=\"nlp-ck-cat-h\">\n            <p class=\"nlp-ck-cat-t\" id=\"nlp-ck-t-analytics\">Analytics<\/p>\n            <label class=\"nlp-ck-sw\"><input type=\"checkbox\" role=\"switch\" data-nlp-ck-cat=\"analytics\" aria-labelledby=\"nlp-ck-t-analytics\"><span class=\"nlp-ck-track\" aria-hidden=\"true\"><\/span><span class=\"nlp-ck-state\" aria-hidden=\"true\"><\/span><\/label>\n          <\/div>\n          <p class=\"nlp-ck-cat-d\">They would help us understand how the website is used, so that we can improve it. We do not use any analytics tools today.<\/p>\n        <\/li>\n        <li class=\"nlp-ck-cat\">\n          <div class=\"nlp-ck-cat-h\">\n            <p class=\"nlp-ck-cat-t\" id=\"nlp-ck-t-marketing\">Marketing<\/p>\n            <label class=\"nlp-ck-sw\"><input type=\"checkbox\" role=\"switch\" data-nlp-ck-cat=\"marketing\" aria-labelledby=\"nlp-ck-t-marketing\"><span class=\"nlp-ck-track\" aria-hidden=\"true\"><\/span><span class=\"nlp-ck-state\" aria-hidden=\"true\"><\/span><\/label>\n          <\/div>\n          <p class=\"nlp-ck-cat-d\">They would let us measure and show our own advertising. We do not use any marketing tools today.<\/p>\n        <\/li>\n      <\/ul>\n\n      <p class=\"nlp-ck-p nlp-ck-more\">The booking window is run by Calendly, which asks about its own optional cookies when you open it. More about cookies in our <a href=\"\/privacy-policy#nlp-lg-cookies\">Privacy Policy<\/a>.<\/p>\n    <\/div>\n\n    <div class=\"nlp-ck-foot\">\n      <button type=\"button\" class=\"nlp-ck-btn nlp-ck-btn--line\" data-nlp-ck-reject>Reject all<\/button>\n      <button type=\"button\" class=\"nlp-ck-btn nlp-ck-btn--line\" data-nlp-ck-accept>Accept all<\/button>\n      <button type=\"button\" class=\"nlp-ck-btn nlp-ck-save\" data-nlp-ck-save>Save my choices<\/button>\n    <\/div>\n  <\/dialog>\n\n<\/div>\n\n<style>\n.nlp-ck{\n  --nlp-ink:#1F1D1B; --nlp-ink2:#6B6259; --nlp-ink3:#9A9089;\n  --nlp-line:#E6E1D9; --nlp-soft:#F6F3EE; --nlp-bg:#FFFFFF;\n  --nlp-accent:#8A6A4C; --nlp-accent-dk:#75593F;\n  --nlp-font:\"Instrument Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\n  --nlp-pad:clamp(20px,5vw,70px);\n  font-family:var(--nlp-font); color:var(--nlp-ink);\n}\n.nlp-ck *,.nlp-ck *::before,.nlp-ck *::after{box-sizing:border-box;}\n.nlp-ck [hidden]{display:none !important;}\n:where(.nlp-ck) p{margin:0;}\n\n\/* ---------- la barra: por debajo del menu (9998) y de su panel (9997) ---------- *\/\n.nlp-ck-bar{\n  position:fixed;left:0;right:0;bottom:0;z-index:9990;\n  background:var(--nlp-soft);border-top:1px solid var(--nlp-line);\n  box-shadow:0 -14px 40px -24px rgba(31,29,27,.4);\n  padding-bottom:env(safe-area-inset-bottom);\n  transform:translateY(100%);opacity:0;\n  transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .35s ease;\n}\n.nlp-ck-bar.nlp-ck-on{transform:none;opacity:1;}\n.nlp-ck-wrap{\n  max-width:1600px;margin:0 auto;padding:22px var(--nlp-pad);\n  display:flex;align-items:center;justify-content:space-between;gap:20px 48px;\n}\n.nlp-ck-copy{flex:1 1 auto;min-width:0;max-width:100ch;}\n.nlp-ck-p{font-size:17px;line-height:1.55;color:var(--nlp-ink2);}\n.nlp-ck-p strong{color:var(--nlp-ink);font-weight:600;}\n.nlp-ck-p a{\n  color:var(--nlp-accent-dk);text-decoration:underline;\n  text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap;\n}\n.nlp-ck-p a:hover{color:var(--nlp-accent);}\n.nlp-ck-acts{display:flex;flex:0 0 auto;gap:10px;align-items:center;}\n\n\/* Aceptar y Rechazar: la misma clase, el mismo tamano, el mismo color.\n   Los selectores de los botones llevan .nlp-ck delante y fijan tambien :focus y :hover, para que\n   el tema de WordPress no pueda pintar encima sus propios estados de button:hover y button:focus *\/\n.nlp-ck .nlp-ck-btn{\n  -webkit-appearance:none;appearance:none;\n  display:inline-flex;align-items:center;justify-content:center;\n  min-width:128px;height:46px;padding:0 22px;margin:0;\n  font-family:var(--nlp-font);font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1;\n  text-transform:none;text-decoration:none;\n  color:#fff;background:var(--nlp-accent);border:1px solid var(--nlp-accent);border-radius:2px;box-shadow:none;\n  cursor:pointer;white-space:nowrap;\n  transition:background .3s ease,border-color .3s ease,color .3s ease;\n}\n.nlp-ck .nlp-ck-btn:focus{color:#fff;background:var(--nlp-accent);border-color:var(--nlp-accent);}\n.nlp-ck .nlp-ck-btn:hover{color:#fff;background:var(--nlp-accent-dk);border-color:var(--nlp-accent-dk);}\n.nlp-ck .nlp-ck-btn--line{color:var(--nlp-ink);background:transparent;border-color:var(--nlp-ink);}\n.nlp-ck .nlp-ck-btn--line:focus{color:var(--nlp-ink);background:transparent;border-color:var(--nlp-ink);}\n.nlp-ck .nlp-ck-btn--line:hover{color:var(--nlp-accent-dk);background:transparent;border-color:var(--nlp-accent-dk);}\n.nlp-ck .nlp-ck-btn:focus-visible,.nlp-ck .nlp-ck-x:focus-visible,.nlp-ck .nlp-ck-p a:focus-visible{\n  outline:2px solid var(--nlp-accent-dk);outline-offset:3px;\n}\n\n\/* ---------- el panel de preferencias (dialog nativo: capa superior, foco atrapado, Esc cierra) ---------- *\/\n.nlp-ck-dlg{\n  width:min(640px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);\n  margin:auto;padding:0;overflow:auto;\n  background:var(--nlp-bg);color:var(--nlp-ink);font-family:var(--nlp-font);\n  border:1px solid var(--nlp-line);border-radius:3px;\n  box-shadow:0 30px 80px -30px rgba(31,29,27,.55);\n}\n.nlp-ck-dlg::backdrop{background:rgba(31,29,27,.52);}\n.nlp-ck-dlg-in{padding:28px clamp(20px,4vw,36px) 8px;}\n.nlp-ck-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 14px;}\n.nlp-ck-eyebrow{\n  font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;\n  color:var(--nlp-accent);margin:0 0 10px;\n}\n.nlp-ck .nlp-ck-dlg-t{\n  margin:0;font-family:var(--nlp-font);font-size:clamp(24px,3vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--nlp-ink);\n}\n.nlp-ck .nlp-ck-dlg-t:focus{outline:none;}\n.nlp-ck .nlp-ck-x{\n  -webkit-appearance:none;appearance:none;flex:0 0 auto;\n  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-8px -10px 0 0;padding:0;\n  background:none;border:0;border-radius:2px;box-shadow:none;color:var(--nlp-ink);cursor:pointer;\n}\n.nlp-ck .nlp-ck-x:focus{background:none;color:var(--nlp-ink);}\n.nlp-ck .nlp-ck-x:hover{background:none;color:var(--nlp-accent);}\n\n.nlp-ck-cats{list-style:none;margin:22px 0 0;padding:0;border:1px solid var(--nlp-line);border-radius:3px;}\n.nlp-ck-cat{padding:18px 20px;border-top:1px solid var(--nlp-line);}\n.nlp-ck-cat:first-child{border-top:0;}\n.nlp-ck-cat-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 6px;}\n.nlp-ck-cat-t{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--nlp-ink);}\n.nlp-ck-cat-d{font-size:17px;line-height:1.55;color:var(--nlp-ink2);}\n.nlp-ck-always{font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--nlp-accent-dk);white-space:nowrap;}\n\n\/* interruptor: es un checkbox de verdad, con la palabra On\/Off al lado para no depender del color *\/\n.nlp-ck-sw{position:relative;display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;cursor:pointer;}\n.nlp-ck-sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}\n.nlp-ck-track{\n  position:relative;flex:0 0 auto;width:48px;height:28px;border-radius:14px;\n  background:var(--nlp-ink3);transition:background .25s ease;\n}\n.nlp-ck-track::after{\n  content:\"\";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;\n  background:#fff;transition:transform .25s ease;\n}\n.nlp-ck-sw input:checked + .nlp-ck-track{background:var(--nlp-accent);}\n.nlp-ck-sw input:checked + .nlp-ck-track::after{transform:translateX(20px);}\n.nlp-ck-sw input:focus-visible + .nlp-ck-track{outline:2px solid var(--nlp-accent-dk);outline-offset:3px;}\n.nlp-ck-state{min-width:24px;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--nlp-ink2);}\n.nlp-ck-state::before{content:\"Off\";}\n.nlp-ck-sw input:checked ~ .nlp-ck-state::before{content:\"On\";}\n\n.nlp-ck-more{margin:18px 0 0;}\n\/* los botones del panel se quedan pegados abajo mientras se desplaza el contenido: en el movil no hay que buscar Save *\/\n.nlp-ck-foot{\n  position:sticky;bottom:0;z-index:1;display:flex;flex-wrap:wrap;gap:10px;\n  padding:16px clamp(20px,4vw,36px) calc(16px + env(safe-area-inset-bottom));\n  background:var(--nlp-bg);border-top:1px solid var(--nlp-line);\n}\n\n\/* ---------- movil ---------- *\/\n@media(max-width:1100px){\n  .nlp-ck-wrap{flex-direction:column;align-items:stretch;gap:16px;padding:18px var(--nlp-pad);}\n  .nlp-ck-copy{max-width:none;}\n}\n@media(max-width:600px){\n  .nlp-ck-wrap{gap:14px;padding:16px var(--nlp-pad);}\n  .nlp-ck-long{display:none;}\n  .nlp-ck-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}\n  .nlp-ck-acts .nlp-ck-btn{min-width:0;width:100%;padding:0 6px;}\n  .nlp-ck-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:14px;}\n  .nlp-ck-foot .nlp-ck-btn{width:100%;min-width:0;padding:0 6px;}\n  .nlp-ck-foot .nlp-ck-save{grid-column:1 \/ -1;}\n  .nlp-ck-cat{padding:16px;}\n}\n@media(max-height:500px){                       \/* movil en horizontal: que la barra tape lo minimo *\/\n  .nlp-ck-long{display:none;}\n  .nlp-ck-wrap{gap:10px;padding-top:12px;padding-bottom:12px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .nlp-ck-bar,.nlp-ck-track,.nlp-ck-track::after{transition:none;}\n}\n@media print{.nlp-ck{display:none;}}\n<\/style>\n\n<script>\n(function(){\n  'use strict';\n  if (window.__nlpCookiesWired) return;\n  window.__nlpCookiesWired = true;\n\n  var KEY = 'nlp_cookie_consent';\n  var VERSION = 1;    \/\/ subir a 2, 3... al anadir una herramienta nueva: todos vuelven a decidir\n  var DAYS = 365;     \/\/ cuanto dura la eleccion (la AEPD recomienda 24 meses como maximo)\n  var CATS = ['analytics', 'marketing'];\n\n  var body = document.body;\n  var bar = document.getElementById('nlp-ck-bar');\n  var dlg = document.getElementById('nlp-ck-dlg');\n  if (!body || !bar || !dlg) return;\n  \/\/ dentro del editor de Elementor la barra no sale\n  if (body.classList.contains('elementor-editor-active')) return;\n\n  var state = { analytics: false, marketing: false };\n  var decided = false;\n  var activated = {};\n  var listeners = [];\n  var opener = null;\n  var padOrig = null;\n\n  \/* ---------- guardar y leer la eleccion (cookie tecnica; si no se puede, almacenamiento local) ---------- *\/\n  function parse(raw){\n    try{\n      var o = JSON.parse(raw);\n      if (!o || o.v !== VERSION || typeof o.t !== 'number') return null;\n      if (Date.now() - o.t > DAYS * 864e5) return null;\n      return { analytics: o.a === 1, marketing: o.m === 1, t: o.t };\n    }catch(e){ return null; }\n  }\n  function readCookie(){\n    var m = document.cookie.match(new RegExp('(?:^|; )' + KEY + '=([^;]*)'));\n    return m ? decodeURIComponent(m[1]) : null;\n  }\n  function read(){\n    var s = null, raw;\n    try{ raw = readCookie(); if (raw) s = parse(raw); }catch(e){}\n    if (!s){ try{ raw = window.localStorage.getItem(KEY); if (raw) s = parse(raw); }catch(e){} }\n    return s;\n  }\n  function write(s){\n    var raw = JSON.stringify({ v: VERSION, a: s.analytics ? 1 : 0, m: s.marketing ? 1 : 0, t: s.t });\n    var ok = false;\n    try{\n      document.cookie = KEY + '=' + encodeURIComponent(raw) + '; Path=\/; Max-Age=' + (DAYS * 86400) +\n                        '; SameSite=Lax' + (location.protocol === 'https:' ? '; Secure' : '');\n      ok = readCookie() === raw;\n    }catch(e){}\n    if (!ok){ try{ window.localStorage.setItem(KEY, raw); }catch(e){} }\n  }\n\n  \/* ---------- avisar y liberar lo que estaba esperando el permiso ---------- *\/\n  function snapshot(){ return { decided: decided, analytics: !!state.analytics, marketing: !!state.marketing }; }\n  function announce(){\n    var snap = snapshot();\n    listeners.forEach(function(fn){ try{ fn(snap); }catch(e){} });\n    try{ document.dispatchEvent(new CustomEvent('nlp:consent', { detail: snap })); }catch(e){}\n  }\n  function release(){\n    var nodes = document.querySelectorAll('script[type=\"text\/plain\"][data-nlp-consent], iframe[data-nlp-consent][data-src]');\n    Array.prototype.forEach.call(nodes, function(n){\n      var cat = n.getAttribute('data-nlp-consent');\n      if (!state[cat] || n.getAttribute('data-nlp-released')) return;\n      n.setAttribute('data-nlp-released', '1');\n      activated[cat] = true;\n      if (n.tagName === 'SCRIPT'){\n        var s = document.createElement('script');\n        Array.prototype.forEach.call(n.attributes, function(a){\n          if (a.name !== 'type' && a.name.indexOf('data-nlp-') !== 0) s.setAttribute(a.name, a.value);\n        });\n        s.text = n.text;\n        n.parentNode.insertBefore(s, n.nextSibling);\n      } else {\n        n.src = n.getAttribute('data-src');\n      }\n    });\n  }\n\n  \/* ---------- la barra ---------- *\/\n  function fit(){ if (!bar.hidden) body.style.paddingBottom = bar.offsetHeight + 'px'; }\n  function showBar(){\n    if (padOrig === null) padOrig = body.style.paddingBottom;\n    bar.hidden = false;\n    fit();                                       \/\/ leer la altura fuerza el layout y deja correr la transicion\n    bar.classList.add('nlp-ck-on');\n    window.addEventListener('resize', fit);\n  }\n  function hideBar(){\n    if (bar.hidden) return;\n    bar.classList.remove('nlp-ck-on');\n    window.removeEventListener('resize', fit);\n    setTimeout(function(){ bar.hidden = true; body.style.paddingBottom = padOrig || ''; }, 350);\n  }\n\n  \/* ---------- el panel ---------- *\/\n  function syncToggles(){\n    CATS.forEach(function(c){\n      var i = dlg.querySelector('[data-nlp-ck-cat=\"' + c + '\"]');\n      if (i) i.checked = !!state[c];\n    });\n  }\n  function readToggles(){\n    var o = {};\n    CATS.forEach(function(c){\n      var i = dlg.querySelector('[data-nlp-ck-cat=\"' + c + '\"]');\n      o[c] = !!(i && i.checked);\n    });\n    return o;\n  }\n  function openPanel(from){\n    opener = from || document.activeElement;\n    syncToggles();\n    if (typeof dlg.showModal === 'function') dlg.showModal(); else dlg.setAttribute('open', '');\n  }\n  dlg.addEventListener('close', function(){\n    if (opener && document.contains(opener) && typeof opener.focus === 'function'){ try{ opener.focus(); }catch(e){} }\n    opener = null;\n  });\n  dlg.addEventListener('click', function(e){                                          \/\/ clic en el fondo\n    if (e.target !== dlg) return;                \/\/ un clic sobre algo del panel (o un Enter sobre un boton) nunca lo cierra\n    var r = dlg.getBoundingClientRect();\n    var dentro = e.clientX >= r.left && e.clientX <= r.right && e.clientY >= r.top && e.clientY <= r.bottom;\n    if (!dentro) dlg.close();\n  });\n\n  \/* ---------- decidir ---------- *\/\n  function apply(next){\n    var revoked = CATS.some(function(c){ return state[c] && !next[c] && activated[c]; });\n    state.analytics = !!next.analytics;\n    state.marketing = !!next.marketing;\n    decided = true;\n    write({ analytics: state.analytics, marketing: state.marketing, t: Date.now() });\n    hideBar();\n    if (dlg.open) dlg.close();\n    release();\n    announce();\n    if (revoked) location.reload();              \/\/ lo que ya se cargo no se puede descargar: se recarga sin ello\n  }\n\n  document.addEventListener('click', function(e){\n    var t = e.target && e.target.closest ? e.target.closest(\n      '[data-nlp-ck-accept],[data-nlp-ck-reject],[data-nlp-ck-save],[data-nlp-ck-close],[data-nlp-ck-open],[data-nlp-cookie-open]') : null;\n    if (!t) return;\n    if (t.hasAttribute('data-nlp-ck-accept')) { apply({ analytics: true, marketing: true }); return; }\n    if (t.hasAttribute('data-nlp-ck-reject')) { apply({ analytics: false, marketing: false }); return; }\n    if (t.hasAttribute('data-nlp-ck-save'))   { apply(readToggles()); return; }\n    if (t.hasAttribute('data-nlp-ck-close'))  { dlg.close(); return; }\n    e.preventDefault();\n    openPanel(t);\n  });\n\n  \/* ---------- por si la eleccion se tomo en otra pestana o en otra pagina (boton Atras, cache) ---------- *\/\n  function recheck(){\n    if (decided) return;\n    var s = read();\n    if (!s) return;\n    state.analytics = s.analytics; state.marketing = s.marketing; decided = true;\n    hideBar(); release(); announce();\n  }\n  document.addEventListener('visibilitychange', function(){ if (document.visibilityState === 'visible') recheck(); });\n  window.addEventListener('pageshow', function(e){ if (e.persisted) recheck(); });\n\n  \/* ---------- lo que pueden usar otros scripts ---------- *\/\n  window.nlpConsent = {\n    get: snapshot,\n    has: function(cat){ return !!state[cat]; },\n    open: function(){ openPanel(document.activeElement); },\n    onChange: function(fn){ if (typeof fn === 'function'){ listeners.push(fn); try{ fn(snapshot()); }catch(e){} } }\n  };\n\n  \/* ---------- arranque ---------- *\/\n  var saved = read();\n  if (saved){\n    state.analytics = saved.analytics; state.marketing = saved.marketing; decided = true;\n    release();\n    announce();\n  } else {\n    showBar();\n  }\n})();\n<\/script>\n\n<!-- ============================================================\n     NEXT LEVEL COCINAS \u00b7 gl-01-menu\n     Men\u00fa global \u00b7 v13 \u00b7 22\/09\/2026\n     CTA conectado a Calendly. La barra queda SIEMPRE visible.\n     v7: se quita Fraunces de la carga de fuentes, porque los\n     titulares de la web pasan a Instrument Sans.\n     v8: debajo de las rayitas va la palabra \"Menu\", alineada con\n     el arranque de las rayitas.\n     v9: el menu queda en tres entradas. \"Redesign & New Kitchens\"\n     pasa a \"Kitchen Redesign\", y \"Design Yours\" sale: no es\n     puerta de entrada para un cliente que llega recomendado.\n     La cocina completa vive en el footer y al final de la\n     pagina de redise\u00f1o, como manda el sistema de marca.\n     v10: New Kitchens entra en el menu, entre Kitchen Redesign y\n     Projects (el mismo orden que el footer). Decision del\n     20\/09\/2026: hasta v9 no tenia entrada propia en el menu. El\n     menu queda en cuatro entradas.\n     v11: al abrir el menu con el raton o el dedo ya no sale el\n     recuadro marron del foco en el primer enlace. El foco entra en\n     el panel (que no dibuja aro) y solo con teclado va al primer\n     enlace, donde el aro se sigue viendo por accesibilidad.\n     Ademas, con Tab en escritorio el foco ya no se escapa del menu\n     abierto: antes contaba como \"ultimo enlace\" el selector de\n     idioma del panel, que en escritorio esta oculto.\n     v12 (22\/09\/2026), solo en movil: mas aire arriba del logo y de\n     la hamburguesa; el selector de idioma sale del panel y queda\n     siempre a la vista, a la derecha de la barra; la hamburguesa\n     tiene zona de toque de 46x46; y en el panel abierto el boton\n     \"Arrange a visit\" lleva el texto a la izquierda.\n     v13 (22\/09\/2026), movil y escritorio: el desplegable del idioma\n     pasa a una franja de lado a lado que sale de la propia barra,\n     con su mismo crema, y se lee como el menu principal: Language\n     a la izquierda, los idiomas en grande a la derecha terminando\n     justo bajo el EN, y al pie Kitchens \u00b7 Costa del Sol. La pagina\n     se apaga un poco detras. Se cierra tocando fuera, con Esc o al\n     hacer scroll.\n     Pegar tal cual en un widget HTML de Elementor.\n\n     Estructura: hamburguesa a la izquierda \u00b7 logo centrado \u00b7\n     idioma y CTA a la derecha.\n     La navegaci\u00f3n vive dentro del overlay a pantalla completa.\n\n     FALTA \u00b7 ANTES DE PUBLICAR:\n     1. Los href de los cuatro enlaces del overlay.\n     2. Los href del selector de idioma (marcados IDIOMA).\n     3. Los dos botones \"Arrange a visit\" ya abren Calendly solos\n        (ver script al final). No llevan el id contacto-pop-up a\n        proposito, para que tu popup nativo no salte tambien.\n\n     Versiones anteriores guardadas al lado como .ANTERIOR.html,\n     .ANTERIOR-v2.html y .ANTERIOR-v3.html.\n     ============================================================ -->\n\n<!-- Fuentes de marca. Se cargan una sola vez aqui y sirven para toda la pagina. -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n<header id=\"nlp-mainmenu\">\n  <div class=\"nlp-hd-inner\">\n\n    <div class=\"nlp-hd-left\">\n      <button class=\"nlp-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"nlp-nav\" aria-label=\"Open menu\">\n        <span class=\"nlp-toggle-bars\"><span><\/span><span><\/span><span><\/span><\/span>\n        <span class=\"nlp-toggle-t\">Menu<\/span>\n      <\/button>\n    <\/div>\n\n    <a href=\"\/\" class=\"nlp-logo\" aria-label=\"Next Level Cocinas, inicio\">\n      <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/09\/nextlevel-wordmark-negro-web@3x_1.png\"\n           alt=\"Next Level Cocinas\" width=\"695\" height=\"135\">\n    <\/a>\n\n    <div class=\"nlp-hd-right\">\n\n      <div class=\"nlp-lang\">\n        <button class=\"nlp-lang-btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"nlp-lang-panel\">EN<\/button>\n        <div class=\"nlp-lang-panel\" id=\"nlp-lang-panel\">\n          <div class=\"nlp-lang-in\">\n            <p class=\"nlp-lang-label\">Language<\/p>\n            <ul class=\"nlp-lang-list\">\n              <!-- IDIOMA: poner las URLs reales -->\n              <li><a href=\"\/\" hreflang=\"en\" lang=\"en\" data-code=\"EN\" aria-current=\"true\"><span>English<\/span><\/a><\/li>\n              <li><a href=\"\/es\/\" hreflang=\"es\" lang=\"es\" data-code=\"ES\"><span>Espa&ntilde;ol<\/span><\/a><\/li>\n            <\/ul>\n            <p class=\"nlp-lang-place\">Kitchens &middot; Costa del Sol<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <a href=\"#\" id=\"nlp-calendly-btn-bar\" class=\"nlp-bar-cta nlp-calendly-btn\">Arrange a visit<\/a>\n\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- el velo: mientras la franja del idioma esta abierta, la pagina se apaga un poco detras -->\n<div class=\"nlp-lang-veil\" aria-hidden=\"true\"><\/div>\n\n<div class=\"nlp-nav\" id=\"nlp-nav\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Menu\" tabindex=\"-1\" hidden>\n  <nav class=\"nlp-nav-inner\" aria-label=\"Principal\">\n\n    <ul class=\"nlp-nav-list\">\n      <li><a href=\"\/kitchen-redesign\"><span>Kitchen Redesign<\/span><\/a><\/li>\n      <li><a href=\"\/new-kitchens\"><span>New Kitchens<\/span><\/a><\/li>\n      <li><a href=\"\/projects\"><span>Projects<\/span><\/a><\/li>\n      <li><a href=\"\/about\"><span>About<\/span><\/a><\/li>\n    <\/ul>\n\n    <div class=\"nlp-nav-foot\">\n      <a href=\"#\" class=\"nlp-nav-cta nlp-calendly-btn\" id=\"nlp-calendly-btn-nav\">Arrange a visit<\/a>\n      <p class=\"nlp-nav-meta\">\n        <a href=\"mailto:design@nextlevelcocinas.com\">design@nextlevelcocinas.com<\/a>\n        <span aria-hidden=\"true\">&middot;<\/span>\n        <a href=\"tel:+34647036816\">+34 647 036 816<\/a>\n        <span aria-hidden=\"true\">&middot;<\/span>\n        <a href=\"https:\/\/instagram.com\/nextlevelcosta\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n      <\/p>\n      <p class=\"nlp-nav-place\">Kitchens &middot; Costa del Sol<\/p>\n    <\/div>\n\n  <\/nav>\n<\/div>\n\n<style>\n#nlp-mainmenu,.nlp-nav{\n  --nlp-ink:#1F1D1B;\n  --nlp-ink2:#6B6259;\n  --nlp-ink3:#9A9089;\n  --nlp-line:#E6E1D9;\n  --nlp-soft:#F6F3EE;\n  --nlp-accent:#8A6A4C;\n  --nlp-accent-dk:#75593F;\n  --nlp-font:\"Instrument Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\n}\n\n\/* =========================================================\n   BARRA\n========================================================= *\/\n#nlp-mainmenu{\n  position:fixed;\n  top:0; left:0; right:0;\n  z-index:9998;\n  padding:16px 0;\n  background:rgba(246,243,238,.78);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n  border-bottom:1px solid rgba(230,225,217,.7);\n  font-family:var(--nlp-font);\n  transition:background .45s ease, padding .45s ease,\n             transform .6s cubic-bezier(.22,.61,.36,1), opacity .4s ease;\n  opacity:1;\n}\n#nlp-mainmenu *,#nlp-mainmenu *::before,#nlp-mainmenu *::after,\n.nlp-nav *,.nlp-nav *::before,.nlp-nav *::after{box-sizing:border-box;}\n\n#nlp-mainmenu.nlp-scrolled{\n  background:rgba(246,243,238,.62);\n  backdrop-filter:blur(24px);\n  -webkit-backdrop-filter:blur(24px);\n  box-shadow:0 10px 35px rgba(31,29,27,.05);\n  padding:11px 0;\n}\n#nlp-mainmenu .nlp-hd-inner{\n  display:grid;\n  grid-template-columns:1fr auto 1fr;   \/* el logo queda centrado pase lo que pase a los lados *\/\n  align-items:center;\n  gap:20px;\n  padding:0 clamp(20px,5vw,70px);\n  max-width:1600px;\n  margin:0 auto;\n}\n#nlp-mainmenu .nlp-hd-left{display:flex;align-items:center;justify-self:start;}\n#nlp-mainmenu .nlp-logo{display:flex;align-items:center;justify-self:center;}\n#nlp-mainmenu .nlp-logo img{height:45px; width:auto; display:block;}\n\n#nlp-mainmenu .nlp-hd-right{display:flex;align-items:center;gap:24px;justify-self:end;}\n\n\/* CTA de la barra *\/\n#nlp-mainmenu .nlp-bar-cta{\n  display:inline-flex;\n  align-items:center;\n  height:42px;\n  padding:0 22px;\n  background:var(--nlp-accent);\n  color:#fff;\n  font-size:14px;\n  font-weight:600;\n  letter-spacing:.01em;\n  text-decoration:none;\n  border-radius:2px;\n  white-space:nowrap;\n  transition:background .3s ease;\n}\n#nlp-mainmenu .nlp-bar-cta:hover{background:var(--nlp-accent-dk);color:#fff;}\n\n\/* idioma \u00b7 v13 (22\/09\/2026): el desplegable es una franja de lado a lado que sale de la barra, con\n   su mismo crema, y se lee como el menu principal. A la izquierda la palabra Language, a la altura\n   de MENU; a la derecha los idiomas en grande, con una linea entre ellos, que terminan justo donde\n   termina el EN; al pie, una linea y Kitchens \u00b7 Costa del Sol, como en el menu. Mientras esta\n   abierta, la pagina se apaga un poco detras (.nlp-lang-veil, mas abajo).\n   A prueba de los estilos del tema: listas, vinetas, subrayados.\n   .nlp-lang sin posicion propia: asi la franja se coloca contra la barra y no contra el boton *\/\n#nlp-mainmenu .nlp-lang{position:static;}\n#nlp-mainmenu .nlp-lang-btn{\n  display:flex;align-items:center;\n  height:42px;padding:0 2px;margin:0;\n  background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;\n  \/* misma tipografia que el CTA: Instrument Sans 600 a 14px *\/\n  font-family:var(--nlp-font);font-size:14px;font-weight:600;letter-spacing:.01em;text-transform:none;\n  color:var(--nlp-ink);transition:color .3s ease;\n}\n#nlp-mainmenu .nlp-lang-btn:hover,\n#nlp-mainmenu .nlp-lang-btn:focus,\n#nlp-mainmenu .nlp-lang-btn[aria-expanded=\"true\"]{background:none;color:var(--nlp-accent);}\n#nlp-mainmenu .nlp-lang-btn:focus-visible{outline:2px solid var(--nlp-accent);outline-offset:4px;}\n\/* la franja empieza justo en el borde de abajo de la barra y se despliega hacia abajo. Mientras esta\n   abierta la barra se vuelve del mismo crema macizo (.nlp-lang-on, lo pone el script) y se leen como\n   una sola pieza *\/\n#nlp-mainmenu .nlp-lang-panel{\n  position:absolute;top:100%;left:0;right:0;z-index:2;\n  margin:0;padding:0;background:#F8F6F2;\n  visibility:hidden;clip-path:inset(0 0 100% 0);\n  transition:clip-path .35s cubic-bezier(.4,0,.2,1), visibility 0s linear .35s;\n}\n#nlp-mainmenu .nlp-lang-panel.nlp-open{\n  visibility:visible;clip-path:inset(0 0 -60px 0);\n  transition:clip-path .6s cubic-bezier(.22,1,.36,1), visibility 0s;\n}\nbody:not(.nlp-nav-lock) #nlp-mainmenu.nlp-lang-on{background:#F8F6F2;}\n\/* por dentro, el mismo ancho y los mismos margenes que la barra *\/\n#nlp-mainmenu .nlp-lang-in{\n  display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:24px;\n  max-width:1600px;margin:0 auto;padding:26px clamp(20px,5vw,70px) 0;\n}\n#nlp-mainmenu .nlp-lang-label{\n  display:flex;align-items:center;min-height:64px;margin:0;\n  font-family:var(--nlp-font);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;\n  line-height:1;color:var(--nlp-accent);\n}\n\/* --nlp-lang-pr: lo que hay del final del EN al borde derecho de la lista. Lo mide el script al abrir *\/\n#nlp-mainmenu .nlp-lang-list{margin:0;padding:0 var(--nlp-lang-pr,2px) 0 0;list-style:none;}\n#nlp-mainmenu .nlp-lang-list li{display:flex;justify-content:flex-end;margin:0;padding:0;list-style:none;border:0;}\n#nlp-mainmenu .nlp-lang-list li::marker{content:\"\";}\n#nlp-mainmenu .nlp-lang-list li + li{border-top:1px solid var(--nlp-line);}\n\/* nombres grandes, como los del menu: el actual en tinta y el otro en gris claro. Cada uno tiene zona\n   de toque a los dos lados sin moverse de sitio *\/\n#nlp-mainmenu .nlp-lang-list a{\n  position:relative;display:inline-flex;align-items:center;\n  min-height:64px;margin:0 -16px 0 0;padding:0 16px 0 36px;\n  border:0;border-radius:0;box-shadow:none;background:none;\n  font-family:var(--nlp-font);font-size:clamp(26px,2.3vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.1;\n  color:var(--nlp-ink3);text-decoration:none;\n  transition:color .25s ease;\n}\n#nlp-mainmenu .nlp-lang-list a span{display:inline-block;transition:transform .5s cubic-bezier(.22,1,.36,1), color .3s ease;}\n#nlp-mainmenu .nlp-lang-list a:hover,\n#nlp-mainmenu .nlp-lang-list a:focus{color:var(--nlp-ink);background:none;text-decoration:none;}\n\/* al pasar el raton el nombre se desliza y se pone marron, como en el menu *\/\n#nlp-mainmenu .nlp-lang-list a:hover span{transform:translateX(-14px);color:var(--nlp-accent);}\n#nlp-mainmenu .nlp-lang-list a:focus-visible{outline:2px solid var(--nlp-accent);outline-offset:-2px;}\n#nlp-mainmenu .nlp-lang-list a[aria-current=\"true\"]{color:var(--nlp-ink);}\n\/* el pie: una linea y Kitchens \u00b7 Costa del Sol, como en el menu *\/\n#nlp-mainmenu .nlp-lang-place{\n  display:flex;align-items:center;grid-column:1 \/ -1;min-height:54px;margin:24px 0 0;\n  border-top:1px solid var(--nlp-line);\n  font-family:var(--nlp-font);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;\n  line-height:1;color:var(--nlp-ink3);\n}\n\/* lo de dentro entra escalonado, como en el menu *\/\n#nlp-mainmenu .nlp-lang-label,\n#nlp-mainmenu .nlp-lang-list li,\n#nlp-mainmenu .nlp-lang-place{opacity:0;transform:translateY(-8px);transition:opacity .2s ease, transform .2s ease;}\n#nlp-mainmenu .nlp-lang-panel.nlp-open .nlp-lang-label,\n#nlp-mainmenu .nlp-lang-panel.nlp-open .nlp-lang-list li,\n#nlp-mainmenu .nlp-lang-panel.nlp-open .nlp-lang-place{\n  opacity:1;transform:none;transition:opacity .5s ease, transform .6s cubic-bezier(.22,1,.36,1);\n}\n#nlp-mainmenu .nlp-lang-panel.nlp-open .nlp-lang-label{transition-delay:.12s;}\n#nlp-mainmenu .nlp-lang-panel.nlp-open .nlp-lang-list li:nth-child(1){transition-delay:.16s;}\n#nlp-mainmenu .nlp-lang-panel.nlp-open .nlp-lang-list li:nth-child(2){transition-delay:.22s;}\n#nlp-mainmenu .nlp-lang-panel.nlp-open .nlp-lang-place{transition-delay:.3s;}\n\n\/* hamburguesa *\/\n#nlp-mainmenu .nlp-toggle{\n  display:flex;flex-direction:column;align-items:flex-start;gap:7px;\n  width:auto;height:auto;\n  padding:0;background:none;border:none;cursor:pointer;\n  flex:0 0 auto;\n}\n\/* las tres rayitas, con su caja propia *\/\n#nlp-mainmenu .nlp-toggle-bars{position:relative;display:block;width:30px;height:16px;flex:0 0 auto;}\n\/* la palabra, alineada con el arranque de las rayitas *\/\n#nlp-mainmenu .nlp-toggle-t{\n  display:block;font-family:var(--nlp-font);\n  font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;\n  line-height:1;color:var(--nlp-ink);   \/* misma tinta que las rayitas *\/\n}\n#nlp-mainmenu .nlp-toggle-bars span{\n  position:absolute;left:0;height:1.5px;background:var(--nlp-ink);\n  transition:transform .4s cubic-bezier(.22,1,.36,1), opacity .25s ease, width .4s ease;\n}\n#nlp-mainmenu .nlp-toggle-bars span:nth-child(1){top:0;width:100%;}\n#nlp-mainmenu .nlp-toggle-bars span:nth-child(2){top:7px;width:70%;}\n#nlp-mainmenu .nlp-toggle-bars span:nth-child(3){top:14px;width:100%;}\n#nlp-mainmenu .nlp-toggle:hover .nlp-toggle-bars span:nth-child(2){width:100%;}\n#nlp-mainmenu .nlp-toggle[aria-expanded=\"true\"] .nlp-toggle-bars span:nth-child(1){transform:translateY(7px) rotate(45deg);}\n#nlp-mainmenu .nlp-toggle[aria-expanded=\"true\"] .nlp-toggle-bars span:nth-child(2){opacity:0;width:0;}\n#nlp-mainmenu .nlp-toggle[aria-expanded=\"true\"] .nlp-toggle-bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\n\n#nlp-mainmenu a:focus-visible,\n#nlp-mainmenu button:focus-visible,\n.nlp-nav a:focus-visible{\n  outline:2px solid var(--nlp-accent);outline-offset:5px;border-radius:2px;\n}\n\/* el panel recibe el foco al abrirse pero no es un control: sin aro *\/\n.nlp-nav:focus,.nlp-nav:focus-visible{outline:none;}\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n.nlp-nav{\n  position:fixed;\n  inset:0;\n  z-index:9997;\n  background:var(--nlp-soft);\n  font-family:var(--nlp-font);\n  opacity:0;\n  pointer-events:none;\n  transition:opacity .45s ease;\n  overflow-y:auto;\n}\n.nlp-nav[hidden]{display:none;}\n.nlp-nav.nlp-open{opacity:1;pointer-events:auto;}\n\n.nlp-nav .nlp-nav-inner{\n  min-height:100%;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  gap:48px;\n  max-width:1600px;\n  margin:0 auto;\n  padding:clamp(120px,16vh,190px) clamp(20px,5vw,70px) clamp(36px,6vh,64px);\n}\n\n.nlp-nav .nlp-nav-list{list-style:none;margin:0;padding:0;}\n\/* solo separadores entre enlaces: sin linea encima del primero ni debajo del ultimo *\/\n.nlp-nav .nlp-nav-list li + li{border-top:1px solid var(--nlp-line);}\n.nlp-nav .nlp-nav-list a{\n  display:block;\n  padding:clamp(13px,1.9vh,22px) 0;\n  font-family:var(--nlp-font);\n  font-weight:600;\n  font-size:clamp(26px,3.6vw,44px);\n  line-height:1.12;\n  letter-spacing:-.02em;\n  color:var(--nlp-ink);\n  text-decoration:none;\n  overflow:hidden;\n}\n.nlp-nav .nlp-nav-list a span{\n  display:inline-block;\n  transition:transform .5s cubic-bezier(.22,1,.36,1), color .3s ease;\n}\n.nlp-nav .nlp-nav-list a:hover span{transform:translateX(18px);color:var(--nlp-accent);}\n\n\/* entrada escalonada *\/\n.nlp-nav .nlp-nav-list li,\n.nlp-nav .nlp-nav-foot{\n  opacity:0;\n  transform:translateY(14px);\n  transition:opacity .5s ease, transform .5s cubic-bezier(.22,1,.36,1);\n}\n.nlp-nav.nlp-open .nlp-nav-list li,\n.nlp-nav.nlp-open .nlp-nav-foot{opacity:1;transform:none;}\n.nlp-nav.nlp-open .nlp-nav-list li:nth-child(1){transition-delay:.10s}\n.nlp-nav.nlp-open .nlp-nav-list li:nth-child(2){transition-delay:.16s}\n.nlp-nav.nlp-open .nlp-nav-list li:nth-child(3){transition-delay:.22s}\n.nlp-nav.nlp-open .nlp-nav-list li:nth-child(4){transition-delay:.28s}\n.nlp-nav.nlp-open .nlp-nav-foot{transition-delay:.34s}\n\n.nlp-nav .nlp-nav-foot{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}\n\/* En escritorio el CTA ya esta en la barra: aqui seria el mismo boton dos veces.\n   Solo aparece en movil, donde la barra no lo lleva. *\/\n.nlp-nav .nlp-nav-cta{\n  display:none;\n  align-items:center;justify-content:center;\n  min-height:52px;padding:0 30px;\n  background:var(--nlp-accent);color:#fff;\n  font-size:16px;font-weight:600;text-decoration:none;border-radius:2px;\n  transition:background .3s ease;\n}\n.nlp-nav .nlp-nav-cta:hover{background:var(--nlp-accent-dk);color:#fff;}\n.nlp-nav .nlp-nav-meta{margin:0;font-size:15px;color:var(--nlp-ink2);display:flex;flex-wrap:wrap;gap:10px;}\n.nlp-nav .nlp-nav-meta a{color:var(--nlp-ink2);text-decoration:none;border-bottom:1px solid var(--nlp-line);}\n.nlp-nav .nlp-nav-meta a:hover{color:var(--nlp-accent);border-color:var(--nlp-accent);}\n.nlp-nav .nlp-nav-place{\n  margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;\n  font-weight:600;color:var(--nlp-ink3);\n}\n\nbody.nlp-nav-lock{overflow:hidden;}\n\n\/* Con el overlay abierto la barra pierde fondo y linea: el logo, el idioma\n   y el CTA quedan flotando sobre el overlay, sin caja ni raya cruzandolo. *\/\nbody.nlp-nav-lock #nlp-mainmenu{\n  background:transparent;\n  backdrop-filter:none;\n  -webkit-backdrop-filter:none;\n  border-bottom-color:transparent;\n  box-shadow:none;\n}\n\n\/* el velo del idioma: mientras la franja esta abierta, la pagina se apaga y se desenfoca\n   un poco detras *\/\n.nlp-lang-veil{\n  position:fixed;inset:0;z-index:9996;\n  background:rgba(31,29,27,.24);\n  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);\n  opacity:0;visibility:hidden;pointer-events:none;\n  transition:opacity .3s ease, visibility 0s linear .3s;\n}\n.nlp-lang-veil.nlp-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s ease, visibility 0s;}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n@media(max-width:820px){\n  \/* v12: mas aire arriba, el logo y la hamburguesa ya no van pegados al borde *\/\n  #nlp-mainmenu{padding:calc(18px + env(safe-area-inset-top)) 0 14px;}\n  #nlp-mainmenu.nlp-scrolled{padding:calc(12px + env(safe-area-inset-top)) 0 10px;}\n  #nlp-mainmenu .nlp-hd-inner{padding:0 20px;gap:16px;}\n  #nlp-mainmenu .nlp-logo img{height:34px;}\n  #nlp-mainmenu .nlp-hd-right{gap:18px;}\n  #nlp-mainmenu .nlp-bar-cta{display:none;}   \/* el CTA vive en el overlay *\/\n  \/* v12: el idioma se queda en la barra, siempre a la vista, con zona de toque de 44px *\/\n  #nlp-mainmenu .nlp-lang-btn{min-width:44px;height:44px;justify-content:flex-end;font-size:13px;letter-spacing:.08em;}\n  \/* v13: la franja del idioma, con los margenes de la barra y los nombres un poco mas chicos *\/\n  #nlp-mainmenu .nlp-lang-in{padding:16px 20px 0;}\n  #nlp-mainmenu .nlp-lang-label{min-height:56px;}\n  #nlp-mainmenu .nlp-lang-list a{min-height:56px;font-size:26px;}\n  #nlp-mainmenu .nlp-lang-place{margin-top:16px;min-height:50px;}\n  \/* v12: zona de toque de 46x46 en la hamburguesa, sin mover las rayitas de sitio *\/\n  #nlp-mainmenu .nlp-toggle{padding:6px 8px;margin:-6px -8px;}\n  .nlp-nav .nlp-nav-inner{padding-top:104px;gap:36px;}\n  \/* v12: el boton del panel abierto lleva el texto a la izquierda *\/\n  .nlp-nav .nlp-nav-cta{display:inline-flex;width:100%;justify-content:flex-start;padding:0 20px;}\n  .nlp-nav .nlp-nav-meta{flex-direction:column;gap:8px;}\n  .nlp-nav .nlp-nav-meta span{display:none;}\n}\n\n\/* el idioma del panel ya no se muestra: desde v12 el selector de la barra se ve tambien en movil *\/\n.nlp-nav .nlp-nav-lang{display:none;}\n\n@media(prefers-reduced-motion:reduce){\n  #nlp-mainmenu,#nlp-mainmenu *,#nlp-mainmenu *::after,.nlp-nav,.nlp-nav *,.nlp-lang-veil{\n    transition-duration:.01ms !important;transition-delay:0s !important;animation:none !important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  function init(){\n    var hd=document.getElementById(\"nlp-mainmenu\");\n    var nav=document.getElementById(\"nlp-nav\");\n    if(!hd||!nav) return;\n\n    var toggle=hd.querySelector(\".nlp-toggle\");\n    var langBtn=hd.querySelector(\".nlp-lang-btn\");\n    var langPan=hd.querySelector(\".nlp-lang-panel\");\n    var langLst=hd.querySelector(\".nlp-lang-list\");\n    var langVeil=document.querySelector(\".nlp-lang-veil\");\n    var lastFocus=null;\n\n    \/* ---------- idioma en el overlay, solo movil ---------- *\/\n    var foot=nav.querySelector(\".nlp-nav-foot\");\n    if(foot && !nav.querySelector(\".nlp-nav-lang\")){\n      var p=document.createElement(\"p\");\n      p.className=\"nlp-nav-lang\";\n      p.innerHTML='<a href=\"\/\" hreflang=\"en\" aria-current=\"true\">English<\/a>'+\n                  '<a href=\"\/es\/\" hreflang=\"es\">Espa\u00f1ol<\/a>';\n      foot.appendChild(p);\n    }\n\n    \/* ---------- scroll ----------\n       El menu se mantiene siempre visible; el scroll solo cambia el\n       fondo\/sombra (.nlp-scrolled) al bajar un poco, sin esconderse. *\/\n    var tick=false;\n    function onScroll(){\n      var y=window.scrollY;\n      hd.classList.toggle(\"nlp-scrolled\", y>12);\n    }\n    window.addEventListener(\"scroll\",function(){\n      if(tick) return; tick=true;\n      requestAnimationFrame(function(){ onScroll(); tick=false; });\n    },{passive:true});\n\n    \/* ---------- idioma ----------\n       La franja va de lado a lado y los nombres terminan justo donde termina el EN: al abrir se mide\n       la distancia de ese punto al borde derecho de la lista (--nlp-lang-pr) y su posicion en la\n       franja (--nlp-lang-x). Se cierra tocando fuera, con Esc, al salir con el tabulador o al hacer\n       scroll. *\/\n    var langY=0;\n    function langOpen(){ return !!langPan && langPan.classList.contains(\"nlp-open\"); }\n    function alignLang(){\n      try{\n        var r=document.createRange(); r.selectNodeContents(langBtn);\n        var fin=r.getBoundingClientRect().right;\n        if(!fin){ var b=langBtn.getBoundingClientRect(); fin=b.right-(parseFloat(getComputedStyle(langBtn).paddingRight)||0); }\n        var pr=langLst.getBoundingClientRect().right-fin;\n        if(pr>=0) langPan.style.setProperty(\"--nlp-lang-pr\", pr+\"px\");\n        langPan.style.setProperty(\"--nlp-lang-x\", (fin-langPan.getBoundingClientRect().left)+\"px\");\n      }catch(err){}\n    }\n    function setLang(o){\n      if(!langPan) return;\n      if(o) alignLang();\n      langPan.classList.toggle(\"nlp-open\", o);\n      hd.classList.toggle(\"nlp-lang-on\", o);\n      if(langVeil) langVeil.classList.toggle(\"nlp-open\", o);\n      if(langBtn) langBtn.setAttribute(\"aria-expanded\", o?\"true\":\"false\");\n      langY=window.scrollY;\n    }\n    function closeLang(){ if(langOpen()) setLang(false); }\n    if(langBtn&&langPan&&langLst){\n      langBtn.addEventListener(\"click\",function(e){\n        e.stopPropagation();\n        setLang(!langOpen());\n      });\n      document.addEventListener(\"click\",function(e){\n        if(langOpen() && !hd.querySelector(\".nlp-lang\").contains(e.target)) closeLang();\n      });\n      hd.querySelector(\".nlp-lang\").addEventListener(\"focusout\",function(e){\n        if(e.relatedTarget && !this.contains(e.relatedTarget)) closeLang();\n      });\n      window.addEventListener(\"resize\",function(){ if(langOpen()) alignLang(); });\n      window.addEventListener(\"scroll\",function(){\n        if(langOpen() && Math.abs(window.scrollY-langY)>40) closeLang();\n      },{passive:true});\n    }\n\n    \/* ---------- overlay ---------- *\/\n    var viaTeclado=false;   \/* true si se abrio con Enter o Espacio, o se cierra con Esc *\/\n    function openNav(){\n      lastFocus=document.activeElement;\n      nav.hidden=false;\n      \/* fuerza reflow para que la transicion arranque *\/\n      void nav.offsetWidth;\n      nav.classList.add(\"nlp-open\");\n      toggle.setAttribute(\"aria-expanded\",\"true\");\n      toggle.setAttribute(\"aria-label\",\"Close menu\");\n      document.body.classList.add(\"nlp-nav-lock\");\n      closeLang();\n      \/* El foco entra en el panel, para que el teclado y los lectores de\n         pantalla sepan donde estan. Con raton o dedo va al panel, que no\n         dibuja aro: asi no sale el recuadro marron en el primer enlace.\n         Con teclado va directo al primer enlace y ahi el aro se ve. *\/\n      var first=nav.querySelector(\"a\");\n      setTimeout(function(){\n        var destino=(viaTeclado && first) ? first : nav;\n        destino.focus({preventScroll:true});\n      },380);\n    }\n    function closeNav(){\n      nav.classList.remove(\"nlp-open\");\n      toggle.setAttribute(\"aria-expanded\",\"false\");\n      toggle.setAttribute(\"aria-label\",\"Open menu\");\n      document.body.classList.remove(\"nlp-nav-lock\");\n      setTimeout(function(){ if(!nav.classList.contains(\"nlp-open\")) nav.hidden=true; },460);\n      \/* el foco vuelve al boton solo si se usa el teclado *\/\n      if(viaTeclado && lastFocus) lastFocus.focus({preventScroll:true});\n    }\n    toggle.addEventListener(\"click\",function(e){\n      viaTeclado=(e.detail===0);   \/* un clic hecho con el teclado llega con detail 0 *\/\n      if(nav.classList.contains(\"nlp-open\")) closeNav(); else openNav();\n    });\n    nav.querySelectorAll(\"a\").forEach(function(a){\n      a.addEventListener(\"click\",function(){ closeNav(); });\n    });\n    document.addEventListener(\"keydown\",function(e){\n      if(e.key===\"Escape\"){\n        closeLang();\n        if(nav.classList.contains(\"nlp-open\")){ viaTeclado=true; closeNav(); }\n      }\n      \/* el foco no se escapa del overlay. Solo cuentan los enlaces que se\n         ven: en escritorio el selector de idioma del panel esta oculto y no\n         puede recibir el foco, asi que no puede hacer de \"ultimo\" *\/\n      if(e.key===\"Tab\" && nav.classList.contains(\"nlp-open\")){\n        var f=[].filter.call(nav.querySelectorAll(\"a,button\"),function(el){ return el.getClientRects().length>0; });\n        if(!f.length) return;\n        var first=f[0], lastEl=f[f.length-1];\n        if(e.shiftKey && (document.activeElement===first || document.activeElement===nav)){ e.preventDefault(); lastEl.focus(); }\n        else if(!e.shiftKey && document.activeElement===lastEl){ e.preventDefault(); first.focus(); }\n      }\n    });\n    window.addEventListener(\"resize\",function(){\n      if(window.innerWidth>820 && nav.classList.contains(\"nlp-open\")) closeNav();\n    });\n  }\n  if(document.readyState===\"loading\") document.addEventListener(\"DOMContentLoaded\",init);\n  else init();\n})();\n<\/script>\n\n<!-- ============================================================\n     Calendly: widget oficial + conexion de los botones .nlp-calendly-btn\n     Este menu va en TODAS las paginas, asi que trae su propia copia\n     del widget de Calendly (para que el popup funcione en cualquier\n     pagina, no solo en la home). El script esta protegido con\n     window.__nlpCalendlyWired asi que, si esta MISMA copia tambien\n     esta presente en otra seccion de la misma pagina (por ejemplo la\n     home, que tiene su propio boton final), no se conecta dos veces\n     ni abre el popup por duplicado.\n     ============================================================ -->\n<link href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" async><\/script>\n<script>\n(function(){\n  if(window.__nlpCalendlyWired) return;\n  window.__nlpCalendlyWired = true;\n  var CALENDLY_URL = 'https:\/\/calendly.com\/nextlevelmontajes\/30min';\n  document.addEventListener('click', function(e){\n    var btn = e.target.closest ? e.target.closest('.nlp-calendly-btn') : null;\n    if(!btn) return;\n    e.preventDefault();\n    e.stopPropagation();\n    if(window.Calendly){\n      window.Calendly.initPopupWidget({url: CALENDLY_URL});\n    } else {\n      window.open(CALENDLY_URL, '_blank');\n    }\n  });\n})();\n<\/script>\n\n<!-- ============================================================\n     NEXT LEVEL COCINAS \u00b7 About \u00b7 estilo comun\n     22\/09\/2026 \u00b7 lo comparten las tres opciones (A, B y C).\n     Variables dentro de .nlp-ab, no en :root, como el resto de\n     paginas. Texto de lectura a 18px (17,5 en movil).\n     ============================================================ -->\n<style>\n.nlp-ab{\n  --nlp-ink:#1F1D1B; --nlp-ink2:#6B6259; --nlp-ink3:#9A9089;\n  --nlp-line:#E6E1D9; --nlp-soft:#F6F3EE; --nlp-bg:#FFFFFF;\n  --nlp-accent:#8A6A4C; --nlp-accent-dk:#75593F;\n  --nlp-font:\"Instrument Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\n  --nlp-pad:clamp(20px,5vw,70px);\n  --nlp-bar:77px;\n  background:var(--nlp-bg); color:var(--nlp-ink);\n  font-family:var(--nlp-font); font-size:18px; line-height:1.65;\n}\n.nlp-ab *{box-sizing:border-box;}\n.nlp-ab img{display:block;max-width:100%;}\n.nlp-ab-in{max-width:1600px;margin:0 auto;padding:0 var(--nlp-pad);}\n.nlp-ab-eyebrow{\n  font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;\n  color:var(--nlp-accent);margin:0 0 22px;\n}\n.nlp-ab-h1{font-weight:600;letter-spacing:-.026em;line-height:1.04;margin:0;color:var(--nlp-ink);font-size:clamp(36px,4.4vw,62px);}\n.nlp-ab-h2{font-weight:600;letter-spacing:-.022em;line-height:1.08;margin:0 0 20px;color:var(--nlp-ink);font-size:clamp(26px,2.8vw,38px);}\n.nlp-ab-h3{font-weight:600;letter-spacing:-.012em;line-height:1.25;margin:0 0 10px;color:var(--nlp-ink);font-size:21px;}\n.nlp-ab-lead{font-size:clamp(19px,1.45vw,21px);line-height:1.55;color:var(--nlp-ink2);margin:0;max-width:44ch;}\n.nlp-ab-body{font-size:18px;line-height:1.65;color:var(--nlp-ink2);margin:0 0 18px;max-width:56ch;}\n.nlp-ab-body:last-child{margin-bottom:0;}\n.nlp-ab-cap{font-size:14.5px;line-height:1.5;color:var(--nlp-ink2);margin:14px 0 0;}\n.nlp-ab .nlp-ab-link{\n  display:inline-block;font-size:16px;font-weight:600;color:var(--nlp-ink);text-decoration:none;\n  padding-bottom:5px;border-bottom:1px solid var(--nlp-accent);transition:color .3s ease;\n}\n.nlp-ab .nlp-ab-link:hover{color:var(--nlp-accent);}\n\n\/* ---------- cierre con boton (igual que en el resto de paginas) ---------- *\/\n.nlp-ab-cta{background:var(--nlp-soft);padding:clamp(76px,9vw,120px) 0;}\n.nlp-ab-cta-in{text-align:center;max-width:720px;}\n.nlp-ab-cta-h{font-weight:600;letter-spacing:-.022em;line-height:1.08;margin:0 0 16px;font-size:clamp(26px,3vw,40px);color:var(--nlp-ink);}\n.nlp-ab-cta-p{font-size:18px;line-height:1.6;color:var(--nlp-ink2);margin:0 0 32px;}\n.nlp-ab .nlp-ab-btn{\n  display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 34px;\n  background:var(--nlp-accent);color:#fff;font-family:var(--nlp-font);font-size:16px;font-weight:600;\n  letter-spacing:.01em;text-decoration:none;border-radius:2px;transition:background .3s ease;\n}\n.nlp-ab .nlp-ab-btn:hover{background:var(--nlp-accent-dk);color:#fff;}\n.nlp-ab .nlp-ab-btn:focus-visible{outline:2px solid var(--nlp-accent);outline-offset:4px;}\n.nlp-ab-cta-c{margin:24px 0 0;font-size:15px;color:var(--nlp-ink2);}\n.nlp-ab-cta-c a{color:var(--nlp-ink2);text-decoration:none;padding:6px 0;}\n.nlp-ab-cta-c a:hover{color:var(--nlp-accent);}\n\n@media(max-width:900px){.nlp-ab{--nlp-bar:68px;}}\n@media(max-width:600px){\n  .nlp-ab-body{font-size:17.5px;}\n  \/* movil v2: menos aire en el cierre y el mail y el telefono en dos lineas faciles de tocar *\/\n  .nlp-ab-cta{padding:56px 0;}\n  .nlp-ab-cta-c{display:flex;flex-direction:column;align-items:center;margin-top:18px;font-size:0;}\n  .nlp-ab-cta-c a{display:inline-flex;align-items:center;min-height:44px;font-size:15.5px;}\n}\n<\/style>\n\n<!-- ============================================================\n     NEXT LEVEL COCINAS \u00b7 About \u00b7 OPCION A \u00b7 \"Principios\"\n     22\/09\/2026 \u00b7 PREVIEW. Pagina de texto, editorial: una frase\n     grande arriba, cinco reglas numeradas, dos fotos y el cierre.\n     Sin nombre ni foto del titular. Todo lo que afirma ya esta\n     dicho en otras paginas de la web.\n     ============================================================ -->\n<div class=\"nlp-ab nlp-ab-a\">\n\n<section class=\"nlp-aba-hero\">\n  <div class=\"nlp-ab-in nlp-aba-hero-in\">\n    <div>\n      <p class=\"nlp-ab-eyebrow\">About<\/p>\n      <h1 class=\"nlp-ab-h1 nlp-aba-h1\">Kitchen redesign, taken seriously.<\/h1>\n    <\/div>\n    <div>\n      <p class=\"nlp-ab-lead\">Few companies on the Costa del Sol offer kitchen redesign as a curated, professional service. For us, it is the centre of the work.<\/p>\n      <p class=\"nlp-aba-meta\">Kitchen Redesign &middot; New Kitchens<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"nlp-aba-rules\">\n  <div class=\"nlp-ab-in nlp-aba-rules-in\">\n    <div class=\"nlp-aba-rules-head\">\n      <p class=\"nlp-ab-eyebrow\">How we work<\/p>\n      <h2 class=\"nlp-ab-h2\">Five rules we keep on every kitchen.<\/h2>\n    <\/div>\n    <ol class=\"nlp-aba-list\">\n      <li>\n        <span class=\"nlp-aba-n\">01<\/span>\n        <div>\n          <h3 class=\"nlp-ab-h3\">We tell you what your kitchen needs.<\/h3>\n          <p class=\"nlp-ab-body\">Some kitchens need new fronts and lighting. Others need a new layout, new plumbing and new units. We look first, then recommend the one that fits yours.<\/p>\n        <\/div>\n      <\/li>\n      <li>\n        <span class=\"nlp-aba-n\">02<\/span>\n        <div>\n          <h3 class=\"nlp-ab-h3\">One point of contact.<\/h3>\n          <p class=\"nlp-ab-body\">One person coordinates your project from the first visit to the finished kitchen, and afterwards. You always know who to call, and they always know where your kitchen stands.<\/p>\n        <\/div>\n      <\/li>\n      <li>\n        <span class=\"nlp-aba-n\">03<\/span>\n        <div>\n          <h3 class=\"nlp-ab-h3\">You see it before it is built.<\/h3>\n          <p class=\"nlp-ab-body\">We bring two or three finishes that suit the room and tell you which one we would choose. For a new kitchen, you also see a render before any work starts.<\/p>\n        <\/div>\n      <\/li>\n      <li>\n        <span class=\"nlp-aba-n\">04<\/span>\n        <div>\n          <h3 class=\"nlp-ab-h3\">One price, in writing.<\/h3>\n          <p class=\"nlp-ab-body\">We price after seeing the space and put it in writing. It covers what you choose, and it holds. For a redesign, you have it within 48 hours.<\/p>\n        <\/div>\n      <\/li>\n      <li>\n        <span class=\"nlp-aba-n\">05<\/span>\n        <div>\n          <h3 class=\"nlp-ab-h3\">One team, every trade.<\/h3>\n          <p class=\"nlp-ab-body\">A redesign takes three to five days on site. A new kitchen involves more trades, and we organise every one of them, from the walls to the worktop.<\/p>\n        <\/div>\n      <\/li>\n    <\/ol>\n  <\/div>\n<\/section>\n\n<section class=\"nlp-aba-pics\">\n  <div class=\"nlp-ab-in\">\n    <div class=\"nlp-aba-pics-grid\">\n      <div class=\"nlp-aba-pic\"><img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/09\/proyecto42.jpeg\" alt=\"Walnut kitchen with a black worktop, fitted by Next Level\" loading=\"lazy\"><\/div>\n      <div class=\"nlp-aba-pic\"><img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/09\/proyecto-3-2.png\" alt=\"White island with a dark stone worktop, fitted by Next Level\" loading=\"lazy\"><\/div>\n    <\/div>\n    <p class=\"nlp-ab-cap\">Two of our kitchens, photographed in the clients&rsquo; homes.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"nlp-aba-where\">\n  <div class=\"nlp-ab-in nlp-aba-where-in\">\n    <div>\n      <p class=\"nlp-ab-eyebrow\">Where we work<\/p>\n      <h2 class=\"nlp-ab-h2\">All along the Costa del Sol.<\/h2>\n      <p class=\"nlp-ab-body\">From Estepona to M&aacute;laga, with Marbella, Fuengirola and the towns in between. Every visit happens in your home, because a kitchen is best judged in its own light.<\/p>\n    <\/div>\n    <div class=\"nlp-aba-what\">\n      <p class=\"nlp-ab-eyebrow\">What we do<\/p>\n      <a class=\"nlp-aba-row\" href=\"\/kitchen-redesign\">\n        <span class=\"nlp-aba-row-t\">Kitchen Redesign<\/span>\n        <span class=\"nlp-aba-row-s\">Your units stay. New fronts, side panels and lighting.<\/span>\n      <\/a>\n      <a class=\"nlp-aba-row\" href=\"\/new-kitchens\">\n        <span class=\"nlp-aba-row-t\">New Kitchens<\/span>\n        <span class=\"nlp-aba-row-s\">Full kitchens from the layout up, designed before any work starts.<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"nlp-ab-cta\">\n  <div class=\"nlp-ab-in nlp-ab-cta-in\">\n    <h2 class=\"nlp-ab-cta-h\">Show us the space.<\/h2>\n    <p class=\"nlp-ab-cta-p\">The visit is at no charge. Pick a day that suits you.<\/p>\n    <a class=\"nlp-ab-btn nlp-calendly-btn\" href=\"#\">Arrange a visit<\/a>\n    <p class=\"nlp-ab-cta-c\"><a href=\"mailto:design@nextlevelcocinas.com\">design@nextlevelcocinas.com<\/a> &middot; <a href=\"tel:+34647036816\">+34 647 036 816<\/a><\/p>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<style>\n\/* cabecera alta y con aire: el texto queda abajo y arriba respira *\/\n.nlp-aba-hero{\n  display:flex;align-items:flex-end;min-height:clamp(560px,80vh,860px);\n  background:var(--nlp-soft);border-bottom:1px solid var(--nlp-line);\n  padding:calc(var(--nlp-bar) + clamp(64px,8vw,120px)) 0 clamp(64px,8vw,120px);\n}\n.nlp-aba-hero-in{width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);align-items:end;}\n.nlp-aba-hero .nlp-ab-lead{max-width:40ch;}\n.nlp-aba-h1{font-size:clamp(38px,5vw,80px);line-height:1;letter-spacing:-.032em;}\n.nlp-aba-meta{\n  margin:28px 0 0;padding-top:20px;border-top:1px solid var(--nlp-line);max-width:44ch;\n  font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--nlp-ink2);\n}\n\n.nlp-aba-rules{padding:clamp(72px,9vw,128px) 0;}\n.nlp-aba-rules-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(40px,6vw,110px);align-items:start;}\n.nlp-aba-rules-head{position:sticky;top:calc(var(--nlp-bar) + 40px);}\n.nlp-aba-rules-head .nlp-ab-h2{max-width:14ch;}\n.nlp-aba-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--nlp-line);}\n.nlp-aba-list li{\n  display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 20px;\n  padding:clamp(26px,3vw,36px) 0;border-bottom:1px solid var(--nlp-line);\n}\n.nlp-aba-n{font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--nlp-accent);padding-top:8px;}\n.nlp-aba-list .nlp-ab-h3{font-size:clamp(21px,1.7vw,25px);}\n\n.nlp-aba-pics{padding:0 0 clamp(72px,9vw,128px);}\n.nlp-aba-pics-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,24px);}\n\/* efecto escalonado al hacer scroll (ver script): el marco de la derecha entra bastante mas abajo y sube\n   hasta alinearse con el de la izquierda; en el centro de la pantalla quedan quietos y alineados.\n   En movil, uno debajo del otro, quietos.\n   Filtro: el mismo de la cuadricula de Projects, para que los colores casen en toda la web *\/\n.nlp-aba-pic{overflow:hidden;aspect-ratio:4\/5;border-radius:2px;background:var(--nlp-soft);will-change:transform;}\n.nlp-ab .nlp-aba-pic img{\n  width:100%;height:100%;object-fit:cover;\n  filter:grayscale(40%) sepia(10%) saturate(88%) contrast(.96) brightness(1.03);\n}\n\/* el pie de foto va solo bajo la foto izquierda (la que menos baja, 40px), asi ningun marco lo tapa *\/\n.nlp-aba-pics .nlp-ab-cap{margin-top:56px;max-width:calc(50% - 12px);}\n\n.nlp-aba-where{border-top:1px solid var(--nlp-line);padding:clamp(72px,9vw,120px) 0;}\n.nlp-aba-where-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);}\n.nlp-aba-what{align-self:end;}\n.nlp-ab .nlp-aba-row{\n  display:block;padding:22px 0;\n  border-top:1px solid var(--nlp-line);text-decoration:none;\n}\n.nlp-ab .nlp-aba-row:last-child{border-bottom:1px solid var(--nlp-line);}\n.nlp-aba-row-t{display:block;margin:0 0 6px;font-size:22px;font-weight:600;letter-spacing:-.012em;color:var(--nlp-ink);}\n.nlp-aba-row:hover .nlp-aba-row-t{color:var(--nlp-accent);}\n.nlp-aba-row-s{display:block;font-size:17px;line-height:1.55;color:var(--nlp-ink2);}\n\n@media(max-width:900px){\n  .nlp-aba-hero{min-height:0;padding:calc(var(--nlp-bar) + 72px) 0 60px;}\n  .nlp-aba-hero-in,.nlp-aba-rules-in,.nlp-aba-where-in{grid-template-columns:minmax(0,1fr);}\n  .nlp-aba-hero-in{gap:26px;}\n  .nlp-aba-rules-head{position:static;}\n}\n@media(max-width:600px){\n  .nlp-aba-list li{grid-template-columns:40px minmax(0,1fr);gap:0 12px;}\n  .nlp-aba-pics-grid{grid-template-columns:1fr;}\n  .nlp-aba-pic{aspect-ratio:4\/3;}\n  .nlp-aba-pics .nlp-ab-cap{margin-top:14px;max-width:none;}\n  \/* movil v2: un cuarto menos de aire entre secciones *\/\n  .nlp-aba-rules,.nlp-aba-where{padding:54px 0;}\n  .nlp-aba-pics{padding-bottom:54px;}\n}\n<\/style>\n\n<script>\n\/* Efecto escalonado de los dos marcos: al entrar por abajo, el de la derecha va 170px mas abajo y el\n   de la izquierda 40px; mientras se hace scroll suben hasta su sitio, y desde el centro de la pantalla\n   quedan quietos y alineados. Solo usa transform, no toca el scroll. En pantallas de 600px o menos\n   (fotos una debajo de otra) se quedan quietos, y tambien si el sistema pide menos movimiento. *\/\n(function () {\n  if (window.__nlpAbParallax) return;\n  window.__nlpAbParallax = true;\n  var pics = [].slice.call(document.querySelectorAll('.nlp-aba-pic'));\n  if (pics.length < 2) return;\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n  var RECORRIDO = [40, 170];   \/* px que entra mas abajo cada marco al aparecer: izquierda y derecha *\/\n  var grid = pics[0].parentNode;\n  var pendiente = false;\n  function mover() {\n    pendiente = false;\n    var vh = window.innerHeight, r = grid.getBoundingClientRect(), activo = window.innerWidth > 600;\n    var avance = (r.top + r.height \/ 2 - vh \/ 2) \/ (vh \/ 2 + r.height \/ 2);\n    if (avance > 1) avance = 1;\n    var entra = avance > 0 ? avance : 0;   \/* 1 cuando asoma por abajo, 0 desde el centro de la pantalla *\/\n    pics.forEach(function (p, i) {\n      p.style.transform = activo ? 'translate3d(0,' + (entra * RECORRIDO[i]).toFixed(1) + 'px,0)' : '';\n    });\n  }\n  function pedir() {\n    if (!pendiente) { pendiente = true; window.requestAnimationFrame(mover); }\n  }\n  window.addEventListener('scroll', pedir, { passive: true });\n  window.addEventListener('resize', pedir);\n  mover();\n})();\n<\/script>\n\n<!-- ============================================================\n     NEXT LEVEL COCINAS \u00b7 gl-99-footer-v4\n     11\/09\/2026 \u00b7 Bloque global, se repite en todas las paginas.\n     20\/09\/2026 \u00b7 v2: los enlaces legales pasan de tres a dos.\n     \"Legal Notice & Terms of Use\" (\/terms-of-use) lleva la\n     identificacion del titular que exige la LSSI y las condiciones\n     de uso; \"Privacy Policy\" (\/privacy-policy) lleva tambien la\n     parte de cookies. Ya no hay paginas aparte de Legal Notice ni de\n     Cookie Policy.\n     20\/09\/2026 \u00b7 v3: se anade el boton \"Cookie settings\", que abre el\n     panel de la barra de cookies (parts\/cookies.html) para cambiar o\n     retirar la eleccion: la AEPD pide que sea tan facil como darla y\n     que este siempre a mano. Es un boton y no un enlace. Los tres\n     elementos del bloque legal pasan del gris claro al gris oscuro de\n     la paleta, porque el claro no llegaba al contraste minimo.\n     22\/09\/2026 \u00b7 v4: en movil el contacto va primero, con tres\n     botones grandes (llamar, escribir, Instagram), luego las paginas\n     en filas y al final el logo y lo legal. En escritorio solo\n     cambia la zona: \"Costa del Sol \u00b7 Estepona to Malaga\".\n     Pegar tal cual en tu widget\/plantilla global de footer en\n     Elementor (el mismo lugar donde va el menu, pero al pie).\n     ============================================================ -->\n\n<!-- ============================================================\n     gl-99-footer\n     ============================================================ -->\n<footer class=\"nlp-ft\">\n  <div class=\"nlp-ft-inner\">\n    <div class=\"nlp-ft-brand\">\n      <a href=\"\/\" class=\"nlp-ft-logo\" aria-label=\"Next Level Cocinas, inicio\">\n        <img decoding=\"async\" src=\"https:\/\/nextlevelcocinas.com\/wp-content\/uploads\/2026\/09\/nextlevel-wordmark-negro-web@3x_1.png\"\n             alt=\"Next Level Cocinas\" width=\"695\" height=\"135\">\n      <\/a>\n      <p class=\"nlp-ft-areas\">Costa del Sol &middot; Estepona to M&aacute;laga<\/p>\n    <\/div>\n\n    <nav class=\"nlp-ft-nav\" aria-label=\"Footer\">\n      <a href=\"\/kitchen-redesign\">Kitchen Redesign<\/a>\n      <a href=\"\/new-kitchens\">New Kitchens<\/a>\n      <a href=\"\/projects\">Projects<\/a>\n      <a href=\"\/about\">About<\/a>\n    <\/nav>\n\n    <div class=\"nlp-ft-contact\">\n      <p class=\"nlp-ft-talk\">Talk to us<\/p>\n      <a href=\"mailto:design@nextlevelcocinas.com\"><span class=\"nlp-ft-k\">Email<\/span>design@nextlevelcocinas.com<\/a>\n      <a href=\"tel:+34647036816\"><span class=\"nlp-ft-k\">Call<\/span>+34 647 036 816<\/a>\n      <a href=\"https:\/\/instagram.com\/nextlevelcosta\" target=\"_blank\" rel=\"noopener\"><span class=\"nlp-ft-k\">Follow<\/span>Instagram<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"nlp-ft-legal\">\n    <span>&copy; 2026 Next Level Cocinas.<\/span>\n    <nav class=\"nlp-ft-legal-nav\" aria-label=\"Legal\">\n      <a href=\"\/terms-of-use\">Legal Notice &amp; Terms of Use<\/a>\n      <a href=\"\/privacy-policy\">Privacy Policy<\/a>\n      <button type=\"button\" class=\"nlp-ft-cookie\" data-nlp-cookie-open>Cookie settings<\/button>\n    <\/nav>\n  <\/div>\n<\/footer>\n\n<style>\n.nlp-ft{\n  --nlp-ink:#1F1D1B; --nlp-ink2:#6B6259; --nlp-ink3:#9A9089; --nlp-line:#E6E1D9;\n  --nlp-accent:#8A6A4C;\n  --nlp-font:\"Instrument Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;\n  background:#fff; color:var(--nlp-ink2); font-family:var(--nlp-font);\n  padding:clamp(48px,6vw,64px) 0 28px;\n  border-top:1px solid var(--nlp-line);\n}\n.nlp-ft *{box-sizing:border-box;}\n.nlp-ft-inner{\n  max-width:1600px;margin:0 auto;padding:0 clamp(20px,5vw,70px);\n  display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;\n}\n.nlp-ft-logo{display:inline-block;margin:0 0 4px;}\n\/* mismo archivo que el logo de la cabecera, un punto mas bajo:\n   el pie es una firma, no una segunda cabecera *\/\n.nlp-ft-logo img{height:42px;width:auto;display:block;}\n.nlp-ft-nav{display:flex;flex-direction:column;gap:10px;}\n.nlp-ft-nav a{font-size:14.5px;color:var(--nlp-ink2);text-decoration:none;}\n.nlp-ft-nav a:hover{color:var(--nlp-accent);}\n.nlp-ft-contact{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}\n.nlp-ft-contact a{font-size:14.5px;color:var(--nlp-ink2);text-decoration:none;}\n.nlp-ft-contact a:hover{color:var(--nlp-accent);}\n.nlp-ft-areas{\n  font-size:12.5px;line-height:1.6;color:var(--nlp-ink3);margin:14px 0 0;max-width:30ch;\n}\n.nlp-ft-legal{\n  max-width:1600px;margin:44px auto 0;padding:20px clamp(20px,5vw,70px) 0;\n  border-top:1px solid var(--nlp-line);\n  font-size:12.5px;color:var(--nlp-ink3);\n  display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;\n}\n.nlp-ft-legal-nav{display:flex;flex-wrap:wrap;gap:4px 18px;}\n.nlp-ft-legal-nav a{color:var(--nlp-ink2);text-decoration:none;}\n.nlp-ft-legal-nav a:hover{color:var(--nlp-accent);}\n\/* el boton \"Cookie settings\" parece un enlace mas. Va con .nlp-ft delante y fija :focus y :hover\n   para que el tema de WordPress no le pinte encima sus estados de button:hover y button:focus *\/\n.nlp-ft .nlp-ft-cookie{\n  -webkit-appearance:none;appearance:none;display:inline;\n  background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;\n  font:inherit;color:var(--nlp-ink2);text-decoration:none;text-transform:none;cursor:pointer;\n}\n.nlp-ft .nlp-ft-cookie:focus{background:none;color:var(--nlp-ink2);}\n.nlp-ft .nlp-ft-cookie:hover{background:none;color:var(--nlp-accent);}\n.nlp-ft .nlp-ft-cookie:focus-visible{outline:2px solid var(--nlp-accent);outline-offset:3px;}\n@media(max-width:600px){\n  .nlp-ft-inner{gap:26px;}\n  .nlp-ft-logo img{height:34px;}\n}\n\/* v4 \u00b7 movil: el contacto primero (llamar, escribir, Instagram), las paginas en filas,\n   y el logo y lo legal al final. Todo con zona de toque de 40 a 64px.\n   \"Talk to us\" y las etiquetas de cada boton solo se ven en movil. *\/\n.nlp-ft-talk,.nlp-ft-k{display:none;}\n@media(max-width:900px){\n  .nlp-ft{padding:44px 0 calc(26px + env(safe-area-inset-bottom));}\n  .nlp-ft-inner{display:flex;flex-direction:column;gap:34px;padding:0 20px;}\n  .nlp-ft-contact{order:-1;gap:10px;align-items:stretch;}\n  .nlp-ft .nlp-ft-talk{display:block;margin:0 0 4px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--nlp-accent);}\n  .nlp-ft-contact a{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:10px 18px;background:#fff;\n     border:1px solid var(--nlp-line);border-radius:2px;font-size:17px;font-weight:600;color:var(--nlp-ink);}\n  .nlp-ft .nlp-ft-k{display:block;margin-bottom:3px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--nlp-ink2);}\n  .nlp-ft-contact a[href^=\"tel\"]{order:-1;background:var(--nlp-accent);border-color:var(--nlp-accent);color:#fff;}\n  .nlp-ft-contact a[href^=\"tel\"]:hover{background:var(--nlp-accent-dk);color:#fff;}\n  .nlp-ft-contact a[href^=\"tel\"] .nlp-ft-k{color:rgba(255,255,255,.8);}\n  .nlp-ft .nlp-ft-talk{order:-2;}\n  .nlp-ft-nav{gap:0;border-top:1px solid var(--nlp-line);}\n  .nlp-ft-nav a{display:flex;align-items:center;min-height:54px;font-size:18px;font-weight:600;color:var(--nlp-ink);border-bottom:1px solid var(--nlp-line);}\n  .nlp-ft-brand{order:2;}\n  .nlp-ft-legal{margin-top:30px;padding:18px 20px 0;flex-direction:column;gap:2px;}\n  .nlp-ft-legal-nav{flex-direction:column;gap:0;}\n  .nlp-ft-legal-nav a,.nlp-ft .nlp-ft-cookie{display:flex;align-items:center;min-height:40px;}\n}\n<\/style>\n\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>Cookies. We only use the cookies this website needs to work. Analytics and marketing cookies stay off unless you accept them, and we use none today. You can change your choice at any time with Cookie settings at the bottom of every page. Privacy Policy Reject all Accept all Customise Cookies Cookie settings Choose which [&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-5127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/5127","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=5127"}],"version-history":[{"count":16,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/5127\/revisions"}],"predecessor-version":[{"id":5158,"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/pages\/5127\/revisions\/5158"}],"wp:attachment":[{"href":"https:\/\/nextlevelcocinas.com\/en\/wp-json\/wp\/v2\/media?parent=5127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}