{"id":82,"date":"2026-02-04T03:10:47","date_gmt":"2026-02-04T03:10:47","guid":{"rendered":"https:\/\/decoespacio.net\/?page_id=82"},"modified":"2026-09-21T17:23:44","modified_gmt":"2026-09-21T17:23:44","slug":"porcelanatos","status":"publish","type":"page","link":"https:\/\/decoespacio.net\/index.php\/porcelanatos\/","title":{"rendered":"Porcelanatos"},"content":{"rendered":"\n<style>\n\n\/* =========================================================\n   DECOESPACIO - PORCELANATOS\n========================================================= *\/\n\n\n\/* =========================================================\n   QUITAR ESPACIOS DE WORDPRESS\n========================================================= *\/\n\n.deco-catalogo {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n.entry-content > .deco-catalogo:first-child,\n.wp-site-blocks > .deco-catalogo:first-child {\n  margin-top: 0 !important;\n  margin-block-start: 0 !important;\n  padding-top: 0 !important;\n}\n\nmain:has(.deco-hero-porcelanatos),\n.site-main:has(.deco-hero-porcelanatos),\n.content-area:has(.deco-hero-porcelanatos),\n.entry-content:has(.deco-hero-porcelanatos) {\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n\n\n\/* =========================================================\n   ENCABEZADO FULL WIDTH\n========================================================= *\/\n\n.deco-hero-porcelanatos {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  margin-top: 0 !important;\n\n  height: 390px;\n\n  overflow: hidden;\n\n  isolation: isolate;\n\n  background: #eeeeee;\n}\n\n\n\/* CONTENEDOR DE IMAGEN *\/\n\n.deco-hero-porcelanatos-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-porcelanatos-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\n  object-position: center center;\n\n  transform:\n    translate3d(\n      0,\n      calc(-50% + var(--decoPorcelanatoMove, 0px)),\n      0\n    )\n    scale(1.07);\n\n  will-change: transform;\n}\n\n\n\/* M\u00c1SCARA BLANCA *\/\n\n.deco-hero-porcelanatos-overlay {\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) 17%,\n      rgba(255,255,255,.87) 29%,\n      rgba(255,255,255,.68) 43%,\n      rgba(255,255,255,.39) 58%,\n      rgba(255,255,255,.13) 75%,\n      rgba(255,255,255,0) 100%\n    );\n}\n\n\n\/* SUAVIZADO INFERIOR *\/\n\n.deco-hero-porcelanatos-overlay::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  height: 90px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      rgba(255,255,255,.28)\n    );\n\n  pointer-events: none;\n}\n\n\n\/* CONTENIDO INTERNO *\/\n\n.deco-hero-porcelanatos-inner {\n  position: relative;\n\n  z-index: 3;\n\n  width: min(1240px, calc(100% - 60px));\n\n  height: 100%;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  align-items: center;\n}\n\n\n\/* TEXTO *\/\n\n.deco-hero-porcelanatos-texto {\n  max-width: 660px;\n\n  transform: translateY(-4px);\n}\n\n\n\/* TEXTO SUPERIOR *\/\n\n.deco-hero-porcelanatos-etiqueta {\n  display: flex;\n\n  align-items: center;\n\n  gap: 13px;\n\n  margin-bottom: 15px;\n\n  color: #e65c0e;\n\n  font-size: 13px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.6px;\n\n  text-transform: uppercase;\n}\n\n\n.deco-hero-porcelanatos-etiqueta span {\n  display: block;\n\n  width: 48px;\n\n  height: 2px;\n\n  background: #e65c0e;\n\n  border-radius: 50px;\n}\n\n\n\/* T\u00cdTULO *\/\n\n.deco-hero-porcelanatos-texto h1 {\n  margin: 0 0 13px;\n\n  color: #17191e;\n\n  font-size: clamp(46px, 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-porcelanatos-texto p {\n  max-width: 570px;\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  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\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\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\n  height: 42px;\n\n  flex-shrink: 0;\n\n  display: grid;\n\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 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\n  height: 44px;\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: 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\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   INSIGNIAS\n========================================================= *\/\n\n.badge-container {\n  position: absolute;\n\n  top: 12px;\n\n  left: 12px;\n\n  z-index: 12;\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 7px;\n\n  pointer-events: none;\n}\n\n\n.badge-oferta,\n.badge-nuevo {\n  display: inline-flex;\n\n  align-items: center;\n\n  min-height: 29px;\n\n  padding: 5px 10px;\n\n  border-radius: 999px;\n\n  color: #fff;\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  line-height: 1;\n\n  letter-spacing: .35px;\n\n  box-shadow:\n    0 5px 13px rgba(0,0,0,.16);\n}\n\n\n.badge-oferta {\n  background: #e35a12;\n}\n\n\n.badge-nuevo {\n  background: #202020;\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\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-porcelanatos {\n    height: 340px;\n  }\n\n\n  .deco-hero-porcelanatos-inner {\n    width: calc(100% - 40px);\n  }\n\n\n  .deco-hero-porcelanatos-texto h1 {\n    font-size: 48px;\n\n    letter-spacing: -1.5px;\n  }\n\n\n  .deco-hero-porcelanatos-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-porcelanatos {\n    height: 310px;\n  }\n\n\n  .deco-hero-porcelanatos-imagen {\n    inset: -50px -22%;\n  }\n\n\n  .deco-hero-porcelanatos-imagen img {\n    width: 145%;\n\n    max-width: none;\n\n    object-position: center center;\n  }\n\n\n  .deco-hero-porcelanatos-overlay {\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,.58) 100%\n      );\n  }\n\n\n  .deco-hero-porcelanatos-inner {\n    width: calc(100% - 30px);\n  }\n\n\n  .deco-hero-porcelanatos-texto {\n    max-width: 92%;\n  }\n\n\n  .deco-hero-porcelanatos-etiqueta {\n    font-size: 11px;\n\n    letter-spacing: 1.2px;\n  }\n\n\n  .deco-hero-porcelanatos-etiqueta span {\n    width: 32px;\n  }\n\n\n  .deco-hero-porcelanatos-texto h1 {\n    font-size: 38px;\n\n    line-height: 1;\n\n    letter-spacing: -1px;\n  }\n\n\n  .deco-hero-porcelanatos-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\/* MENOS MOVIMIENTO *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .deco-hero-porcelanatos-imagen img {\n    transform:\n      translate3d(0,-50%,0)\n      scale(1.07) !important;\n  }\n\n}\n\n<\/style>\n\n\n\n<section class=\"deco-catalogo\">\n\n\n  <!-- =====================================================\n       ENCABEZADO\n  ====================================================== -->\n\n  <section\n    class=\"deco-hero-porcelanatos\"\n    id=\"decoHeroPorcelanatos\"\n  >\n\n\n    <div class=\"deco-hero-porcelanatos-imagen\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/06\/Piso-Ceramico-Clean-1.png\"\n        alt=\"Porcelanatos Decoespacio\"\n      >\n\n    <\/div>\n\n\n    <div class=\"deco-hero-porcelanatos-overlay\"><\/div>\n\n\n    <div class=\"deco-hero-porcelanatos-inner\">\n\n\n      <div class=\"deco-hero-porcelanatos-texto\">\n\n\n        <div class=\"deco-hero-porcelanatos-etiqueta\">\n\n          DISE\u00d1OS QUE INSPIRAN\n\n          <span><\/span>\n\n        <\/div>\n\n\n        <h1>\n          Porcelanatos\n        <\/h1>\n\n\n        <p>\n          Elegancia, amplitud y acabados sofisticados para transformar tus espacios.\n        <\/p>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       BUSCADOR\n  ====================================================== -->\n\n  <div class=\"deco-buscador-wrapper\">\n\n\n    <div class=\"deco-buscador\">\n\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 porcelanatos\"\n      >\n\n\n      <button\n        type=\"button\"\n        id=\"decoLimpiarBusqueda\"\n        aria-label=\"Limpiar b\u00fasqueda\"\n      >\n        \u00d7\n      <\/button>\n\n\n    <\/div>\n\n\n    <p id=\"decoResultadoBusqueda\"><\/p>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       PRODUCTOS\n  ====================================================== -->\n\n  <div class=\"deco-grid\">\n\n\n    <!-- PORCELANATO BEIGE PULIDO -->\n\n    <article class=\"deco-card\">\n\n\n      <div class=\"deco-img-container\">\n\n\n        <div class=\"badge-container\">\n\n          <span class=\"badge-oferta\">\n            SUPEROFERTA\n          <\/span>\n\n        <\/div>\n\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/ivory.png\"\n        >\n\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-ivoty.png\"\n        >\n\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n\n        <h3>\n          Porcelanato Beige Pulido\n        <\/h3>\n\n\n        <div class=\"deco-info\">\n\n\n          <p>\n            <strong>Medida:<\/strong>\n            60&#215;60 cm\n          <\/p>\n\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n\n          <p>\n            Dale a tu hogar un toque de elegancia y calidez con este porcelanato beige pulido, perfecto para crear ambientes amplios, modernos y llenos de luz.\n          <\/p>\n\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20Porcelanato%20Beige%20Pulido\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- SUPER WHITE -->\n\n    <article class=\"deco-card\">\n\n\n      <div class=\"deco-img-container\">\n\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/porcelanato-white.png\"\n        >\n\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-porcelanato-white.png\"\n        >\n\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n\n        <h3>\n          Porcelanato Super White\n        <\/h3>\n\n\n        <div class=\"deco-info\">\n\n\n          <p>\n            <strong>Medida:<\/strong>\n            60&#215;60 cm\n          <\/p>\n\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n\n          <p>\n            Porcelanato blanco brillante que aporta amplitud, luminosidad y un estilo limpio y moderno a cualquier espacio.\n          <\/p>\n\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20Porcelanato%20Super%20White\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- SATVARIO -->\n\n    <article class=\"deco-card\">\n\n\n      <div class=\"deco-img-container\">\n\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/06\/Piso-Ceramico-Clean.png\"\n        >\n\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/06\/Piso-Ceramico-Clean-1.png\"\n        >\n\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n\n        <h3>\n          Porcelanato Satvario Glossy\n        <\/h3>\n\n\n        <div class=\"deco-info\">\n\n\n          <p>\n            <strong>Medida:<\/strong>\n            120&#215;60 cm\n          <\/p>\n\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n\n          <p>\n            Transforma tu hogar con la elegancia del m\u00e1rmol glossy, un porcelanato que brinda luminosidad, estilo y un toque exclusivo a cualquier ambiente.\n          <\/p>\n\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20Porcelanato%20Satvario%20Glossy\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- KIPPLER -->\n\n    <article class=\"deco-card\">\n\n\n      <div class=\"deco-img-container\">\n\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Porcelanato-Kippler-Pulido.png\"\n        >\n\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-porcelanato-Kippler-Pulido.png\"\n        >\n\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n\n        <h3>\n          Porcelanato Kippler Pulido\n        <\/h3>\n\n\n        <div class=\"deco-info\">\n\n\n          <p>\n            <strong>Medida:<\/strong>\n            120&#215;60 cm\n          <\/p>\n\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n\n          <p>\n            Porcelanato de 120&#215;60 cm con acabado brillante tipo m\u00e1rmol, ideal para interiores gracias a su dise\u00f1o elegante y alta capacidad de reflejar la luz.\n          <\/p>\n\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20Porcelanato%20Kippler%20Pulido\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- ALASKA GRIS -->\n\n    <article class=\"deco-card\">\n\n\n      <div class=\"deco-img-container\">\n\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Porcelanato-Alaska-Gris-Pulido.png\"\n        >\n\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-porcelanato-Alaska-Gris-Pulido.png\"\n        >\n\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n\n        <h3>\n          Porcelanato Alaska Gris Pulido\n        <\/h3>\n\n\n        <div class=\"deco-info\">\n\n\n          <p>\n            <strong>Medida:<\/strong>\n            120&#215;60 cm\n          <\/p>\n\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n\n          <p>\n            Ideal para espacios modernos y sofisticados, su dise\u00f1o en tono gris con acabado pulido aporta elegancia, profundidad y un estilo contempor\u00e1neo.\n          <\/p>\n\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20Porcelanato%20Alaska%20Gris%20Pulido\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- PERLADO BLACK -->\n\n    <article class=\"deco-card\">\n\n\n      <div class=\"deco-img-container\">\n\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Porcelanato-Perlado-Black.png\"\n        >\n\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-porcelanato-Perlado-Black.png\"\n        >\n\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n\n        <h3>\n          Porcelanato Perlado Black\n        <\/h3>\n\n\n        <div class=\"deco-info\">\n\n\n          <p>\n            <strong>Medida:<\/strong>\n            120&#215;60 cm\n          <\/p>\n\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n\n          <p>\n            Ideal para espacios de alto impacto, su dise\u00f1o negro tipo m\u00e1rmol con vetas doradas y acabado brillante aporta lujo, elegancia y un estilo sofisticado.\n          <\/p>\n\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20Porcelanato%20Perlado%20Black\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- CALACATTA VENATO -->\n\n    <article class=\"deco-card\">\n\n\n      <div class=\"deco-img-container\">\n\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/Porcelanato-Calacatta-Venato.png\"\n        >\n\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/04\/fondo-porcelanato-calacatta-venato.png\"\n        >\n\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n\n        <h3>\n          Porcelanato Calacatta Venato\n        <\/h3>\n\n\n        <div class=\"deco-info\">\n\n\n          <p>\n            <strong>Medida:<\/strong>\n            120&#215;60 cm\n          <\/p>\n\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n\n          <p>\n            Porcelanato tipo m\u00e1rmol en tonos claros que aporta elegancia, luminosidad y un estilo sofisticado a cualquier ambiente.\n          <\/p>\n\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20Porcelanato%20Calacatta%20Venato\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- ESTATUARIO -->\n\n    <article class=\"deco-card\">\n\n\n      <div class=\"deco-img-container\">\n\n\n        <img decoding=\"async\"\n          class=\"img-principal\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/06\/porcelanato-estatuario.png\"\n        >\n\n\n        <img decoding=\"async\"\n          class=\"img-hover\"\n          src=\"https:\/\/decoespacio.net\/wp-content\/uploads\/2026\/06\/fondo-porcelanato-estatuario.png\"\n        >\n\n\n      <\/div>\n\n\n      <div class=\"deco-card-content\">\n\n\n        <h3>\n          Porcelanato Estatuario\n        <\/h3>\n\n\n        <div class=\"deco-info\">\n\n\n          <p>\n            <strong>Medida:<\/strong>\n            60&#215;60 cm\n          <\/p>\n\n\n          <p>\n            <strong>Acabado:<\/strong>\n            Brillante\n          <\/p>\n\n\n          <p>\n            Dale a tu hogar un toque de elegancia con este porcelanato marmoleado, perfecto para crear ambientes amplios, modernos y llenos de luz.\n          <\/p>\n\n\n        <\/div>\n\n\n        <a class=\"deco-wa-btn\" href=\"https:\/\/wa.me\/50379891067?text=Hola%20quiero%20cotizar%20el%20Porcelanato%20Estatuario\" target=\"_blank\" rel=\"noopener\">\n          Cotizar por WhatsApp\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/article>\n\n\n  <\/div>\n\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\n      <img decoding=\"async\"\n        id=\"decoModalFoto\"\n        src=\"\"\n        alt=\"\"\n      >\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\n        <img decoding=\"async\"\n          id=\"decoMiniPiezaImg\"\n          src=\"\"\n          alt=\"\"\n        >\n\n\n        <span>\n          Pieza\n        <\/span>\n\n\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"deco-miniatura-btn\"\n        id=\"decoMiniAmbiente\"\n      >\n\n\n        <img decoding=\"async\"\n          id=\"decoMiniAmbienteImg\"\n          src=\"\"\n          alt=\"\"\n        >\n\n\n        <span>\n          Ambiente\n        <\/span>\n\n\n      <\/button>\n\n\n    <\/div>\n\n\n    <div class=\"deco-modal-info\">\n\n\n      <h3 id=\"decoModalTitulo\"><\/h3>\n\n\n      <p id=\"decoModalDetalles\"><\/p>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/div>\n\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 PARALLAX DEL ENCABEZADO\n    ===================================================== *\/\n\n\n    const decoHeroPorcelanatos =\n      document.getElementById(\n        \"decoHeroPorcelanatos\"\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 actualizarHeroPorcelanatos() {\n\n\n      if (\n        !decoHeroPorcelanatos ||\n        reducirMovimiento\n      ) {\n\n\n        decoHeroTicking =\n          false;\n\n\n        return;\n\n      }\n\n\n\n      const rect =\n        decoHeroPorcelanatos\n          .getBoundingClientRect();\n\n\n\n      const pantalla =\n        window.innerHeight ||\n        document.documentElement\n          .clientHeight;\n\n\n\n      if (\n        rect.bottom < -150 ||\n        rect.top > pantalla + 150\n      ) {\n\n\n        decoHeroTicking =\n          false;\n\n\n        return;\n\n      }\n\n\n\n      const progreso =\n        (pantalla - rect.top) \/\n        (pantalla + rect.height);\n\n\n\n      const limitado =\n        Math.max(\n          0,\n          Math.min(\n            1,\n            progreso\n          )\n        );\n\n\n\n      const movimiento =\n        (limitado - .5) * 100;\n\n\n\n      decoHeroPorcelanatos\n        .style\n        .setProperty(\n          \"--decoPorcelanatoMove\",\n          movimiento + \"px\"\n        );\n\n\n\n      decoHeroTicking =\n        false;\n\n    }\n\n\n\n    function solicitarHeroPorcelanatos() {\n\n\n      if (decoHeroTicking) {\n        return;\n      }\n\n\n      decoHeroTicking =\n        true;\n\n\n      requestAnimationFrame(\n        actualizarHeroPorcelanatos\n      );\n\n    }\n\n\n\n    window.addEventListener(\n      \"scroll\",\n      solicitarHeroPorcelanatos,\n      {\n        passive: true\n      }\n    );\n\n\n\n    window.addEventListener(\n      \"resize\",\n      solicitarHeroPorcelanatos\n    );\n\n\n\n    actualizarHeroPorcelanatos();\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\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       GALER\u00cdA\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\n      if (!nuevaImagen) {\n        return;\n      }\n\n\n\n      modalFoto.classList.add(\n        \"cambiando\"\n      );\n\n\n\n      setTimeout(\n        function () {\n\n\n          modalFoto.src =\n            nuevaImagen;\n\n\n\n          modalFoto.alt =\n            esAmbiente\n              ? \"Vista en ambiente de \" +\n                nombreProductoActual\n              : \"Vista de la pieza \" +\n                nombreProductoActual;\n\n\n\n          miniPieza.classList.toggle(\n            \"activa\",\n            !esAmbiente\n          );\n\n\n\n          miniAmbiente.classList.toggle(\n            \"activa\",\n            esAmbiente\n          );\n\n\n\n          modalFoto.classList.remove(\n            \"cambiando\"\n          );\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\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    \/* =====================================================\n       BUSCADOR\n    ===================================================== *\/\n\n\n    function filtrarCatalogo() {\n\n\n      const busquedaOriginal =\n        buscador.value.trim();\n\n\n\n      const busqueda =\n        normalizarTexto(\n          busquedaOriginal\n        );\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\n          const coincide =\n            busqueda === \"\" ||\n            contenidoTarjeta.includes(\n              busqueda\n            );\n\n\n\n          tarjeta.classList.toggle(\n            \"deco-oculto\",\n            !coincide\n          );\n\n\n\n          if (coincide) {\n            cantidadVisible++;\n          }\n\n\n        }\n      );\n\n\n\n      limpiarBusqueda\n        .classList\n        .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\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    \/* =====================================================\n       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\n        if (\n          !contenedorImagen ||\n          !imagenPrincipal\n        ) {\n\n\n          return;\n\n\n        }\n\n\n\n        const nombreProducto =\n          titulo\n            ? titulo.textContent.trim()\n            : \"Porcelanato del cat\u00e1logo\";\n\n\n\n        imagenPrincipal.alt =\n          nombreProducto;\n\n\n\n        imagenPrincipal.loading =\n          \"lazy\";\n\n\n\n        if (imagenHover) {\n\n\n          imagenHover.alt =\n            \"Ambiente con \" +\n            nombreProducto;\n\n\n\n          imagenHover.loading =\n            \"lazy\";\n\n\n        }\n\n\n\n        const botonAmpliar =\n          document.createElement(\n            \"button\"\n          );\n\n\n\n        botonAmpliar.type =\n          \"button\";\n\n\n\n        botonAmpliar.className =\n          \"deco-ampliar-btn\";\n\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 (\n                  parrafo\n                ) {\n\n\n                  return parrafo\n                    .textContent\n                    .replace(\n                      \/\\s+\/g,\n                      \" \"\n                    )\n                    .trim();\n\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\n          miniPiezaImg.alt =\n            \"Miniatura de la pieza \" +\n            nombreProducto;\n\n\n\n          miniAmbienteImg.src =\n            imagenAmbienteActual;\n\n\n\n          miniAmbienteImg.alt =\n            \"Miniatura del ambiente \" +\n            nombreProducto;\n\n\n\n          modalFoto.src =\n            imagenPiezaActual;\n\n\n\n          modalFoto.alt =\n            \"Vista de la pieza \" +\n            nombreProducto;\n\n\n\n          miniPieza\n            .classList\n            .add(\n              \"activa\"\n            );\n\n\n\n          miniAmbiente\n            .classList\n            .remove(\n              \"activa\"\n            );\n\n\n\n          modalTitulo.textContent =\n            nombreProducto;\n\n\n\n          modalDetalles.textContent =\n            datos;\n\n\n\n          modal\n            .classList\n            .add(\n              \"activo\"\n            );\n\n\n\n          modal.setAttribute(\n            \"aria-hidden\",\n            \"false\"\n          );\n\n\n\n          document.body\n            .classList\n            .add(\n              \"deco-modal-abierto\"\n            );\n\n\n\n          modalCerrar.focus();\n\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    \/* =====================================================\n       CERRAR MODAL\n    ===================================================== *\/\n\n\n    function cerrarImagen() {\n\n\n      modal\n        .classList\n        .remove(\n          \"activo\"\n        );\n\n\n\n      modal.setAttribute(\n        \"aria-hidden\",\n        \"true\"\n      );\n\n\n\n      document.body\n        .classList\n        .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        },\n        250\n      );\n\n\n\n      if (\n        ultimoElementoActivo\n      ) {\n\n\n        ultimoElementoActivo.focus();\n\n\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\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);\n\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>DISE\u00d1OS QUE INSPIRAN Porcelanatos Elegancia, amplitud y acabados sofisticados para transformar tus espacios. \u00d7 SUPEROFERTA Porcelanato Beige Pulido Medida: 60&#215;60 [&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-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages\/82","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=82"}],"version-history":[{"count":31,"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":1471,"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/pages\/82\/revisions\/1471"}],"wp:attachment":[{"href":"https:\/\/decoespacio.net\/index.php\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}