{"id":91,"date":"2026-02-04T03:12:38","date_gmt":"2026-02-04T03:12:38","guid":{"rendered":"https:\/\/decoespacio.net\/?page_id=91"},"modified":"2026-07-20T21:43:05","modified_gmt":"2026-07-20T21:43:05","slug":"fachaletas","status":"publish","type":"page","link":"https:\/\/decoespacio.net\/index.php\/fachaletas\/","title":{"rendered":"Fachaletas"},"content":{"rendered":"\n<style>\n\/* BUSCADOR *\/\n.deco-buscador-wrapper {\n  width: min(720px, calc(100% - 30px));\n  margin: 30px auto 45px;\n}\n\n.deco-buscador {\n  min-height: 58px;\n  padding: 7px 10px 7px 18px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: #fff;\n  border: 1px solid #e8e8e8;\n  border-radius: 16px;\n  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);\n  transition: border-color .25s ease, box-shadow .25s ease;\n}\n\n.deco-buscador:focus-within {\n  border-color: #e35a12;\n  box-shadow: 0 12px 35px rgba(227, 90, 18, 0.16);\n}\n\n.deco-buscador-icono {\n  width: 25px;\n  height: 25px;\n  flex-shrink: 0;\n  fill: #e35a12;\n}\n\n.deco-buscador input {\n  width: 100%;\n  padding: 10px 0;\n  border: 0;\n  outline: none;\n  background: transparent;\n  color: #202020;\n  font-family: inherit;\n  font-size: 16px;\n}\n\n.deco-buscador input::placeholder {\n  color: #909090;\n}\n\n#decoLimpiarBusqueda {\n  width: 42px;\n  height: 42px;\n  flex-shrink: 0;\n  display: grid;\n  place-items: center;\n  border: 0;\n  border-radius: 11px;\n  background: #f2f2f2;\n  color: #555;\n  font-size: 27px;\n  line-height: 1;\n  cursor: pointer;\n  opacity: 0;\n  visibility: hidden;\n  transform: scale(.85);\n  transition: .2s ease;\n}\n\n#decoLimpiarBusqueda.visible {\n  opacity: 1;\n  visibility: visible;\n  transform: scale(1);\n}\n\n#decoLimpiarBusqueda:hover {\n  background: #e35a12;\n  color: #fff;\n}\n\n#decoResultadoBusqueda {\n  min-height: 22px;\n  margin: 10px 0 0;\n  text-align: center;\n  color: #666;\n  font-size: 14px;\n}\n\n.deco-card.deco-oculto {\n  display: none !important;\n}\n\n\/* BOT\u00d3N DE AMPLIAR *\/\n.deco-img-container {\n  position: relative;\n  cursor: zoom-in;\n}\n\n.deco-ampliar-btn {\n  position: absolute;\n  right: 14px;\n  bottom: 14px;\n  z-index: 10;\n  width: 44px;\n  height: 44px;\n  display: grid;\n  place-items: center;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: rgba(30, 30, 30, .78);\n  color: #fff;\n  cursor: pointer;\n  backdrop-filter: blur(5px);\n  box-shadow: 0 5px 14px rgba(0, 0, 0, .18);\n  transition: transform .2s ease, background .2s ease;\n}\n\n.deco-ampliar-btn svg {\n  width: 20px;\n  height: 20px;\n  fill: currentColor;\n}\n\n.deco-ampliar-btn:hover {\n  background: #e35a12;\n  transform: scale(1.08);\n}\n\n\/* MODAL *\/\n.deco-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  padding: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: rgba(12, 12, 12, .9);\n  backdrop-filter: blur(7px);\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .25s ease, visibility .25s ease;\n}\n\n.deco-modal.activo {\n  opacity: 1;\n  visibility: visible;\n}\n\n.deco-modal-contenido {\n  width: min(960px, 96vw);\n  max-height: 92vh;\n  overflow: auto;\n  padding: 18px;\n  background: #fff;\n  border-radius: 20px;\n  box-shadow: 0 25px 65px rgba(0, 0, 0, .35);\n  transform: translateY(15px) scale(.96);\n  transition: transform .25s ease;\n}\n\n.deco-modal.activo .deco-modal-contenido {\n  transform: translateY(0) scale(1);\n}\n\n.deco-modal-imagen-wrapper {\n  width: 100%;\n  height: min(62vh, 620px);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  border-radius: 14px;\n  background: #f4f4f4;\n}\n\n#decoModalFoto {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: opacity .18s ease, transform .25s ease;\n  transform-origin: center center;\n}\n\n#decoModalFoto.cambiando {\n  opacity: 0;\n}\n\n#decoModalFoto:hover {\n  transform: scale(1.04);\n}\n\n.deco-modal-miniaturas {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 150px));\n  justify-content: center;\n  gap: 12px;\n  margin: 14px 0 2px;\n}\n\n.deco-miniatura-btn {\n  padding: 6px;\n  border: 2px solid transparent;\n  border-radius: 12px;\n  background: #f2f2f2;\n  cursor: pointer;\n  transition: border-color .2s ease, transform .2s ease, background .2s ease;\n}\n\n.deco-miniatura-btn:hover {\n  transform: translateY(-2px);\n  background: #fff7f1;\n}\n\n.deco-miniatura-btn.activa {\n  border-color: #e35a12;\n  background: #fff7f1;\n}\n\n.deco-miniatura-btn img {\n  width: 100%;\n  height: 82px;\n  display: block;\n  object-fit: cover;\n  border-radius: 8px;\n}\n\n.deco-miniatura-btn span {\n  display: block;\n  margin-top: 6px;\n  color: #303030;\n  font-size: 13px;\n  font-weight: 700;\n  text-align: center;\n}\n\n.deco-modal-info {\n  padding: 16px 6px 3px;\n}\n\n.deco-modal-info h3 {\n  margin: 0 0 6px;\n  color: #202020;\n  font-size: 24px;\n}\n\n.deco-modal-info p {\n  margin: 0;\n  color: #686868;\n  font-size: 15px;\n}\n\n.deco-modal-cerrar {\n  position: fixed;\n  top: 20px;\n  right: 24px;\n  z-index: 2;\n  width: 48px;\n  height: 48px;\n  display: grid;\n  place-items: center;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: #fff;\n  color: #202020;\n  font-size: 31px;\n  line-height: 1;\n  cursor: pointer;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, .3);\n  transition: background .2s ease, color .2s ease, transform .2s ease;\n}\n\n.deco-modal-cerrar:hover {\n  background: #e35a12;\n  color: #fff;\n  transform: rotate(6deg);\n}\n\nbody.deco-modal-abierto {\n  overflow: hidden;\n}\n\n@media (max-width: 600px) {\n  .deco-buscador-wrapper {\n    margin-top: 22px;\n    margin-bottom: 32px;\n  }\n\n  .deco-buscador {\n    min-height: 53px;\n    padding-left: 14px;\n    border-radius: 13px;\n  }\n\n  .deco-buscador input {\n    font-size: 14px;\n  }\n\n  .deco-buscador-icono {\n    width: 22px;\n    height: 22px;\n  }\n\n  .deco-modal {\n    padding: 14px;\n  }\n\n  .deco-modal-contenido {\n    padding: 10px;\n    border-radius: 15px;\n  }\n\n  .deco-modal-cerrar {\n    top: 9px;\n    right: 9px;\n    width: 43px;\n    height: 43px;\n  }\n\n  .deco-modal-info h3 {\n    font-size: 20px;\n  }\n\n  .deco-modal-imagen-wrapper {\n    height: 48vh;\n  }\n\n  .deco-modal-miniaturas {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n  }\n\n  .deco-miniatura-btn img {\n    height: 68px;\n  }\n\n  .deco-ampliar-btn {\n    width: 42px;\n    height: 42px;\n    right: 10px;\n    bottom: 10px;\n  }\n}\n\n<\/style>\n\n<section class=\"deco-catalogo\">\n\n  <div class=\"deco-header\">\n    <h1>Fachaletas<\/h1>\n    <p>Descubre dise\u00f1os elegantes para transformar tus espacios.<\/p>\n  <\/div>\n\n  <div class=\"deco-buscador-wrapper\">\n    <div class=\"deco-buscador\">\n      <svg class=\"deco-buscador-icono\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M11 4a7 7 0 1 0 4.9 12l4.05 4.05 1.4-1.4-4.05-4.05A7 7 0 0 0 11 4Zm0 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z\"><\/path>\n      <\/svg>\n\n      <input type=\"search\" id=\"decoBuscador\" placeholder=\"Buscar por nombre, color, medida o acabado...\" autocomplete=\"off\" aria-label=\"Buscar fachaletas\">\n\n      <button type=\"button\" id=\"decoLimpiarBusqueda\" aria-label=\"Limpiar b\u00fasqueda\">\u00d7<\/button>\n    <\/div>\n\n    <p id=\"decoResultadoBusqueda\"><\/p>\n  <\/div>\n\n  <div class=\"deco-grid\">\n\n<article class=\"deco-card\">\n      <div class=\"deco-img-container\">\n        <img decoding=\"async\" class=\"img-principal\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Alpes-Mix.png\" alt=\"Alpes Mix\" loading=\"lazy\">\n        <img decoding=\"async\" class=\"img-hover\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Fondo-Alpes-Mix.png\" alt=\"Ambiente con Alpes Mix\" loading=\"lazy\">\n      <\/div>\n\n      <div class=\"deco-card-content\">\n        <h3>Alpes Mix<\/h3>\n\n        <div class=\"deco-info\">\n          <p><strong>Medida:<\/strong> 36&#215;50 cm<\/p>\n          <p><strong>Acabado:<\/strong> Brillante<\/p>\n          <p>Revestimiento tipo piedra en tonos c\u00e1lidos que aporta textura, elegancia y un estilo natural y sofisticado a tus paredes.<\/p>\n        <\/div>\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20la%20Fachaleta%20Alpes%20Mix\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n      <\/div>\n    <\/article>\n\n<article class=\"deco-card\">\n      <div class=\"deco-img-container\">\n        <img decoding=\"async\" class=\"img-principal\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Estatuario-Gris.png\" alt=\"Estatuario Gris\" loading=\"lazy\">\n        <img decoding=\"async\" class=\"img-hover\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Fondo-Estatuario-Gris.png\" alt=\"Ambiente con Estatuario Gris\" loading=\"lazy\">\n      <\/div>\n\n      <div class=\"deco-card-content\">\n        <h3>Estatuario Gris<\/h3>\n\n        <div class=\"deco-info\">\n          <p><strong>Medida:<\/strong> 36&#215;50 cm<\/p>\n          <p><strong>Acabado:<\/strong> Brillante<\/p>\n          <p>Revestimiento decorativo con dise\u00f1o geom\u00e9trico y detalles tipo madera que aporta personalidad, elegancia y un estilo \u00fanico a cualquier espacio.<\/p>\n        <\/div>\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20la%20Fachaleta%20Estatuario%20Gris\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n      <\/div>\n    <\/article>\n\n<article class=\"deco-card\">\n      <div class=\"deco-img-container\">\n        <img decoding=\"async\" class=\"img-principal\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Calacatta-Gold.png\" alt=\"Calacatta Gold\" loading=\"lazy\">\n        <img decoding=\"async\" class=\"img-hover\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Fondo-Calacatta-Gold.png\" alt=\"Ambiente con Calacatta Gold\" loading=\"lazy\">\n      <\/div>\n\n      <div class=\"deco-card-content\">\n        <h3>Calacatta Gold<\/h3>\n\n        <div class=\"deco-info\">\n          <p><strong>Medida:<\/strong> 36&#215;50 cm<\/p>\n          <p><strong>Acabado:<\/strong> Semibrillante<\/p>\n          <p>Revestimiento tipo m\u00e1rmol en tonos claros que aporta elegancia, luminosidad y un acabado sofisticado a tus paredes.<\/p>\n        <\/div>\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20la%20Fachaleta%20Calacatta%20Gold\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n      <\/div>\n    <\/article>\n\n<article class=\"deco-card\">\n      <div class=\"deco-img-container\">\n        <img decoding=\"async\" class=\"img-principal\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Elda-Gris-1.png\" alt=\"Elda Gris\" loading=\"lazy\">\n        <img decoding=\"async\" class=\"img-hover\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Fondo-Elda-Gris-1.png\" alt=\"Ambiente con Elda Gris\" loading=\"lazy\">\n      <\/div>\n\n      <div class=\"deco-card-content\">\n        <h3>Elda Gris<\/h3>\n\n        <div class=\"deco-info\">\n          <p><strong>Medida:<\/strong> 36&#215;50 cm<\/p>\n          <p><strong>Acabado:<\/strong> Mate<\/p>\n          <p>Revestimiento tipo piedra en tonos oscuros que aporta profundidad, elegancia y un estilo moderno a tus paredes.<\/p>\n        <\/div>\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20la%20Fachaleta%20Elda%20Gris\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n      <\/div>\n    <\/article>\n\n<article class=\"deco-card\">\n      <div class=\"deco-img-container\">\n        <img decoding=\"async\" class=\"img-principal\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Elda-Blanco-Mate.png\" alt=\"Elda Blanco Mate\" loading=\"lazy\">\n        <img decoding=\"async\" class=\"img-hover\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Fondo-Elda-Blanco-Mate.png\" alt=\"Ambiente con Elda Blanco Mate\" loading=\"lazy\">\n      <\/div>\n\n      <div class=\"deco-card-content\">\n        <h3>Elda Blanco Mate<\/h3>\n\n        <div class=\"deco-info\">\n          <p><strong>Medida:<\/strong> 36&#215;50 cm<\/p>\n          <p><strong>Acabado:<\/strong> Mate<\/p>\n          <p>Revestimiento tipo piedra en tonos beige que aporta calidez, elegancia y un estilo natural a tus paredes.<\/p>\n        <\/div>\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20la%20Fachaleta%20Elda%20Blanco%20Mate\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n      <\/div>\n    <\/article>\n\n<article class=\"deco-card\">\n      <div class=\"deco-img-container\">\n        <img decoding=\"async\" class=\"img-principal\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Alpes-Mix-Mate.png\" alt=\"Alpes Mix Mate\" loading=\"lazy\">\n        <img decoding=\"async\" class=\"img-hover\" src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/05\/Fondo-Alpes-Mix-Mate.png\" alt=\"Ambiente con Alpes Mix Mate\" loading=\"lazy\">\n      <\/div>\n\n      <div class=\"deco-card-content\">\n        <h3>Alpes Mix Mate<\/h3>\n\n        <div class=\"deco-info\">\n          <p><strong>Medida:<\/strong> 36&#215;50 cm<\/p>\n          <p><strong>Acabado:<\/strong> Mate<\/p>\n          <p>Revestimiento tipo piedra en tonos mixtos que aporta textura, calidez y un estilo decorativo moderno a tus paredes.<\/p>\n        <\/div>\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20la%20Fachaleta%20Alpes%20Mix%20Mate\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n      <\/div>\n    <\/article>\n\n\n\n  <\/div>\n\n<\/section>\n\n<div id=\"decoModalImagen\" class=\"deco-modal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"decoModalTitulo\">\n  <button type=\"button\" class=\"deco-modal-cerrar\" aria-label=\"Cerrar imagen ampliada\">\u00d7<\/button>\n\n  <div class=\"deco-modal-contenido\">\n    <div class=\"deco-modal-imagen-wrapper\">\n      <img decoding=\"async\" id=\"decoModalFoto\" src=\"\" alt=\"\">\n    <\/div>\n\n    <div class=\"deco-modal-miniaturas\" aria-label=\"Galer\u00eda del producto\">\n      <button type=\"button\" class=\"deco-miniatura-btn activa\" id=\"decoMiniPieza\">\n        <img decoding=\"async\" id=\"decoMiniPiezaImg\" src=\"\" alt=\"\">\n        <span>Pieza<\/span>\n      <\/button>\n\n      <button type=\"button\" class=\"deco-miniatura-btn\" id=\"decoMiniAmbiente\">\n        <img decoding=\"async\" id=\"decoMiniAmbienteImg\" src=\"\" alt=\"\">\n        <span>Ambiente<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"deco-modal-info\">\n      <h3 id=\"decoModalTitulo\"><\/h3>\n      <p id=\"decoModalDetalles\"><\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const catalogo = document.querySelector(\".deco-catalogo\");\n  if (!catalogo) return;\n\n  const buscador = document.getElementById(\"decoBuscador\");\n  const limpiarBusqueda = document.getElementById(\"decoLimpiarBusqueda\");\n  const resultadoBusqueda = document.getElementById(\"decoResultadoBusqueda\");\n  const tarjetas = Array.from(catalogo.querySelectorAll(\".deco-card\"));\n\n  const modal = document.getElementById(\"decoModalImagen\");\n  const modalFoto = document.getElementById(\"decoModalFoto\");\n  const modalTitulo = document.getElementById(\"decoModalTitulo\");\n  const modalDetalles = document.getElementById(\"decoModalDetalles\");\n  const modalCerrar = document.querySelector(\".deco-modal-cerrar\");\n  const miniPieza = document.getElementById(\"decoMiniPieza\");\n  const miniAmbiente = document.getElementById(\"decoMiniAmbiente\");\n  const miniPiezaImg = document.getElementById(\"decoMiniPiezaImg\");\n  const miniAmbienteImg = document.getElementById(\"decoMiniAmbienteImg\");\n\n  let imagenPiezaActual = \"\";\n  let imagenAmbienteActual = \"\";\n  let nombreProductoActual = \"\";\n\n  let ultimoElementoActivo = null;\n\n  function normalizarTexto(texto) {\n    return String(texto || \"\")\n      .toLowerCase()\n      .normalize(\"NFD\")\n      .replace(\/[\\u0300-\\u036f]\/g, \"\")\n      .replace(\/[\u00d7x]\/g, \"x\")\n      .replace(\/\\s+\/g, \" \")\n      .trim();\n  }\n\n  function mostrarImagenGaleria(tipo) {\n    const esAmbiente = tipo === \"ambiente\";\n    const nuevaImagen = esAmbiente\n      ? imagenAmbienteActual\n      : imagenPiezaActual;\n\n    if (!nuevaImagen) return;\n\n    modalFoto.classList.add(\"cambiando\");\n\n    setTimeout(function () {\n      modalFoto.src = nuevaImagen;\n      modalFoto.alt = esAmbiente\n        ? \"Vista en ambiente de \" + nombreProductoActual\n        : \"Vista de la pieza \" + nombreProductoActual;\n\n      miniPieza.classList.toggle(\"activa\", !esAmbiente);\n      miniAmbiente.classList.toggle(\"activa\", esAmbiente);\n      modalFoto.classList.remove(\"cambiando\");\n    }, 120);\n  }\n\n  miniPieza.addEventListener(\"click\", function (evento) {\n    evento.preventDefault();\n    evento.stopPropagation();\n    mostrarImagenGaleria(\"pieza\");\n  });\n\n  miniAmbiente.addEventListener(\"click\", function (evento) {\n    evento.preventDefault();\n    evento.stopPropagation();\n    mostrarImagenGaleria(\"ambiente\");\n  });\n\n  function filtrarCatalogo() {\n    const busquedaOriginal = buscador.value.trim();\n    const busqueda = normalizarTexto(busquedaOriginal);\n    let cantidadVisible = 0;\n\n    tarjetas.forEach(function (tarjeta) {\n      const contenidoTarjeta = normalizarTexto(tarjeta.textContent);\n      const coincide = busqueda === \"\" || contenidoTarjeta.includes(busqueda);\n\n      tarjeta.classList.toggle(\"deco-oculto\", !coincide);\n\n      if (coincide) cantidadVisible++;\n    });\n\n    limpiarBusqueda.classList.toggle(\"visible\", busquedaOriginal.length > 0);\n\n    if (busqueda === \"\") {\n      resultadoBusqueda.textContent = \"\";\n    } else if (cantidadVisible === 0) {\n      resultadoBusqueda.textContent =\n        'No encontramos productos relacionados con \"' + busquedaOriginal + '\".';\n    } else {\n      resultadoBusqueda.textContent =\n        cantidadVisible === 1\n          ? \"1 producto encontrado\"\n          : cantidadVisible + \" productos encontrados\";\n    }\n  }\n\n  buscador.addEventListener(\"input\", filtrarCatalogo);\n\n  limpiarBusqueda.addEventListener(\"click\", function () {\n    buscador.value = \"\";\n    filtrarCatalogo();\n    buscador.focus();\n  });\n\n  tarjetas.forEach(function (tarjeta) {\n    const contenedorImagen = tarjeta.querySelector(\".deco-img-container\");\n    const imagenPrincipal = tarjeta.querySelector(\".img-principal\");\n    const imagenHover = tarjeta.querySelector(\".img-hover\");\n    const titulo = tarjeta.querySelector(\"h3\");\n\n    if (!contenedorImagen || !imagenPrincipal) return;\n\n    const nombreProducto = titulo\n      ? titulo.textContent.trim()\n      : \"Fachaleta del cat\u00e1logo\";\n\n    imagenPrincipal.alt = \"Fachaleta \" + nombreProducto;\n    imagenPrincipal.loading = \"lazy\";\n\n    if (imagenHover) {\n      imagenHover.alt = \"Ambiente con fachaleta \" + nombreProducto;\n      imagenHover.loading = \"lazy\";\n    }\n\n    const botonAmpliar = document.createElement(\"button\");\n    botonAmpliar.type = \"button\";\n    botonAmpliar.className = \"deco-ampliar-btn\";\n    botonAmpliar.setAttribute(\n      \"aria-label\",\n      \"Ampliar imagen de \" + nombreProducto\n    );\n\n    botonAmpliar.innerHTML = `\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M7 3H3v4h2V5h2V3Zm12 0h-4v2h2v2h2V3ZM5 17H3v4h4v-2H5v-2Zm14 0h-2v2h-2v2h4v-4ZM8 7h8v10H8V7Zm2 2v6h4V9h-4Z\"><\/path>\n      <\/svg>\n    `;\n\n    contenedorImagen.appendChild(botonAmpliar);\n\n    function abrirImagen(evento) {\n      evento.preventDefault();\n      evento.stopPropagation();\n\n      ultimoElementoActivo = botonAmpliar;\n\n      const datos = Array.from(\n        tarjeta.querySelectorAll(\".deco-info p\")\n      )\n        .slice(0, 2)\n        .map(function (parrafo) {\n          return parrafo.textContent.replace(\/\\s+\/g, \" \").trim();\n        })\n        .join(\" \u00b7 \");\n\n      imagenPiezaActual = imagenPrincipal.currentSrc || imagenPrincipal.src;\n      imagenAmbienteActual = imagenHover\n        ? (imagenHover.currentSrc || imagenHover.src)\n        : imagenPiezaActual;\n      nombreProductoActual = nombreProducto;\n\n      miniPiezaImg.src = imagenPiezaActual;\n      miniPiezaImg.alt = \"Miniatura de la pieza \" + nombreProducto;\n\n      miniAmbienteImg.src = imagenAmbienteActual;\n      miniAmbienteImg.alt = \"Miniatura del ambiente \" + nombreProducto;\n\n      modalFoto.src = imagenPiezaActual;\n      modalFoto.alt = \"Vista de la pieza \" + nombreProducto;\n\n      miniPieza.classList.add(\"activa\");\n      miniAmbiente.classList.remove(\"activa\");\n\n      modalTitulo.textContent = nombreProducto;\n      modalDetalles.textContent = datos;\n\n      modal.classList.add(\"activo\");\n      modal.setAttribute(\"aria-hidden\", \"false\");\n      document.body.classList.add(\"deco-modal-abierto\");\n      modalCerrar.focus();\n    }\n\n    botonAmpliar.addEventListener(\"click\", abrirImagen);\n    contenedorImagen.addEventListener(\"click\", abrirImagen);\n  });\n\n  function cerrarImagen() {\n    modal.classList.remove(\"activo\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n    document.body.classList.remove(\"deco-modal-abierto\");\n\n    setTimeout(function () {\n      modalFoto.src = \"\";\n      miniPiezaImg.src = \"\";\n      miniAmbienteImg.src = \"\";\n    }, 250);\n\n    if (ultimoElementoActivo) {\n      ultimoElementoActivo.focus();\n    }\n  }\n\n  modalCerrar.addEventListener(\"click\", cerrarImagen);\n\n  modal.addEventListener(\"click\", function (evento) {\n    if (evento.target === modal) {\n      cerrarImagen();\n    }\n  });\n\n  document.addEventListener(\"keydown\", function (evento) {\n    if (evento.key === \"Escape\" && modal.classList.contains(\"activo\")) {\n      cerrarImagen();\n    }\n  });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Fachaletas Descubre dise\u00f1os elegantes para transformar tus espacios. \u00d7 Alpes Mix Medida: 36&#215;50 cm Acabado: Brillante Revestimiento tipo piedra en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":13,"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":1319,"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages\/91\/revisions\/1319"}],"wp:attachment":[{"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}