{"id":77,"date":"2026-02-04T03:09:59","date_gmt":"2026-02-04T03:09:59","guid":{"rendered":"https:\/\/decoespacio.net\/?page_id=77"},"modified":"2026-09-18T21:18:47","modified_gmt":"2026-09-18T21:18:47","slug":"marmoleados","status":"publish","type":"page","link":"https:\/\/decoespacio.net\/index.php\/marmoleados\/","title":{"rendered":"Marmoleados"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   DECOESPACIO - CAT\u00c1LOGO PISOS MARMOLEADOS\n========================================================= *\/\n\n\n\/* =========================================================\n   ENCABEZADO FULL WIDTH\n========================================================= *\/\n\n.deco-hero-full {\n  position: relative;\n\n  \/* Hace que atraviese el ancho limitado de WordPress *\/\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n\n  height: 390px;\n\n  overflow: hidden;\n  isolation: isolate;\n\n  background: #eeeeee;\n}\n\n\n\/* CONTENEDOR DE LA IMAGEN *\/\n\n.deco-hero-imagen {\n  position: absolute;\n\n  inset: -80px 0;\n\n  z-index: 1;\n\n  overflow: hidden;\n}\n\n\n\/* IMAGEN *\/\n\n.deco-hero-imagen img {\n  position: absolute;\n\n  top: 50%;\n  left: 0;\n\n  width: 100%;\n  height: 125%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center center;\n\n  transform:\n    translate3d(\n      0,\n      calc(-50% + var(--decoHeroMove, 0px)),\n      0\n    )\n    scale(1.06);\n\n  will-change: transform;\n}\n\n\n\/* CAPA BLANCA TIPO M\u00c1SCARA *\/\n\n.deco-hero-sombra {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 2;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.98) 0%,\n      rgba(255,255,255,.95) 18%,\n      rgba(255,255,255,.86) 31%,\n      rgba(255,255,255,.67) 44%,\n      rgba(255,255,255,.38) 58%,\n      rgba(255,255,255,.13) 75%,\n      rgba(255,255,255,0) 100%\n    );\n}\n\n\n\/* DEGRADADO INFERIOR *\/\n\n.deco-hero-sombra::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  height: 100px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      rgba(255,255,255,.35)\n    );\n\n  pointer-events: none;\n}\n\n\n\/* CONTENIDO INTERNO *\/\n\n.deco-hero-inner {\n  position: relative;\n\n  z-index: 3;\n\n  width: min(1240px, calc(100% - 60px));\n  height: 100%;\n\n  margin: 0 auto;\n\n  display: flex;\n  align-items: center;\n}\n\n\n\/* TEXTO *\/\n\n.deco-hero-texto {\n  max-width: 650px;\n\n  transform: translateY(-4px);\n}\n\n\n\/* ETIQUETA *\/\n\n.deco-hero-etiqueta {\n  display: flex;\n  align-items: center;\n\n  gap: 13px;\n\n  margin-bottom: 15px;\n\n  color: #e65c0e;\n\n  font-size: 13px;\n  font-weight: 800;\n\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n\n\/* L\u00cdNEA NARANJA *\/\n\n.deco-hero-etiqueta span {\n  display: block;\n\n  width: 48px;\n  height: 2px;\n\n  background: #e65c0e;\n\n  border-radius: 50px;\n}\n\n\n\/* T\u00cdTULO *\/\n\n.deco-hero-texto h1 {\n  margin: 0 0 13px;\n\n  color: #16191e;\n\n  font-size: clamp(45px, 5vw, 70px);\n\n  font-weight: 800;\n\n  line-height: .98;\n\n  letter-spacing: -2.5px;\n}\n\n\n\/* SUBT\u00cdTULO *\/\n\n.deco-hero-texto p {\n  max-width: 560px;\n\n  margin: 0;\n\n  color: #555c65;\n\n  font-size: 19px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   BUSCADOR\n========================================================= *\/\n\n.deco-buscador-wrapper {\n  position: relative;\n\n  z-index: 10;\n\n  width: min(720px, calc(100% - 30px));\n\n  \/*\n    Hace que el buscador suba ligeramente sobre el banner.\n  *\/\n  margin: -29px auto 45px;\n}\n\n\n.deco-buscador {\n  min-height: 58px;\n\n  padding: 7px 10px 7px 18px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  background: #fff;\n\n  border: 1px solid #e8e8e8;\n\n  border-radius: 16px;\n\n  box-shadow:\n    0 16px 40px rgba(0,0,0,.10);\n\n  transition:\n    border-color .25s ease,\n    box-shadow .25s ease,\n    transform .25s ease;\n}\n\n\n.deco-buscador:focus-within {\n  border-color: #e35a12;\n\n  box-shadow:\n    0 16px 40px rgba(227,90,18,.16);\n\n  transform: translateY(-2px);\n}\n\n\n.deco-buscador-icono {\n  width: 25px;\n  height: 25px;\n\n  flex-shrink: 0;\n\n  fill: #e35a12;\n}\n\n\n.deco-buscador input {\n  width: 100%;\n\n  padding: 10px 0;\n\n  border: 0;\n\n  outline: none;\n\n  background: transparent;\n\n  color: #202020;\n\n  font-family: inherit;\n\n  font-size: 16px;\n}\n\n\n.deco-buscador input::placeholder {\n  color: #909090;\n}\n\n\n#decoLimpiarBusqueda {\n  width: 42px;\n  height: 42px;\n\n  flex-shrink: 0;\n\n  display: grid;\n  place-items: center;\n\n  border: 0;\n\n  border-radius: 11px;\n\n  background: #f2f2f2;\n\n  color: #555;\n\n  font-size: 27px;\n\n  line-height: 1;\n\n  cursor: pointer;\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  transform: scale(.85);\n\n  transition: .2s ease;\n}\n\n\n#decoLimpiarBusqueda.visible {\n  opacity: 1;\n\n  visibility: visible;\n\n  transform: scale(1);\n}\n\n\n#decoLimpiarBusqueda:hover {\n  background: #e35a12;\n\n  color: #fff;\n}\n\n\n#decoResultadoBusqueda {\n  min-height: 22px;\n\n  margin: 10px 0 0;\n\n  text-align: center;\n\n  color: #666;\n\n  font-size: 14px;\n}\n\n\n.deco-card.deco-oculto {\n  display: none !important;\n}\n\n\n\/* =========================================================\n   BOT\u00d3N DE AMPLIAR\n========================================================= *\/\n\n.deco-img-container {\n  position: relative;\n\n  cursor: zoom-in;\n}\n\n\n.deco-ampliar-btn {\n  position: absolute;\n\n  right: 14px;\n\n  bottom: 14px;\n\n  z-index: 10;\n\n  width: 44px;\n  height: 44px;\n\n  display: grid;\n  place-items: center;\n\n  padding: 0;\n\n  border: 0;\n\n  border-radius: 50%;\n\n  background: rgba(30,30,30,.78);\n\n  color: #fff;\n\n  cursor: pointer;\n\n  backdrop-filter: blur(5px);\n\n  box-shadow:\n    0 5px 14px rgba(0,0,0,.18);\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n\n.deco-ampliar-btn svg {\n  width: 20px;\n  height: 20px;\n\n  fill: currentColor;\n}\n\n\n.deco-ampliar-btn:hover {\n  background: #e35a12;\n\n  transform: scale(1.08);\n}\n\n\n\/* =========================================================\n   MODAL\n========================================================= *\/\n\n.deco-modal {\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  padding: 30px;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n\n  background:\n    rgba(12,12,12,.9);\n\n  backdrop-filter: blur(7px);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  transition:\n    opacity .25s ease,\n    visibility .25s ease;\n}\n\n\n.deco-modal.activo {\n  opacity: 1;\n\n  visibility: visible;\n}\n\n\n.deco-modal-contenido {\n  width: min(960px, 96vw);\n\n  max-height: 92vh;\n\n  overflow: auto;\n\n  padding: 18px;\n\n  background: #fff;\n\n  border-radius: 20px;\n\n  box-shadow:\n    0 25px 65px rgba(0,0,0,.35);\n\n  transform:\n    translateY(15px)\n    scale(.96);\n\n  transition:\n    transform .25s ease;\n}\n\n\n.deco-modal.activo .deco-modal-contenido {\n  transform:\n    translateY(0)\n    scale(1);\n}\n\n\n.deco-modal-imagen-wrapper {\n  width: 100%;\n\n  height: min(62vh, 620px);\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  background: #f4f4f4;\n}\n\n\n#decoModalFoto {\n  display: block;\n\n  width: 100%;\n\n  height: 100%;\n\n  object-fit: contain;\n\n  transition:\n    opacity .18s ease,\n    transform .25s ease;\n\n  transform-origin: center center;\n}\n\n\n#decoModalFoto.cambiando {\n  opacity: 0;\n}\n\n\n#decoModalFoto:hover {\n  transform: scale(1.04);\n}\n\n\n.deco-modal-miniaturas {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,150px));\n\n  justify-content: center;\n\n  gap: 12px;\n\n  margin: 14px 0 2px;\n}\n\n\n.deco-miniatura-btn {\n  padding: 6px;\n\n  border: 2px solid transparent;\n\n  border-radius: 12px;\n\n  background: #f2f2f2;\n\n  cursor: pointer;\n\n  transition:\n    border-color .2s ease,\n    transform .2s ease,\n    background .2s ease;\n}\n\n\n.deco-miniatura-btn:hover {\n  transform: translateY(-2px);\n\n  background: #fff7f1;\n}\n\n\n.deco-miniatura-btn.activa {\n  border-color: #e35a12;\n\n  background: #fff7f1;\n}\n\n\n.deco-miniatura-btn img {\n  width: 100%;\n\n  height: 82px;\n\n  display: block;\n\n  object-fit: cover;\n\n  border-radius: 8px;\n}\n\n\n.deco-miniatura-btn span {\n  display: block;\n\n  margin-top: 6px;\n\n  color: #303030;\n\n  font-size: 13px;\n\n  font-weight: 700;\n\n  text-align: center;\n}\n\n\n.deco-modal-info {\n  padding: 16px 6px 3px;\n}\n\n\n.deco-modal-info h3 {\n  margin: 0 0 6px;\n\n  color: #202020;\n\n  font-size: 24px;\n}\n\n\n.deco-modal-info p {\n  margin: 0;\n\n  color: #686868;\n\n  font-size: 15px;\n}\n\n\n.deco-modal-cerrar {\n  position: fixed;\n\n  top: 20px;\n\n  right: 24px;\n\n  z-index: 2;\n\n  width: 48px;\n  height: 48px;\n\n  display: grid;\n\n  place-items: center;\n\n  padding: 0;\n\n  border: 0;\n\n  border-radius: 50%;\n\n  background: #fff;\n\n  color: #202020;\n\n  font-size: 31px;\n\n  line-height: 1;\n\n  cursor: pointer;\n\n  box-shadow:\n    0 8px 25px rgba(0,0,0,.3);\n\n  transition:\n    background .2s ease,\n    color .2s ease,\n    transform .2s ease;\n}\n\n\n.deco-modal-cerrar:hover {\n  background: #e35a12;\n\n  color: #fff;\n\n  transform: rotate(6deg);\n}\n\n\nbody.deco-modal-abierto {\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .deco-hero-full {\n    height: 340px;\n  }\n\n\n  .deco-hero-inner {\n    width: calc(100% - 40px);\n  }\n\n\n  .deco-hero-texto h1 {\n    font-size: 48px;\n\n    letter-spacing: -1.5px;\n  }\n\n\n  .deco-hero-texto p {\n    font-size: 17px;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .deco-hero-full {\n    height: 310px;\n  }\n\n\n  .deco-hero-imagen {\n    inset: -50px -20%;\n  }\n\n\n  .deco-hero-imagen img {\n    width: 140%;\n\n    max-width: none;\n\n    object-position: center center;\n  }\n\n\n  .deco-hero-sombra {\n    background:\n      linear-gradient(\n        90deg,\n        rgba(255,255,255,.97) 0%,\n        rgba(255,255,255,.90) 50%,\n        rgba(255,255,255,.60) 100%\n      );\n  }\n\n\n  .deco-hero-inner {\n    width: calc(100% - 30px);\n  }\n\n\n  .deco-hero-texto {\n    max-width: 92%;\n  }\n\n\n  .deco-hero-etiqueta {\n    font-size: 11px;\n\n    letter-spacing: 1.2px;\n  }\n\n\n  .deco-hero-etiqueta span {\n    width: 32px;\n  }\n\n\n  .deco-hero-texto h1 {\n    font-size: 39px;\n\n    line-height: 1;\n\n    letter-spacing: -1px;\n  }\n\n\n  .deco-hero-texto p {\n    max-width: 310px;\n\n    font-size: 15px;\n  }\n\n\n  .deco-buscador-wrapper {\n    margin-top: -24px;\n\n    margin-bottom: 32px;\n  }\n\n\n  .deco-buscador {\n    min-height: 53px;\n\n    padding-left: 14px;\n\n    border-radius: 13px;\n  }\n\n\n  .deco-buscador input {\n    font-size: 14px;\n  }\n\n\n  .deco-buscador-icono {\n    width: 22px;\n\n    height: 22px;\n  }\n\n\n  .deco-modal {\n    padding: 14px;\n  }\n\n\n  .deco-modal-contenido {\n    padding: 10px;\n\n    border-radius: 15px;\n  }\n\n\n  .deco-modal-cerrar {\n    top: 9px;\n\n    right: 9px;\n\n    width: 43px;\n\n    height: 43px;\n  }\n\n\n  .deco-modal-info h3 {\n    font-size: 20px;\n  }\n\n\n  .deco-modal-imagen-wrapper {\n    height: 48vh;\n  }\n\n\n  .deco-modal-miniaturas {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap: 8px;\n  }\n\n\n  .deco-miniatura-btn img {\n    height: 68px;\n  }\n\n\n  .deco-ampliar-btn {\n    width: 42px;\n\n    height: 42px;\n\n    right: 10px;\n\n    bottom: 10px;\n  }\n\n}\n\n\n\/* Evita animaci\u00f3n si el navegador lo solicita *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .deco-hero-imagen img {\n    transform:\n      translate3d(0,-50%,0)\n      scale(1.06) !important;\n  }\n\n}\n<\/style>\n\n<section class=\"deco-catalogo\">\n\n\n  <!-- =====================================================\n       ENCABEZADO FULL WIDTH\n  ====================================================== -->\n\n  <section\n    class=\"deco-hero-full\"\n    id=\"decoHero\"\n  >\n\n    <div class=\"deco-hero-imagen\">\n\n      <img decoding=\"async\"\n        id=\"decoHeroImg\"\n        src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/09\/CERAMICA-Y-PORCELANATOS-14.png\"\n        alt=\"Cer\u00e1micas y porcelanatos Decoespacio\"\n      >\n\n    <\/div>\n\n\n    <div class=\"deco-hero-sombra\"><\/div>\n\n\n    <div class=\"deco-hero-inner\">\n\n      <div class=\"deco-hero-texto\">\n\n        <div class=\"deco-hero-etiqueta\">\n\n          PISOS QUE INSPIRAN\n\n          <span><\/span>\n\n        <\/div>\n\n\n        <h1>\n          Pisos Marmoleados\n        <\/h1>\n\n\n        <p>\n          Descubre dise\u00f1os elegantes para transformar tus espacios.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       BUSCADOR\n  ====================================================== -->\n\n  <div class=\"deco-buscador-wrapper\">\n\n    <div class=\"deco-buscador\">\n\n      <svg\n        class=\"deco-buscador-icono\"\n        viewBox=\"0 0 24 24\"\n        aria-hidden=\"true\"\n      >\n\n        <path\n          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\"\n        ><\/path>\n\n      <\/svg>\n\n\n      <input\n        type=\"search\"\n        id=\"decoBuscador\"\n        placeholder=\"Buscar por nombre, color, medida o acabado...\"\n        autocomplete=\"off\"\n        aria-label=\"Buscar pisos\"\n      >\n\n\n      <button\n        type=\"button\"\n        id=\"decoLimpiarBusqueda\"\n        aria-label=\"Limpiar b\u00fasqueda\"\n      >\n        \u00d7\n      <\/button>\n\n    <\/div>\n\n\n    <p id=\"decoResultadoBusqueda\"><\/p>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       PRODUCTOS\n  ====================================================== -->\n\n  <div class=\"deco-grid\">\n\n\n    <!-- CARACOLI -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-16.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-14.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>M\u00e1rmol Caracoli<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            51&#215;51 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Semibrillo\n          <\/p>\n\n          <p>\n            Ideal para crear espacios modernos y elegantes, su acabado tipo m\u00e1rmol en tonos claros aporta amplitud, luminosidad y un estilo sofisticado a cualquier ambiente.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Caracoli%20M\u00e1rmol\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- MALAMBO BEIGE -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-19-2.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-18.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Malambo Beige<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            51&#215;51 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Satinado\n          <\/p>\n\n          <p>\n            Ideal para espacios c\u00e1lidos y acogedores, su tono beige aporta armon\u00eda y combina f\u00e1cilmente con cualquier estilo de decoraci\u00f3n.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Malambo%20Beige\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- 402 GRIS -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-20.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-21.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>402 Gris<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            31&#215;31 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Ideal para espacios modernos y sofisticados, su tono gris aporta elegancia, equilibrio y combina f\u00e1cilmente con distintos estilos de decoraci\u00f3n.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20402%20Gris\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- NECOLCLI BEIGE -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/necocli-beige.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-necocli-beige.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Necocli Beige<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            51&#215;51 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Semibrillo\n          <\/p>\n\n          <p>\n            Llena tu hogar de calidez y armon\u00eda con este piso en tono beige, perfecto para lograr espacios acogedores, modernos y llenos de luz.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Necocli%20Beige\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- VENECIA GRIS -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/venecia-gris.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-venecia-gris.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Venecia Gris<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            33&#215;33 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Dale a tu hogar un estilo contempor\u00e1neo con este piso en tono gris, perfecto para crear ambientes elegantes, frescos y con personalidad.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Venecia%20Gris\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- ALASKA -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/alaska-blanco.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-alaska-blanco.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Alaska Blanco<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            43&#215;43 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Dale a tu hogar un estilo limpio y luminoso con este piso en tono blanco, perfecto para crear espacios frescos, amplios y llenos de elegancia.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Alaska%20Blanco\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- CLEAN -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/06\/Piso-Clean.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/06\/Fondo-piso-clean.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Piso Ceramico Clean<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            60&#215;60 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Llena tu hogar de calidez y armon\u00eda con este piso en tono beige, perfecto para lograr espacios acogedores, modernos y llenos de luz.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Clean\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- VENECIA BEIGE -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Venecia-Beige.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-venecia-beige.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Venecia Beige<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            33&#215;33 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Piso marmoleado beige que aporta elegancia y luz al espacio.Ideal para ambientes modernos y f\u00e1ciles de combinar.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Venecia%20Beige\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- BLANCO MARMOL 222 -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Blanco-Marmol-222.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-Blanco-Marmol-222.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Blanco M\u00e1rmol 222<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            43&#215;43 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Mate\n          <\/p>\n\n          <p>\n            Piso blanco tipo m\u00e1rmol que brinda amplitud y limpieza visual. Ideal para espacios modernos y minimalistas.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20ABlanco%20Marmol%20222\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- CALACATTA GOLD -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Calacatta-Gold.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-Calacatta-Gold.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Calacatta Gold<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            43&#215;43 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Piso tipo m\u00e1rmol con elegantes vetas doradas que aporta sofisticaci\u00f3n, luminosidad y estilo moderno a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Calacatta%20Gold\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- ESTATUARIO GRIS -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Piso-Estatuario-Gris.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-Piso-Estatuario-Gris.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Estatuario Gris<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            43&#215;43 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Piso tipo m\u00e1rmol en tonos grises que aporta elegancia, amplitud y un estilo moderno a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Estatuario%20Gris\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- ESTATUARIO MARMOL -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Estatuario-Marmol.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Fondo-Estatuario-Marmol.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Estatuario M\u00e1rmol<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            61&#215;61 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Piso tipo m\u00e1rmol en tonos claros que aporta elegancia, amplitud y un acabado sofisticado a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Estatuario%20Marmol\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- JADE GRIS -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Jade-Gris.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-Jade-Gris.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Jade Gris<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            43&#215;43 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Piso en tono gris con acabado brillante que aporta elegancia, profundidad y un estilo moderno a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Jade%20Gris\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- MARFIL MARMOL -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Marfil-Marmol-222.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Fondo-Marfil-Marmol-222.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Marfil M\u00e1rmol 222<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            43&#215;43 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Mate\n          <\/p>\n\n          <p>\n            Piso en tono marfil con acabado mate que aporta calidez, suavidad y un estilo moderno y acogedor a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Marfil%20222\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- TRAVERTINO -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Travertino-beige.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Fondo-Travertino-beige.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Travertino beige<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            43&#215;43 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Piso tipo travertino en tono beige que aporta calidez, elegancia y un estilo natural a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Traventino%20Beige\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- MALAMBO GRIS -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Malambo-Gris.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-Malambo-Gris.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Malambo Gris<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            51&#215;51 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Satinado\n          <\/p>\n\n          <p>\n            Piso en tono gris satinado que aporta frescura, amplitud y un estilo moderno y vers\u00e1til a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Malambo%20Gris\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- NECOLCLI GRIS -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Necocli-Gris.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-Necocli-Gris.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Necocli Gris<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            51&#215;51 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Semibrillo\n          <\/p>\n\n          <p>\n            Piso en tono gris claro con acabado semibrillo que aporta elegancia, luz y un estilo moderno a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Necocli%20Gris\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- BEIGE 402 -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Beige-402.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-ginevra.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Piso Beige 402<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            31&#215;31 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Piso en tono beige con acabado brillante que aporta calidez, luminosidad y un estilo elegante a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20402%20Beige\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- HUELVA -->\n\n    <article class=\"deco-card\">\n\n      <div class=\"deco-img-container\">\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Huelva-Beige.png\"\n        >\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-Huelva-Beige.png\"\n        >\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n        <h3>Huelva Beige<\/h3>\n\n\n        <div class=\"deco-info\">\n\n          <p>\n            <strong>Medida:<\/strong>\n            43&#215;43 cm\n          <\/p>\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n          <p>\n            Piso en tono beige con acabado brillante que aporta calidez, amplitud y un estilo moderno y elegante a cualquier espacio.\n          <\/p>\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20piso%20Huelva%20Beige\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     MODAL\n========================================================= -->\n\n<div\n  id=\"decoModalImagen\"\n  class=\"deco-modal\"\n  aria-hidden=\"true\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"decoModalTitulo\"\n>\n\n\n  <button\n    type=\"button\"\n    class=\"deco-modal-cerrar\"\n    aria-label=\"Cerrar imagen ampliada\"\n  >\n    \u00d7\n  <\/button>\n\n\n  <div class=\"deco-modal-contenido\">\n\n\n    <div class=\"deco-modal-imagen-wrapper\">\n\n      <img decoding=\"async\"\n        id=\"decoModalFoto\"\n        src=\"\"\n        alt=\"\"\n      >\n\n    <\/div>\n\n\n    <div\n      class=\"deco-modal-miniaturas\"\n      aria-label=\"Galer\u00eda del producto\"\n    >\n\n\n      <button\n        type=\"button\"\n        class=\"deco-miniatura-btn activa\"\n        id=\"decoMiniPieza\"\n      >\n\n        <img decoding=\"async\"\n          id=\"decoMiniPiezaImg\"\n          src=\"\"\n          alt=\"\"\n        >\n\n        <span>\n          Pieza\n        <\/span>\n\n      <\/button>\n\n\n\n      <button\n        type=\"button\"\n        class=\"deco-miniatura-btn\"\n        id=\"decoMiniAmbiente\"\n      >\n\n        <img decoding=\"async\"\n          id=\"decoMiniAmbienteImg\"\n          src=\"\"\n          alt=\"\"\n        >\n\n        <span>\n          Ambiente\n        <\/span>\n\n      <\/button>\n\n    <\/div>\n\n\n    <div class=\"deco-modal-info\">\n\n      <h3 id=\"decoModalTitulo\"><\/h3>\n\n      <p id=\"decoModalDetalles\"><\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n\n<!-- =========================================================\n     JAVASCRIPT\n========================================================= -->\n\n<script>\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function () {\n\n\n    const catalogo =\n      document.querySelector(\n        \".deco-catalogo\"\n      );\n\n\n    if (!catalogo) {\n      return;\n    }\n\n\n\n    \/* =====================================================\n       EFECTO DE MOVIMIENTO EN EL ENCABEZADO\n    ===================================================== *\/\n\n\n    const decoHero =\n      document.getElementById(\n        \"decoHero\"\n      );\n\n\n    let decoHeroTicking =\n      false;\n\n\n    const reducirMovimiento =\n      window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n\n\n    function actualizarHeroDeco() {\n\n\n      if (\n        !decoHero ||\n        reducirMovimiento\n      ) {\n\n        decoHeroTicking =\n          false;\n\n        return;\n\n      }\n\n\n      const rect =\n        decoHero.getBoundingClientRect();\n\n\n      const pantalla =\n        window.innerHeight ||\n        document.documentElement.clientHeight;\n\n\n      \/*\n        Si el encabezado ya no est\u00e1 visible,\n        no hacemos c\u00e1lculos innecesarios.\n      *\/\n\n      if (\n        rect.bottom < -150 ||\n        rect.top > pantalla + 150\n      ) {\n\n        decoHeroTicking =\n          false;\n\n        return;\n\n      }\n\n\n      const progreso =\n        (pantalla - rect.top) \/\n        (pantalla + rect.height);\n\n\n      const limitado =\n        Math.max(\n          0,\n          Math.min(\n            1,\n            progreso\n          )\n        );\n\n\n      \/*\n        Intensidad del movimiento.\n        Puedes subir 100 a 120 si quieres\n        que la foto se mueva todav\u00eda m\u00e1s.\n      *\/\n\n      const movimiento =\n        (limitado - .5) * 100;\n\n\n      decoHero.style.setProperty(\n        \"--decoHeroMove\",\n        movimiento + \"px\"\n      );\n\n\n      decoHeroTicking =\n        false;\n\n    }\n\n\n\n    function solicitarHeroDeco() {\n\n\n      if (decoHeroTicking) {\n        return;\n      }\n\n\n      decoHeroTicking =\n        true;\n\n\n      requestAnimationFrame(\n        actualizarHeroDeco\n      );\n\n    }\n\n\n\n    window.addEventListener(\n      \"scroll\",\n      solicitarHeroDeco,\n      {\n        passive: true\n      }\n    );\n\n\n    window.addEventListener(\n      \"resize\",\n      solicitarHeroDeco\n    );\n\n\n    actualizarHeroDeco();\n\n\n\n    \/* =====================================================\n       BUSCADOR\n    ===================================================== *\/\n\n\n    const buscador =\n      document.getElementById(\n        \"decoBuscador\"\n      );\n\n\n    const limpiarBusqueda =\n      document.getElementById(\n        \"decoLimpiarBusqueda\"\n      );\n\n\n    const resultadoBusqueda =\n      document.getElementById(\n        \"decoResultadoBusqueda\"\n      );\n\n\n    const tarjetas =\n      Array.from(\n        catalogo.querySelectorAll(\n          \".deco-card\"\n        )\n      );\n\n\n\n    \/* =====================================================\n       MODAL\n    ===================================================== *\/\n\n\n    const modal =\n      document.getElementById(\n        \"decoModalImagen\"\n      );\n\n\n    const modalFoto =\n      document.getElementById(\n        \"decoModalFoto\"\n      );\n\n\n    const modalTitulo =\n      document.getElementById(\n        \"decoModalTitulo\"\n      );\n\n\n    const modalDetalles =\n      document.getElementById(\n        \"decoModalDetalles\"\n      );\n\n\n    const modalCerrar =\n      document.querySelector(\n        \".deco-modal-cerrar\"\n      );\n\n\n    const miniPieza =\n      document.getElementById(\n        \"decoMiniPieza\"\n      );\n\n\n    const miniAmbiente =\n      document.getElementById(\n        \"decoMiniAmbiente\"\n      );\n\n\n    const miniPiezaImg =\n      document.getElementById(\n        \"decoMiniPiezaImg\"\n      );\n\n\n    const miniAmbienteImg =\n      document.getElementById(\n        \"decoMiniAmbienteImg\"\n      );\n\n\n    let imagenPiezaActual =\n      \"\";\n\n\n    let imagenAmbienteActual =\n      \"\";\n\n\n    let nombreProductoActual =\n      \"\";\n\n\n    let ultimoElementoActivo =\n      null;\n\n\n\n    \/* =====================================================\n       NORMALIZAR TEXTO\n    ===================================================== *\/\n\n\n    function normalizarTexto(\n      texto\n    ) {\n\n\n      return String(\n        texto || \"\"\n      )\n\n        .toLowerCase()\n\n        .normalize(\"NFD\")\n\n        .replace(\n          \/[\\u0300-\\u036f]\/g,\n          \"\"\n        )\n\n        .replace(\n          \/[\u00d7x]\/g,\n          \"x\"\n        )\n\n        .replace(\n          \/\\s+\/g,\n          \" \"\n        )\n\n        .trim();\n\n    }\n\n\n\n    \/* =====================================================\n       CAMBIO PIEZA \/ AMBIENTE\n    ===================================================== *\/\n\n\n    function mostrarImagenGaleria(\n      tipo\n    ) {\n\n\n      const esAmbiente =\n        tipo === \"ambiente\";\n\n\n      const nuevaImagen =\n        esAmbiente\n          ? imagenAmbienteActual\n          : imagenPiezaActual;\n\n\n      if (!nuevaImagen) {\n        return;\n      }\n\n\n      modalFoto.classList.add(\n        \"cambiando\"\n      );\n\n\n      setTimeout(\n        function () {\n\n\n          modalFoto.src =\n            nuevaImagen;\n\n\n          modalFoto.alt =\n            esAmbiente\n              ? \"Vista en ambiente de \" +\n                nombreProductoActual\n              : \"Vista de la pieza \" +\n                nombreProductoActual;\n\n\n          miniPieza.classList.toggle(\n            \"activa\",\n            !esAmbiente\n          );\n\n\n          miniAmbiente.classList.toggle(\n            \"activa\",\n            esAmbiente\n          );\n\n\n          modalFoto.classList.remove(\n            \"cambiando\"\n          );\n\n        },\n        120\n      );\n\n    }\n\n\n\n    miniPieza.addEventListener(\n      \"click\",\n      function (evento) {\n\n\n        evento.preventDefault();\n\n\n        evento.stopPropagation();\n\n\n        mostrarImagenGaleria(\n          \"pieza\"\n        );\n\n      }\n    );\n\n\n\n    miniAmbiente.addEventListener(\n      \"click\",\n      function (evento) {\n\n\n        evento.preventDefault();\n\n\n        evento.stopPropagation();\n\n\n        mostrarImagenGaleria(\n          \"ambiente\"\n        );\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       FILTRAR CAT\u00c1LOGO\n    ===================================================== *\/\n\n\n    function filtrarCatalogo() {\n\n\n      const busquedaOriginal =\n        buscador.value.trim();\n\n\n      const busqueda =\n        normalizarTexto(\n          busquedaOriginal\n        );\n\n\n      let cantidadVisible =\n        0;\n\n\n\n      tarjetas.forEach(\n        function (tarjeta) {\n\n\n          const contenidoTarjeta =\n            normalizarTexto(\n              tarjeta.textContent\n            );\n\n\n          const coincide =\n            busqueda === \"\" ||\n            contenidoTarjeta.includes(\n              busqueda\n            );\n\n\n          tarjeta.classList.toggle(\n            \"deco-oculto\",\n            !coincide\n          );\n\n\n          if (coincide) {\n            cantidadVisible++;\n          }\n\n        }\n      );\n\n\n\n      limpiarBusqueda.classList.toggle(\n        \"visible\",\n        busquedaOriginal.length > 0\n      );\n\n\n\n      if (busqueda === \"\") {\n\n\n        resultadoBusqueda.textContent =\n          \"\";\n\n\n      } else if (\n        cantidadVisible === 0\n      ) {\n\n\n        resultadoBusqueda.textContent =\n          'No encontramos productos relacionados con \"' +\n          busquedaOriginal +\n          '\".';\n\n\n      } else {\n\n\n        resultadoBusqueda.textContent =\n          cantidadVisible === 1\n            ? \"1 producto encontrado\"\n            : cantidadVisible +\n              \" productos encontrados\";\n\n      }\n\n    }\n\n\n\n    buscador.addEventListener(\n      \"input\",\n      filtrarCatalogo\n    );\n\n\n\n    limpiarBusqueda.addEventListener(\n      \"click\",\n      function () {\n\n\n        buscador.value =\n          \"\";\n\n\n        filtrarCatalogo();\n\n\n        buscador.focus();\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       PREPARAR TARJETAS\n    ===================================================== *\/\n\n\n    tarjetas.forEach(\n      function (tarjeta) {\n\n\n        const contenedorImagen =\n          tarjeta.querySelector(\n            \".deco-img-container\"\n          );\n\n\n        const imagenPrincipal =\n          tarjeta.querySelector(\n            \".img-principal\"\n          );\n\n\n        const imagenHover =\n          tarjeta.querySelector(\n            \".img-hover\"\n          );\n\n\n        const titulo =\n          tarjeta.querySelector(\n            \"h3\"\n          );\n\n\n        if (\n          !contenedorImagen ||\n          !imagenPrincipal\n        ) {\n\n          return;\n\n        }\n\n\n\n        const nombreProducto =\n          titulo\n            ? titulo.textContent.trim()\n            : \"Piso del cat\u00e1logo\";\n\n\n\n        imagenPrincipal.alt =\n          \"Piso \" +\n          nombreProducto;\n\n\n        imagenPrincipal.loading =\n          \"lazy\";\n\n\n\n        if (imagenHover) {\n\n\n          imagenHover.alt =\n            \"Ambiente con piso \" +\n            nombreProducto;\n\n\n          imagenHover.loading =\n            \"lazy\";\n\n        }\n\n\n\n        \/* BOT\u00d3N DE AMPLIAR *\/\n\n\n        const botonAmpliar =\n          document.createElement(\n            \"button\"\n          );\n\n\n        botonAmpliar.type =\n          \"button\";\n\n\n        botonAmpliar.className =\n          \"deco-ampliar-btn\";\n\n\n        botonAmpliar.setAttribute(\n          \"aria-label\",\n          \"Ampliar imagen de \" +\n          nombreProducto\n        );\n\n\n\n        botonAmpliar.innerHTML = `\n          <svg\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n          >\n            <path\n              d=\"M7 3H3v4h2V5h2V3Zm12 0h-4v2h2v2h2V3ZM5 17H3v4h4v-2H5v-2Zm14 0h-2v2h-2v2h4v-4ZM8 7h8v10H8V7Zm2 2v6h4V9h-4Z\"\n            ><\/path>\n          <\/svg>\n        `;\n\n\n\n        contenedorImagen.appendChild(\n          botonAmpliar\n        );\n\n\n\n        function abrirImagen(\n          evento\n        ) {\n\n\n          evento.preventDefault();\n\n\n          evento.stopPropagation();\n\n\n\n          ultimoElementoActivo =\n            botonAmpliar;\n\n\n\n          const datos =\n            Array.from(\n              tarjeta.querySelectorAll(\n                \".deco-info p\"\n              )\n            )\n\n              .slice(\n                0,\n                2\n              )\n\n              .map(\n                function (parrafo) {\n\n\n                  return parrafo\n                    .textContent\n                    .replace(\n                      \/\\s+\/g,\n                      \" \"\n                    )\n                    .trim();\n\n                }\n              )\n\n              .join(\n                \" \u00b7 \"\n              );\n\n\n\n          imagenPiezaActual =\n            imagenPrincipal.currentSrc ||\n            imagenPrincipal.src;\n\n\n\n          imagenAmbienteActual =\n            imagenHover\n              ? (\n                  imagenHover.currentSrc ||\n                  imagenHover.src\n                )\n              : imagenPiezaActual;\n\n\n\n          nombreProductoActual =\n            nombreProducto;\n\n\n\n          miniPiezaImg.src =\n            imagenPiezaActual;\n\n\n          miniPiezaImg.alt =\n            \"Miniatura de la pieza \" +\n            nombreProducto;\n\n\n\n          miniAmbienteImg.src =\n            imagenAmbienteActual;\n\n\n          miniAmbienteImg.alt =\n            \"Miniatura del ambiente \" +\n            nombreProducto;\n\n\n\n          modalFoto.src =\n            imagenPiezaActual;\n\n\n          modalFoto.alt =\n            \"Vista de la pieza \" +\n            nombreProducto;\n\n\n\n          miniPieza.classList.add(\n            \"activa\"\n          );\n\n\n          miniAmbiente.classList.remove(\n            \"activa\"\n          );\n\n\n\n          modalTitulo.textContent =\n            nombreProducto;\n\n\n          modalDetalles.textContent =\n            datos;\n\n\n\n          modal.classList.add(\n            \"activo\"\n          );\n\n\n          modal.setAttribute(\n            \"aria-hidden\",\n            \"false\"\n          );\n\n\n          document.body.classList.add(\n            \"deco-modal-abierto\"\n          );\n\n\n          modalCerrar.focus();\n\n        }\n\n\n\n        botonAmpliar.addEventListener(\n          \"click\",\n          abrirImagen\n        );\n\n\n\n        contenedorImagen.addEventListener(\n          \"click\",\n          abrirImagen\n        );\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       CERRAR MODAL\n    ===================================================== *\/\n\n\n    function cerrarImagen() {\n\n\n      modal.classList.remove(\n        \"activo\"\n      );\n\n\n      modal.setAttribute(\n        \"aria-hidden\",\n        \"true\"\n      );\n\n\n      document.body.classList.remove(\n        \"deco-modal-abierto\"\n      );\n\n\n\n      setTimeout(\n        function () {\n\n\n          modalFoto.src =\n            \"\";\n\n\n          miniPiezaImg.src =\n            \"\";\n\n\n          miniAmbienteImg.src =\n            \"\";\n\n        },\n        250\n      );\n\n\n\n      if (\n        ultimoElementoActivo\n      ) {\n\n\n        ultimoElementoActivo.focus();\n\n      }\n\n    }\n\n\n\n    modalCerrar.addEventListener(\n      \"click\",\n      cerrarImagen\n    );\n\n\n\n    modal.addEventListener(\n      \"click\",\n      function (evento) {\n\n\n        if (\n          evento.target === modal\n        ) {\n\n\n          cerrarImagen();\n\n        }\n\n      }\n    );\n\n\n\n    document.addEventListener(\n      \"keydown\",\n      function (evento) {\n\n\n        if (\n          evento.key === \"Escape\" &&\n          modal.classList.contains(\n            \"activo\"\n          )\n        ) {\n\n\n          cerrarImagen();\n\n        }\n\n      }\n    );\n\n\n  }\n);\n\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PISOS QUE INSPIRAN Pisos Marmoleados Descubre dise\u00f1os elegantes para transformar tus espacios. \u00d7 M\u00e1rmol Caracoli Medida: 51&#215;51 cm Acabado: Semibrillo [&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-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages\/77","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=77"}],"version-history":[{"count":90,"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":1467,"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions\/1467"}],"wp:attachment":[{"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}