{"id":1532,"date":"2026-07-24T11:33:41","date_gmt":"2026-07-24T11:33:41","guid":{"rendered":"https:\/\/sun-stop.es\/?page_id=1532"},"modified":"2026-11-06T06:41:00","modified_gmt":"2026-11-06T06:41:00","slug":"niza-pergola-palillera","status":"publish","type":"page","link":"https:\/\/sun-stop.es\/?page_id=1532","title":{"rendered":"Niza | P\u00e9rgola palillera"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1532\" class=\"elementor elementor-1532\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84ee7e7 e-flex e-con-boxed e-con e-parent\" data-id=\"84ee7e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-270b8c1 e-con-full e-flex e-con e-child\" data-id=\"270b8c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3d8cb6c e-con-full e-flex e-con e-child\" data-id=\"3d8cb6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fe674e elementor-widget elementor-widget-shortcode\" data-id=\"1fe674e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"roma-interactiva\">\n  <div class=\"ri-escena\">\n    <img decoding=\"async\"\n      id=\"ri-imagen-principal\"\n      class=\"ri-imagen-principal\"\n      src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Pergola-blanca-con-vistas-mediterraneas.png\"\n      alt=\"Cerramiento vertical Roma\"\n    >\n\n    <!-- Punto 1: estructura de aluminio -->\n    <button\n      type=\"button\"\n      class=\"ri-punto ri-punto-1\"\n      data-detalle=\"1\"\n      aria-label=\"Ver detalle de la estructura de aluminio\"\n    >\n      <span class=\"ri-pulso\"><\/span>\n      <span class=\"ri-numero\">1<\/span>\n    <\/button>\n\n    <!-- Punto 2: tejido Screen -->\n    <button\n      type=\"button\"\n      class=\"ri-punto ri-punto-2\"\n      data-detalle=\"2\"\n      aria-label=\"Ver detalle del tejido Screen\"\n    >\n      <span class=\"ri-pulso\"><\/span>\n      <span class=\"ri-numero\">2<\/span>\n    <\/button>\n\n    <!-- Punto 3: soporte del pilar -->\n    <button\n      type=\"button\"\n      class=\"ri-punto ri-punto-3\"\n      data-detalle=\"3\"\n      aria-label=\"Ver detalle del soporte del pilar\"\n    >\n      <span class=\"ri-pulso\"><\/span>\n      <span class=\"ri-numero\">3<\/span>\n    <\/button>\n  <\/div>\n\n  <!-- Ventana emergente -->\n  <div\n    class=\"ri-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Detalle del cerramiento vertical Roma\"\n    hidden\n  >\n    <div class=\"ri-modal-fondo\" data-cerrar><\/div>\n\n    <div class=\"ri-modal-contenido\">\n      <button\n        type=\"button\"\n        class=\"ri-cerrar\"\n        data-cerrar\n        aria-label=\"Cerrar detalle\"\n      >\n        \u00d7\n      <\/button>\n\n      <div class=\"ri-modal-imagen-wrap\">\n        <img decoding=\"async\"\n          class=\"ri-modal-imagen\"\n          src=\"\"\n          alt=\"\"\n        >\n\n        <button\n          type=\"button\"\n          class=\"ri-ampliar\"\n          aria-label=\"Ampliar imagen\"\n          title=\"Ampliar imagen\"\n        >\n          \u26f6\n        <\/button>\n      <\/div>\n\n      <div class=\"ri-modal-informacion\">\n        <div class=\"ri-modal-etiqueta\">\n          DETALLE ROMA\n        <\/div>\n\n        <div class=\"ri-modal-titulo\"><\/div>\n        <div class=\"ri-modal-texto\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n#roma-interactiva {\n  width: 100%;\n  max-width: 980px;\n  margin: 0 auto;\n  padding: 0;\n  background: #ffffff;\n  color: #222222;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n\n#roma-interactiva,\n#roma-interactiva * {\n  box-sizing: border-box;\n}\n\n#roma-interactiva .ri-escena {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background: #f2f0eb;\n  border-radius: 4px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);\n}\n\n#roma-interactiva .ri-imagen-principal {\n  display: block;\n  width: 100%;\n  height: auto;\n  min-height: 300px;\n  object-fit: cover;\n  background: #f2f0eb;\n}\n\n#roma-interactiva .ri-punto {\n  position: absolute;\n  z-index: 5;\n  width: 34px;\n  height: 34px;\n  margin: 0;\n  padding: 0;\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n  background: #f3972d;\n  color: #ffffff;\n  cursor: pointer;\n  box-shadow:\n    0 4px 12px rgba(0, 0, 0, 0.32),\n    0 0 0 5px rgba(243, 151, 45, 0.20);\n  transform: translate(-50%, -50%);\n  transition:\n    transform 0.2s ease,\n    background 0.2s ease;\n}\n\n#roma-interactiva .ri-punto:hover,\n#roma-interactiva .ri-punto:focus {\n  background: #dc7e17;\n  transform: translate(-50%, -50%) scale(1.12);\n  outline: none;\n}\n\n#roma-interactiva .ri-numero {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  width: 100%;\n  height: 100%;\n  place-items: center;\n  color: #ffffff;\n  font-size: 13px !important;\n  line-height: 1 !important;\n  font-weight: 700;\n}\n\n#roma-interactiva .ri-pulso {\n  position: absolute;\n  inset: -7px;\n  z-index: 1;\n  border: 2px solid rgba(243, 151, 45, 0.7);\n  border-radius: 50%;\n  animation: ri-pulso 1.8s infinite;\n}\n\n@keyframes ri-pulso {\n  0% {\n    opacity: 0.9;\n    transform: scale(0.75);\n  }\n\n  70% {\n    opacity: 0;\n    transform: scale(1.45);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1.45);\n  }\n}\n\n\/* Posici\u00f3n de los puntos *\/\n#roma-interactiva .ri-punto-1 {\n  top: 31%;\n  left: 72%;\n}\n\n#roma-interactiva .ri-punto-2 {\n  top: 29%;\n  left: 53%;\n}\n\n#roma-interactiva .ri-punto-3 {\n  top: 73%;\n  left: 38%;\n}\n\n\/* Ventana emergente *\/\n#roma-interactiva .ri-modal[hidden] {\n  display: none !important;\n}\n\n#roma-interactiva .ri-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  display: grid;\n  place-items: center;\n  padding: 24px;\n}\n\n#roma-interactiva .ri-modal-fondo {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.78);\n  backdrop-filter: blur(4px);\n}\n\n#roma-interactiva .ri-modal-contenido {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr);\n  width: min(1050px, 96vw);\n  max-height: 90vh;\n  overflow: hidden;\n  background: #ffffff;\n  border-radius: 5px;\n  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);\n}\n\n#roma-interactiva .ri-modal-imagen-wrap {\n  position: relative;\n  display: grid;\n  min-height: 420px;\n  overflow: hidden;\n  place-items: center;\n  background: #eeeeee;\n}\n\n#roma-interactiva .ri-modal-imagen {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-height: 90vh;\n  object-fit: contain;\n  background: #eeeeee;\n  transition: transform 0.25s ease;\n  cursor: zoom-in;\n}\n\n#roma-interactiva .ri-modal-imagen.ri-ampliada {\n  transform: scale(1.65);\n  cursor: zoom-out;\n}\n\n#roma-interactiva .ri-ampliar {\n  position: absolute;\n  right: 13px;\n  bottom: 13px;\n  width: 39px;\n  height: 39px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: rgba(20, 20, 20, 0.78);\n  color: #ffffff;\n  font-size: 20px !important;\n  line-height: 1 !important;\n  cursor: pointer;\n}\n\n#roma-interactiva .ri-modal-informacion {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 38px 32px;\n  background: #ffffff;\n}\n\n#roma-interactiva .ri-modal-etiqueta {\n  margin: 0 0 7px;\n  color: #e78b27;\n  font-size: 9px !important;\n  line-height: 1.2 !important;\n  font-weight: 700;\n  letter-spacing: 0.13em;\n}\n\n#roma-interactiva .ri-modal-titulo {\n  margin: 0 0 13px;\n  color: #222222;\n  font-size: 21px !important;\n  line-height: 1.2 !important;\n  font-weight: 700;\n}\n\n#roma-interactiva .ri-modal-texto {\n  margin: 0;\n  color: #606060;\n  font-size: 12px !important;\n  line-height: 1.55 !important;\n  font-weight: 400;\n}\n\n#roma-interactiva .ri-cerrar {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 8;\n  display: grid;\n  width: 38px;\n  height: 38px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  place-items: center;\n  background: rgba(20, 20, 20, 0.84);\n  color: #ffffff;\n  font-size: 25px !important;\n  line-height: 1 !important;\n  cursor: pointer;\n}\n\n@media (max-width: 760px) {\n  #roma-interactiva .ri-imagen-principal {\n    min-height: 230px;\n  }\n\n  #roma-interactiva .ri-punto {\n    width: 30px;\n    height: 30px;\n  }\n\n  #roma-interactiva .ri-numero {\n    font-size: 11px !important;\n  }\n\n  #roma-interactiva .ri-modal {\n    padding: 10px;\n  }\n\n  #roma-interactiva .ri-modal-contenido {\n    grid-template-columns: 1fr;\n    width: 96vw;\n    max-height: 94vh;\n    overflow-y: auto;\n  }\n\n  #roma-interactiva .ri-modal-imagen-wrap {\n    min-height: 280px;\n    height: 55vh;\n  }\n\n  #roma-interactiva .ri-modal-informacion {\n    padding: 22px 20px;\n  }\n\n  #roma-interactiva .ri-modal-titulo {\n    font-size: 18px !important;\n  }\n\n  #roma-interactiva .ri-modal-texto {\n    font-size: 11px !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const raiz = document.getElementById('roma-interactiva');\n\n  if (!raiz || raiz.dataset.iniciado === 'si') {\n    return;\n  }\n\n  raiz.dataset.iniciado = 'si';\n\n  const IMAGEN_PRINCIPAL =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Pergola-blanca-con-vistas-mediterraneas.png';\n\n  const IMAGEN_ESTRUCTURA_ALUMINIO =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_01_blanco_gris.jpg';\n\n  const IMAGEN_TEJIDO_SCREEN =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_02_blanco_beig.jpg';\n\n  const IMAGEN_SOPORTE_PILAR =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_02.jpg';\n\n  const detalles = {\n    1: {\n      titulo: 'Estructura de aluminio',\n      texto:\n        'La estructura est\u00e1 fabricada en aluminio extrusionado para ofrecer estabilidad, durabilidad y resistencia a la intemperie, manteniendo una est\u00e9tica limpia y perfectamente integrada.',\n      imagen: IMAGEN_ESTRUCTURA_ALUMINIO,\n      alt: 'Detalle de la estructura de aluminio del cerramiento Roma'\n    },\n\n    2: {\n      titulo: 'Tejido t\u00e9cnico Screen',\n      texto:\n        'El tejido Screen proporciona protecci\u00f3n solar y ayuda a reducir la entrada de calor, manteniendo la visibilidad hacia el exterior y favoreciendo el confort del espacio.',\n      imagen: IMAGEN_TEJIDO_SCREEN,\n      alt: 'Detalle del tejido Screen del cerramiento Roma'\n    },\n\n    3: {\n      titulo: 'Soporte del pilar',\n      texto:\n        'El soporte permite una fijaci\u00f3n firme y estable del conjunto, asegurando la correcta integraci\u00f3n del cerramiento en el pilar y un acabado discreto y funcional.',\n      imagen: IMAGEN_SOPORTE_PILAR,\n      alt: 'Detalle del soporte del pilar del cerramiento Roma'\n    }\n  };\n\n  const imagenPrincipal =\n    raiz.querySelector('#ri-imagen-principal');\n\n  const modal =\n    raiz.querySelector('.ri-modal');\n\n  const imagenModal =\n    raiz.querySelector('.ri-modal-imagen');\n\n  const tituloModal =\n    raiz.querySelector('.ri-modal-titulo');\n\n  const textoModal =\n    raiz.querySelector('.ri-modal-texto');\n\n  const botonAmpliar =\n    raiz.querySelector('.ri-ampliar');\n\n  imagenPrincipal.src = IMAGEN_PRINCIPAL;\n\n  function abrirDetalle(numero) {\n    const detalle = detalles[numero];\n\n    if (!detalle) {\n      return;\n    }\n\n    imagenModal.classList.remove('ri-ampliada');\n    imagenModal.src = detalle.imagen;\n    imagenModal.alt = detalle.alt;\n    tituloModal.textContent = detalle.titulo;\n    textoModal.textContent = detalle.texto;\n\n    modal.hidden = false;\n    document.documentElement.style.overflow = 'hidden';\n  }\n\n  function cerrarDetalle() {\n    modal.hidden = true;\n    imagenModal.classList.remove('ri-ampliada');\n    imagenModal.removeAttribute('src');\n    document.documentElement.style.overflow = '';\n  }\n\n  function cambiarZoom() {\n    imagenModal.classList.toggle('ri-ampliada');\n  }\n\n  raiz\n    .querySelectorAll('[data-detalle]')\n    .forEach(function (punto) {\n      punto.addEventListener('click', function () {\n        abrirDetalle(punto.dataset.detalle);\n      });\n    });\n\n  raiz\n    .querySelectorAll('[data-cerrar]')\n    .forEach(function (elemento) {\n      elemento.addEventListener('click', cerrarDetalle);\n    });\n\n  botonAmpliar.addEventListener('click', cambiarZoom);\n  imagenModal.addEventListener('click', cambiarZoom);\n\n  document.addEventListener('keydown', function (evento) {\n    if (evento.key === 'Escape' && !modal.hidden) {\n      cerrarDetalle();\n    }\n  });\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-422c516 elementor-widget__width-initial elementor-widget elementor-widget-gallery\" data-id=\"422c516\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns&quot;:4,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza_entreparedes_DETALLE_01_-copia.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"422c516\" data-elementor-lightbox-title=\"Niza_entreparedes_DETALLE_01_ copia\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDM2NSwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvTml6YV9lbnRyZXBhcmVkZXNfREVUQUxMRV8wMV8tY29waWEuanBnIiwic2xpZGVzaG93IjoiNDIyYzUxNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza_entreparedes_DETALLE_01_-copia-300x300.jpg\" data-width=\"300\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza_pared_Suelo_TOUCH_04-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"422c516\" data-elementor-lightbox-title=\"Niza_pared_Suelo_TOUCH_04\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDM2NiwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvTml6YV9wYXJlZF9TdWVsb19UT1VDSF8wNC1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiNDIyYzUxNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza_pared_Suelo_TOUCH_04-300x169.jpg\" data-width=\"300\" data-height=\"169\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza_pared_Suelo_TOUCH_01-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"422c516\" data-elementor-lightbox-title=\"Niza_pared_Suelo_TOUCH_01\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDM2NywidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvTml6YV9wYXJlZF9TdWVsb19UT1VDSF8wMS1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiNDIyYzUxNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza_pared_Suelo_TOUCH_01-300x169.jpg\" data-width=\"300\" data-height=\"169\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza-Autoportante_PHONE_02.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"422c516\" data-elementor-lightbox-title=\"Niza Autoportante_PHONE_02\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDM2OCwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvTml6YS1BdXRvcG9ydGFudGVfUEhPTkVfMDIuanBnIiwic2xpZGVzaG93IjoiNDIyYzUxNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza-Autoportante_PHONE_02-169x300.jpg\" data-width=\"169\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/TOUCH_01_3840_2160-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"422c516\" data-elementor-lightbox-title=\"TOUCH_01_3840_2160\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDM2OSwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvVE9VQ0hfMDFfMzg0MF8yMTYwLXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiI0MjJjNTE2In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/TOUCH_01_3840_2160-300x169.jpg\" data-width=\"300\" data-height=\"169\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-981ac90 e-con-full e-flex e-con e-child\" data-id=\"981ac90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a3ba2fd e-con-full e-flex e-con e-child\" data-id=\"a3ba2fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8cddc01 e-con-full e-flex e-con e-child\" data-id=\"8cddc01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a68d040 elementor-widget elementor-widget-heading\" data-id=\"a68d040\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">P\u00c9RGOLA PALILLERA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9dae2a elementor-widget elementor-widget-heading\" data-id=\"f9dae2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NIZA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-303cfdf elementor-widget elementor-widget-text-editor\" data-id=\"303cfdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>La p\u00e9rgola Niza combina una estructura de aluminio con una lona retr\u00e1ctil de accionamiento manual mediante cord\u00f3n, ofreciendo una soluci\u00f3n pr\u00e1ctica y elegante para disfrutar del exterior con mayor confort. Disponible en versiones autoportante, adosada a pared y entre paredes, se adapta f\u00e1cilmente a diferentes espacios y necesidades.\u00a0<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-852f946 elementor-widget elementor-widget-shortcode\" data-id=\"852f946\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"niza-caracteristicas\">\n\n  <div class=\"niza-card\">\n    <span class=\"niza-numero\">01.<\/span>\n    <span class=\"niza-texto\">Estructura de aluminio<\/span>\n  <\/div>\n\n  <div class=\"niza-card\">\n    <span class=\"niza-numero\">02.<\/span>\n    <span class=\"niza-texto\">Medida est\u00e1ndar 4 \u00d7 3 m \u00b7 Cobertura de 12 m\u00b2<\/span>\n  <\/div>\n\n  <div class=\"niza-card\">\n    <span class=\"niza-numero\">03.<\/span>\n    <span class=\"niza-texto\">Accionamiento manual \u00b7 Cord\u00f3n por polea<\/span>\n  <\/div>\n\n  <div class=\"niza-card\">\n    <span class=\"niza-numero\">04.<\/span>\n    <span class=\"niza-texto\">Lona retr\u00e1ctil con paliller\u00eda<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n.niza-caracteristicas {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n  width: 100%;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.niza-card {\n  display: flex;\n  align-items: flex-start;\n  min-height: 70px;\n  padding: 15px 16px;\n  border: 1px solid #dddddd;\n  border-radius: 12px;\n  background: #ffffff;\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.45;\n  box-sizing: border-box;\n}\n\n.niza-numero {\n  flex: 0 0 auto;\n  margin-right: 5px;\n  color: #f39800;\n  font-size: 15px;\n  font-weight: 700;\n}\n\n.niza-texto {\n  color: #111111;\n  font-size: 15px;\n  font-weight: 700;\n}\n\n@media (max-width: 600px) {\n\n  .niza-caracteristicas {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .niza-card {\n    min-height: auto;\n    padding: 14px;\n  }\n\n  .niza-numero,\n  .niza-texto {\n    font-size: 14px;\n  }\n\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-857fef9 e-con-full e-flex e-con e-child\" data-id=\"857fef9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f6d28e elementor-widget elementor-widget-text-editor\" data-id=\"7f6d28e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Producto desde 1.199,00\u0404<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c2c98f elementor-widget elementor-widget-text-editor\" data-id=\"2c2c98f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>P\u00e9rgola disponible en Leroy Merlin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22f979c elementor-align-center elementor-widget elementor-widget-button\" data-id=\"22f979c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/sun-stop.es\/?page_id=4726\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00d3NDE COMPRAR<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a5b62b elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7a5b62b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/sun-stop.configuradoramedida.com\/application\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">PRESUPUESTADOR<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0972fe0 e-flex e-con-boxed e-con e-parent\" data-id=\"0972fe0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fb0495 elementor-widget elementor-widget-shortcode\" data-id=\"3fb0495\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"niza-versiones\">\n\n  <div class=\"niza-slider\">\n\n    <button class=\"niza-preview niza-preview-left\" type=\"button\" aria-label=\"Anterior\">\n      <img decoding=\"async\" src=\"\" alt=\"\">\n    <\/button>\n\n    <div class=\"niza-centro\">\n\n      <div class=\"niza-imagen-wrap\">\n\n        <img decoding=\"async\"\n          id=\"niza-imagen\"\n          src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/TOUCH_02_3840_2160-scaled.jpg\"\n          alt=\"P\u00e9rgola Niza autoportante\"\n        >\n\n        <button class=\"niza-flecha niza-flecha-left\" type=\"button\" aria-label=\"Anterior\">\n          \u2039\n        <\/button>\n\n        <button class=\"niza-flecha niza-flecha-right\" type=\"button\" aria-label=\"Siguiente\">\n          \u203a\n        <\/button>\n\n      <\/div>\n\n\n      <div class=\"niza-info\">\n\n        <h2 id=\"niza-titulo\">\n          NIZA AUTOPORTANTE\n        <\/h2>\n\n        <p id=\"niza-descripcion\">\n          Una soluci\u00f3n independiente y vers\u00e1til para crear una nueva zona de sombra\n          en terrazas, jardines y espacios exteriores.\n        <\/p>\n\n        <div id=\"niza-opcion\" class=\"niza-opcion\">\n          OPCI\u00d3N MULTIM\u00d3DULO DISPONIBLE\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"niza-navegacion\">\n\n        <div class=\"niza-contador\">\n          <strong id=\"niza-numero\">01<\/strong>\n          <span>\/ 03<\/span>\n        <\/div>\n\n        <div class=\"niza-dots\">\n\n          <button\n            class=\"niza-dot activo\"\n            data-slide=\"0\"\n            aria-label=\"Autoportante\"\n          ><\/button>\n\n          <button\n            class=\"niza-dot\"\n            data-slide=\"1\"\n            aria-label=\"Adosada\"\n          ><\/button>\n\n          <button\n            class=\"niza-dot\"\n            data-slide=\"2\"\n            aria-label=\"Entre paredes\"\n          ><\/button>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <button class=\"niza-preview niza-preview-right\" type=\"button\" aria-label=\"Siguiente\">\n      <img decoding=\"async\" src=\"\" alt=\"\">\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n#niza-versiones {\n  width: 100%;\n  padding: 24px 15px 12px;\n  background: #f5f6f7;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n\n#niza-versiones * {\n  box-sizing: border-box;\n}\n\n.niza-slider {\n  display: grid;\n  grid-template-columns: 190px minmax(0, 510px) 190px;\n  justify-content: center;\n  align-items: center;\n  gap: 42px;\n  width: 100%;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.niza-centro {\n  width: 100%;\n}\n\n.niza-imagen-wrap {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n  border-radius: 5px;\n  background: #e7e7e7;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n#niza-imagen {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center center;\n}\n\n\n\/* AJUSTES POR VERSI\u00d3N *\/\n#niza-versiones[data-version=\"autoportante\"] #niza-imagen {\n  object-position: center center;\n}\n\n#niza-versiones[data-version=\"adosada\"] #niza-imagen {\n  object-position: center center;\n}\n\n#niza-versiones[data-version=\"entre-paredes\"] #niza-imagen {\n  object-position: center center;\n}\n\n\n.niza-flecha {\n  position: absolute;\n  top: 50%;\n  z-index: 5;\n\n  display: grid;\n\n  width: 36px;\n  height: 36px;\n\n  padding: 0;\n\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n\n  place-items: center;\n\n  background: rgba(20,20,20,0.40);\n\n  color: #ffffff;\n\n  font-size: 27px;\n  line-height: 1;\n\n  cursor: pointer;\n\n  transform: translateY(-50%);\n\n  transition:\n    background 0.2s ease,\n    transform 0.2s ease;\n}\n\n.niza-flecha:hover {\n  background: #f39800;\n  transform: translateY(-50%) scale(1.07);\n}\n\n.niza-flecha-left {\n  left: 14px;\n}\n\n.niza-flecha-right {\n  right: 14px;\n}\n\n\n\/* PREVIEW *\/\n.niza-preview {\n  width: 190px;\n  height: 108px;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n  border-radius: 7px;\n\n  background: transparent;\n\n  cursor: pointer;\n\n  opacity: 0.65;\n\n  box-shadow: 0 12px 28px rgba(0,0,0,0.08);\n\n  transition:\n    opacity 0.25s ease,\n    transform 0.25s ease;\n}\n\n.niza-preview:hover {\n  opacity: 1;\n  transform: scale(1.03);\n}\n\n.niza-preview img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center center;\n}\n\n\n\/* INFO *\/\n.niza-info {\n  padding: 16px 15px 0;\n  text-align: center;\n}\n\n.niza-info h2 {\n  margin: 0 0 7px;\n\n  color: #080808;\n\n  font-size: 22px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.niza-info p {\n  max-width: 510px;\n\n  margin: 0 auto;\n\n  color: #666666;\n\n  font-size: 14px;\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n\n\/* OPCI\u00d3N *\/\n.niza-opcion {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-height: 28px;\n\n  margin-top: 12px;\n\n  padding: 6px 16px;\n\n  border: 1.5px solid #f39800;\n  border-radius: 999px;\n\n  background: transparent;\n\n  color: #eb8700;\n\n  font-size: 10px;\n  line-height: 1;\n\n  font-weight: 800;\n\n  letter-spacing: 0.08em;\n\n  text-transform: uppercase;\n}\n\n\n\/* NAVEGACI\u00d3N *\/\n.niza-navegacion {\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  margin-top: 22px;\n}\n\n.niza-contador {\n  display: flex;\n\n  align-items: baseline;\n\n  gap: 4px;\n}\n\n.niza-contador strong {\n  color: #111111;\n\n  font-size: 17px;\n\n  font-weight: 800;\n}\n\n.niza-contador span {\n  color: #aaaaaa;\n\n  font-size: 12px;\n\n  font-weight: 600;\n}\n\n.niza-dots {\n  display: flex;\n\n  align-items: center;\n\n  gap: 6px;\n}\n\n.niza-dot {\n  width: 8px;\n  height: 8px;\n\n  padding: 0;\n\n  border: 0;\n  border-radius: 999px;\n\n  background: #c9c9c9;\n\n  cursor: pointer;\n\n  transition:\n    width 0.25s ease,\n    background 0.25s ease;\n}\n\n.niza-dot.activo {\n  width: 23px;\n\n  background: #f39800;\n}\n\n\n\/* TABLET *\/\n@media (max-width: 950px) {\n\n  .niza-slider {\n    grid-template-columns: 125px minmax(0, 500px) 125px;\n    gap: 20px;\n  }\n\n  .niza-preview {\n    width: 125px;\n    height: 82px;\n  }\n\n}\n\n\n\/* M\u00d3VIL *\/\n@media (max-width: 700px) {\n\n  #niza-versiones {\n    padding: 15px 12px;\n  }\n\n  .niza-slider {\n    display: block;\n\n    max-width: 560px;\n  }\n\n  .niza-preview {\n    display: none;\n  }\n\n  .niza-imagen-wrap {\n    aspect-ratio: 4 \/ 3;\n  }\n\n  .niza-info {\n    padding: 15px 5px 0;\n  }\n\n  .niza-info h2 {\n    font-size: 19px;\n  }\n\n  .niza-info p {\n    font-size: 13px;\n  }\n\n  .niza-opcion {\n    margin-top: 11px;\n\n    padding: 6px 13px;\n\n    font-size: 9px;\n  }\n\n  .niza-navegacion {\n    margin-top: 20px;\n  }\n\n  .niza-flecha {\n    width: 33px;\n    height: 33px;\n\n    font-size: 24px;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n\n  const slides = [\n\n    \/* 01 \u00b7 AUTOPORTANTE *\/\n    {\n      version: 'autoportante',\n\n      titulo:\n        'NIZA AUTOPORTANTE',\n\n      descripcion:\n        'Una soluci\u00f3n independiente y vers\u00e1til para crear una nueva zona de sombra en terrazas, jardines y espacios exteriores.',\n\n      opcion:\n        'OPCI\u00d3N MULTIM\u00d3DULO DISPONIBLE',\n\n      imagen:\n        'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/TOUCH_02_3840_2160-scaled.jpg',\n\n      alt:\n        'P\u00e9rgola Niza autoportante'\n    },\n\n\n    \/* 02 \u00b7 ADOSADA *\/\n    {\n      version: 'adosada',\n\n      titulo:\n        'NIZA ADOSADA',\n\n      descripcion:\n        'Dise\u00f1ada para integrarse junto a la fachada, aprovechando la pared como apoyo y creando una zona de sombra c\u00f3moda, pr\u00e1ctica y funcional.',\n\n      opcion:\n        'OPCI\u00d3N MULTIM\u00d3DULO DISPONIBLE',\n\n      imagen:\n        'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza_pared_Suelo_TOUCH_03-scaled.jpg',\n\n      alt:\n        'P\u00e9rgola Niza adosada'\n    },\n\n\n    \/* 03 \u00b7 ENTRE PAREDES *\/\n    {\n      version: 'entre-paredes',\n\n      titulo:\n        'NIZA ENTRE PAREDES',\n\n      descripcion:\n        'Una soluci\u00f3n limpia y funcional para patios, terrazas y espacios delimitados, instalada directamente entre paredes.',\n\n      opcion:\n        'OPCI\u00d3N MULTIM\u00d3DULO DISPONIBLE',\n\n      imagen:\n        'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Niza_entreparedes_TOUCH_03_-copia-scaled.jpg',\n\n      alt:\n        'P\u00e9rgola Niza entre paredes'\n    }\n\n  ];\n\n\n  const raiz =\n    document.getElementById(\n      'niza-versiones'\n    );\n\n\n  if (\n    !raiz ||\n    raiz.dataset.iniciado === 'si'\n  ) {\n    return;\n  }\n\n\n  raiz.dataset.iniciado =\n    'si';\n\n\n  const imagen =\n    raiz.querySelector(\n      '#niza-imagen'\n    );\n\n\n  const titulo =\n    raiz.querySelector(\n      '#niza-titulo'\n    );\n\n\n  const descripcion =\n    raiz.querySelector(\n      '#niza-descripcion'\n    );\n\n\n  const opcion =\n    raiz.querySelector(\n      '#niza-opcion'\n    );\n\n\n  const numero =\n    raiz.querySelector(\n      '#niza-numero'\n    );\n\n\n  const previewIzquierda =\n    raiz.querySelector(\n      '.niza-preview-left img'\n    );\n\n\n  const previewDerecha =\n    raiz.querySelector(\n      '.niza-preview-right img'\n    );\n\n\n  const botonPreviewIzquierda =\n    raiz.querySelector(\n      '.niza-preview-left'\n    );\n\n\n  const botonPreviewDerecha =\n    raiz.querySelector(\n      '.niza-preview-right'\n    );\n\n\n  const flechaIzquierda =\n    raiz.querySelector(\n      '.niza-flecha-left'\n    );\n\n\n  const flechaDerecha =\n    raiz.querySelector(\n      '.niza-flecha-right'\n    );\n\n\n  const dots =\n    raiz.querySelectorAll(\n      '.niza-dot'\n    );\n\n\n  let actual =\n    0;\n\n\n  function indiceAnterior() {\n\n    return (\n      actual -\n      1 +\n      slides.length\n    ) %\n    slides.length;\n\n  }\n\n\n  function indiceSiguiente() {\n\n    return (\n      actual +\n      1\n    ) %\n    slides.length;\n\n  }\n\n\n  function actualizarSlider() {\n\n    const slide =\n      slides[actual];\n\n\n    const anterior =\n      slides[\n        indiceAnterior()\n      ];\n\n\n    const siguiente =\n      slides[\n        indiceSiguiente()\n      ];\n\n\n    \/* VERSION ACTUAL *\/\n    raiz.dataset.version =\n      slide.version;\n\n\n    \/* IMAGEN PRINCIPAL *\/\n    imagen.src =\n      slide.imagen;\n\n\n    imagen.alt =\n      slide.alt;\n\n\n    \/* TEXTOS *\/\n    titulo.textContent =\n      slide.titulo;\n\n\n    descripcion.textContent =\n      slide.descripcion;\n\n\n    opcion.textContent =\n      slide.opcion;\n\n\n    \/* CONTADOR *\/\n    numero.textContent =\n      String(\n        actual + 1\n      ).padStart(\n        2,\n        '0'\n      );\n\n\n    \/* PREVIEW IZQUIERDA *\/\n    previewIzquierda.src =\n      anterior.imagen;\n\n\n    previewIzquierda.alt =\n      anterior.alt;\n\n\n    \/* PREVIEW DERECHA *\/\n    previewDerecha.src =\n      siguiente.imagen;\n\n\n    previewDerecha.alt =\n      siguiente.alt;\n\n\n    \/* DOTS *\/\n    dots.forEach(\n      function(dot, indice) {\n\n        dot.classList.toggle(\n          'activo',\n          indice === actual\n        );\n\n      }\n    );\n\n  }\n\n\n  function anterior() {\n\n    actual =\n      (\n        actual -\n        1 +\n        slides.length\n      ) %\n      slides.length;\n\n\n    actualizarSlider();\n\n  }\n\n\n  function siguiente() {\n\n    actual =\n      (\n        actual +\n        1\n      ) %\n      slides.length;\n\n\n    actualizarSlider();\n\n  }\n\n\n  flechaIzquierda.addEventListener(\n    'click',\n    anterior\n  );\n\n\n  flechaDerecha.addEventListener(\n    'click',\n    siguiente\n  );\n\n\n  botonPreviewIzquierda.addEventListener(\n    'click',\n    anterior\n  );\n\n\n  botonPreviewDerecha.addEventListener(\n    'click',\n    siguiente\n  );\n\n\n  dots.forEach(\n    function(dot) {\n\n      dot.addEventListener(\n        'click',\n        function() {\n\n          actual =\n            Number(\n              dot.dataset.slide\n            );\n\n\n          actualizarSlider();\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* PRECARGA *\/\n  slides.forEach(\n    function(slide) {\n\n      const preload =\n        new Image();\n\n\n      preload.src =\n        slide.imagen;\n\n    }\n  );\n\n\n  actualizarSlider();\n\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbd5d7a e-flex e-con-boxed e-con e-parent\" data-id=\"bbd5d7a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ed99a2 elementor-widget elementor-widget-shortcode\" data-id=\"3ed99a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"niza-ficha\">\n\n  <div class=\"niza-ficha-inner\">\n\n    <!-- CABECERA -->\n    <div class=\"niza-ficha-top\">\n\n      <div class=\"niza-ficha-heading\">\n\n        <div class=\"niza-eyebrow\">\n          FICHA T\u00c9CNICA\n        <\/div>\n\n        <h2>\n          Caracter\u00edsticas principales\n        <\/h2>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- TABLA -->\n    <div class=\"niza-ficha-grid\">\n\n\n      <!-- COLUMNA IZQUIERDA -->\n      <div class=\"niza-columna\">\n\n        <div class=\"niza-fila\">\n          <span>Producto<\/span>\n          <strong>P\u00e9rgola Niza<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Estructura<\/span>\n          <strong>Aluminio<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Cubierta<\/span>\n          <strong>Lona retr\u00e1ctil con paliller\u00eda<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Medida est\u00e1ndar<\/span>\n          <strong>4 \u00d7 3 m \u00b7 Cobertura 12 m\u00b2<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- COLUMNA DERECHA -->\n      <div class=\"niza-columna\">\n\n        <div class=\"niza-fila\">\n          <span>Accionamiento<\/span>\n          <strong>Manual<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Control<\/span>\n          <strong>Cord\u00f3n por polea<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Configuraci\u00f3n<\/span>\n          <strong>Autoportante \u00b7 Adosada \u00b7 Entre paredes<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Multim\u00f3dulo<\/span>\n          <strong>Disponible<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n.niza-ficha,\n.niza-ficha * {\n  box-sizing: border-box;\n}\n\n.niza-ficha {\n  width: 100%;\n\n  padding: 10px 20px 28px;\n\n  background: #ffffff;\n\n  font-family: inherit;\n\n  color: #111111;\n}\n\n\n\/* CONTENEDOR *\/\n.niza-ficha-inner {\n  width: min(1200px, 100%);\n\n  margin: 0 auto;\n\n  padding-top: 25px;\n\n  border-top: 1px solid #d8d8d8;\n}\n\n\n\/* =========================\n   CABECERA\n========================= *\/\n\n.niza-ficha-top {\n  margin-bottom: 18px;\n}\n\n.niza-ficha-heading {\n  width: 100%;\n}\n\n.niza-eyebrow {\n  margin-bottom: 8px;\n\n  color: #FF9E18;\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .08em;\n\n  text-transform: uppercase;\n}\n\n.niza-ficha h2 {\n  margin: 0;\n\n  color: #080808;\n\n  font-size: 29px;\n  line-height: 1.1;\n\n  font-weight: 800;\n}\n\n\n\/* =========================\n   TABLA\n========================= *\/\n\n.niza-ficha-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 32px;\n}\n\n.niza-columna {\n  width: 100%;\n}\n\n\n\/* FILAS *\/\n.niza-fila {\n  display: grid;\n\n  grid-template-columns:\n    minmax(130px, .45fr)\n    minmax(0, 1fr);\n\n  align-items: center;\n\n  gap: 20px;\n\n  min-height: 42px;\n\n  border-bottom: 1px solid #dddddd;\n}\n\n\n\/* ETIQUETA *\/\n.niza-fila span {\n  color: #777777;\n\n  font-size: 13px;\n  line-height: 1.35;\n\n  font-weight: 400;\n}\n\n\n\/* VALOR *\/\n.niza-fila strong {\n  color: #050505;\n\n  font-size: 13px;\n  line-height: 1.35;\n\n  font-weight: 700;\n\n  text-align: right;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 900px) {\n\n  .niza-ficha-grid {\n    gap: 24px;\n  }\n\n  .niza-fila {\n    grid-template-columns:\n      minmax(115px, .45fr)\n      minmax(0, 1fr);\n\n    gap: 14px;\n  }\n\n}\n\n\n\/* =========================\n   M\u00d3VIL\n========================= *\/\n\n@media (max-width: 760px) {\n\n  .niza-ficha {\n    padding: 10px 15px 24px;\n  }\n\n  .niza-ficha-inner {\n    padding-top: 20px;\n  }\n\n  .niza-ficha-top {\n    margin-bottom: 16px;\n  }\n\n  .niza-ficha h2 {\n    font-size: 25px;\n  }\n\n  .niza-ficha-grid {\n    grid-template-columns: 1fr;\n\n    gap: 0;\n  }\n\n  .niza-fila {\n    grid-template-columns:\n      minmax(110px, .8fr)\n      minmax(160px, 1.2fr);\n\n    min-height: 42px;\n\n    gap: 14px;\n  }\n\n  .niza-fila span,\n  .niza-fila strong {\n    font-size: 12px;\n  }\n\n}\n\n\n\/* =========================\n   M\u00d3VIL PEQUE\u00d1O\n========================= *\/\n\n@media (max-width: 430px) {\n\n  .niza-fila {\n    grid-template-columns: 1fr;\n\n    gap: 3px;\n\n    padding: 9px 0;\n  }\n\n  .niza-fila strong {\n    text-align: left;\n  }\n\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6769d50 e-flex e-con-boxed e-con e-parent\" data-id=\"6769d50\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6409d83 elementor-widget elementor-widget-shortcode\" data-id=\"6409d83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section id=\"niza-made-spain\">\n\n  <div class=\"nms-card\">\n\n    <div class=\"nms-grid\">\n\n\n      <!-- 01 -->\n      <article class=\"nms-item\">\n\n        <div class=\"nms-number\">\n          01\n        <\/div>\n\n        <h3>\n          Fabricaci\u00f3n en Espa\u00f1a\n        <\/h3>\n\n        <p>\n          Control directo del proceso productivo para supervisar cada etapa,\n          desde la preparaci\u00f3n de los componentes hasta el acabado y el\n          ensamblado final.\n        <\/p>\n\n      <\/article>\n\n\n\n      <!-- 02 -->\n      <article class=\"nms-item\">\n\n        <div class=\"nms-number\">\n          02\n        <\/div>\n\n        <h3>\n          Tecnolog\u00eda CNC\n        <\/h3>\n\n        <p>\n          Mecanizado de componentes con precisi\u00f3n para conseguir uniones y\n          ensamblajes ajustados, cuidando la uniformidad y el acabado de cada\n          pieza.\n        <\/p>\n\n      <\/article>\n\n\n\n      <!-- 03 -->\n      <article class=\"nms-item\">\n\n        <div class=\"nms-number\">\n          03\n        <\/div>\n\n        <h3>\n          Aluminio extrusionado\n        <\/h3>\n\n        <p>\n          Perfiles que combinan ligereza, resistencia y durabilidad, con una\n          geometr\u00eda dise\u00f1ada para cumplir su funci\u00f3n dentro de la estructura.\n        <\/p>\n\n      <\/article>\n\n\n\n      <!-- 04 -->\n      <article class=\"nms-item\">\n\n        <div class=\"nms-number\">\n          04\n        <\/div>\n\n        <h3>\n          Especializaci\u00f3n retail\n        <\/h3>\n\n        <p>\n          Productos concebidos para su comercializaci\u00f3n en grandes superficies,\n          con un enfoque orientado a las necesidades de este canal y de sus\n          clientes.\n        <\/p>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n#niza-made-spain,\n#niza-made-spain * {\n  box-sizing: border-box;\n}\n\n#niza-made-spain {\n  width: 100%;\n  padding: 22px 20px 38px;\n  background: #ffffff;\n  font-family: inherit;\n}\n\n\n\/* BLOQUE PRINCIPAL *\/\n#niza-made-spain .nms-card {\n  width: min(1120px, 100%);\n  margin: 0 auto;\n\n  padding: 30px 38px 32px;\n\n  background: #f9a100;\n\n  border-radius: 20px;\n}\n\n\n\/* GRID *\/\n#niza-made-spain .nms-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  gap: 42px;\n}\n\n\n\/* ITEM *\/\n#niza-made-spain .nms-item {\n  min-width: 0;\n}\n\n\n\/* N\u00daMERO *\/\n#niza-made-spain .nms-number {\n  margin-bottom: 12px;\n\n  color: #3a3a24;\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 700;\n}\n\n\n\/* T\u00cdTULO *\/\n#niza-made-spain .nms-item h3 {\n  margin: 0 0 9px;\n\n  color: #111111;\n\n  font-size: 16px;\n  line-height: 1.2;\n\n  font-weight: 800;\n}\n\n\n\/* TEXTO *\/\n#niza-made-spain .nms-item p {\n  margin: 0;\n\n  color: #2d2d21;\n\n  font-size: 13px;\n  line-height: 1.55;\n\n  font-weight: 400;\n}\n\n\n\/* TABLET *\/\n@media (max-width: 950px) {\n\n  #niza-made-spain .nms-card {\n    padding: 28px 28px 30px;\n  }\n\n  #niza-made-spain .nms-grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 30px 34px;\n  }\n\n}\n\n\n\/* M\u00d3VIL *\/\n@media (max-width: 620px) {\n\n  #niza-made-spain {\n    padding: 18px 14px 32px;\n  }\n\n  #niza-made-spain .nms-card {\n    padding: 26px 20px 28px;\n\n    border-radius: 16px;\n  }\n\n  #niza-made-spain .nms-grid {\n    grid-template-columns: 1fr;\n\n    gap: 26px;\n  }\n\n  #niza-made-spain .nms-number {\n    margin-bottom: 8px;\n  }\n\n  #niza-made-spain .nms-item h3 {\n    font-size: 16px;\n  }\n\n  #niza-made-spain .nms-item p {\n    font-size: 12px;\n    line-height: 1.6;\n  }\n\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a96c7f0 e-con e-atomic-element e-flexbox-base e-default-div e-7d0cf08 \" data-id=\"a96c7f0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a96c7f0\" data-e-type=\"e-flexbox\" data-id=\"a96c7f0\">\n    <div class=\"elementor-element elementor-element-21e3d77 e-flex e-con-boxed e-con e-parent\" data-id=\"21e3d77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1148f98 elementor-widget elementor-widget-shortcode\" data-id=\"1148f98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>Configurador de P\u00e9rgola<\/title>\n\n<style>\n\n\/* =========================================================\n   GENERAL\n========================================================= *\/\n\n*{\n    box-sizing:border-box;\n}\n\nhtml,\nbody{\n    margin:0;\n    padding:0;\n}\n\nbody{\n    font-family:Arial, Helvetica, sans-serif;\n    background:#f5f5f5;\n    color:#171717;\n}\n\n\n\/* =========================================================\n   CONFIGURADOR\n========================================================= *\/\n\n.configurador{\n\n    width:calc(100% - 40px);\n    max-width:1050px;\n\n    height:440px;\n\n    margin:25px auto;\n\n    display:grid;\n\n    grid-template-columns:58% 42%;\n\n    background:#ffffff;\n\n    border-radius:16px;\n\n    overflow:hidden;\n\n    box-shadow:0 10px 35px rgba(0,0,0,.08);\n}\n\n\n\/* =========================================================\n   IMAGEN IZQUIERDA\n========================================================= *\/\n\n.visualizador{\n\n    position:relative;\n\n    width:100%;\n    height:440px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    background:#f0f0ee;\n\n    overflow:hidden;\n}\n\n\n.imagen-wrapper{\n\n    width:100%;\n    height:100%;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n}\n\n\n\/* IMAGEN *\/\n\n#imagenPergola{\n\n    display:block;\n\n    width:90%;\n    height:90%;\n\n    object-fit:contain;\n    object-position:center;\n\n    transition:\n        opacity .2s ease,\n        transform .25s ease;\n}\n\n\n#imagenPergola.cambiando{\n\n    opacity:.25;\n\n    transform:scale(.985);\n\n}\n\n\n\/* =========================================================\n   PANEL DERECHO\n========================================================= *\/\n\n.panel{\n\n    width:100%;\n    height:440px;\n\n    padding:28px 32px;\n\n    display:flex;\n    flex-direction:column;\n\n    justify-content:center;\n\n    background:#ffffff;\n}\n\n\n\/* =========================================================\n   T\u00cdTULO\n========================================================= *\/\n\nh1{\n\n    margin:0 0 28px 0;\n\n    font-size:29px;\n\n    line-height:1.05;\n\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   BLOQUES\n========================================================= *\/\n\n.bloque{\n\n    margin-bottom:25px;\n\n}\n\n\n.bloque:last-child{\n\n    margin-bottom:0;\n\n}\n\n\n.titulo-bloque{\n\n    display:flex;\n    align-items:center;\n\n    margin-bottom:12px;\n\n    font-size:11px;\n\n    font-weight:700;\n\n    letter-spacing:1px;\n\n    text-transform:uppercase;\n}\n\n\n.numero{\n\n    width:22px;\n    height:22px;\n\n    margin-right:8px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    flex-shrink:0;\n\n    border-radius:50%;\n\n    background:#111;\n\n    color:#ffffff;\n\n    font-size:10px;\n}\n\n\n\/* =========================================================\n   TIPO DE INSTALACI\u00d3N\n========================================================= *\/\n\n.tipos{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:7px;\n}\n\n\n.tipo{\n\n    width:100%;\n    height:44px;\n\n    padding:0 15px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:space-between;\n\n    border:1px solid #dddddd;\n\n    border-radius:8px;\n\n    background:#ffffff;\n\n    color:#111;\n\n    cursor:pointer;\n\n    font-family:inherit;\n\n    font-size:12px;\n\n    font-weight:600;\n\n    transition:.2s ease;\n}\n\n\n.tipo:hover{\n\n    border-color:#888;\n\n}\n\n\n.tipo.activo{\n\n    border:2px solid #171717;\n\n    background:#f7f7f5;\n}\n\n\n\/* =========================================================\n   RADIO\n========================================================= *\/\n\n.radio{\n\n    position:relative;\n\n    width:16px;\n    height:16px;\n\n    border:2px solid #bdbdbd;\n\n    border-radius:50%;\n\n    flex-shrink:0;\n}\n\n\n.tipo.activo .radio{\n\n    border-color:#111;\n\n}\n\n\n.tipo.activo .radio::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:6px;\n    height:6px;\n\n    top:3px;\n    left:3px;\n\n    background:#111;\n\n    border-radius:50%;\n}\n\n\n\/* =========================================================\n   COLORES\n========================================================= *\/\n\n.colores{\n\n    display:flex;\n\n    gap:24px;\n\n    align-items:flex-start;\n}\n\n\n.color-opcion{\n\n    padding:0;\n\n    border:0;\n\n    background:transparent;\n\n    color:#111;\n\n    cursor:pointer;\n\n    text-align:center;\n\n    font-family:inherit;\n}\n\n\n.color-circulo{\n\n    width:45px;\n    height:45px;\n\n    margin:auto;\n\n    border:4px solid #ffffff;\n\n    border-radius:50%;\n\n    box-shadow:0 0 0 1px #cccccc;\n\n    transition:.2s ease;\n}\n\n\n.color-opcion:hover .color-circulo{\n\n    transform:scale(1.05);\n\n}\n\n\n.color-opcion.activo .color-circulo{\n\n    box-shadow:0 0 0 2px #111;\n\n}\n\n\n.nombre-color{\n\n    margin-top:7px;\n\n    font-size:10px;\n\n    font-weight:600;\n}\n\n\n\/* COLORES *\/\n\n.beige{\n\n    background:#d2c0a3;\n\n}\n\n.cafe{\n\n    background:#685044;\n\n}\n\n.gris{\n\n    background:#74787a;\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:700px){\n\n    body{\n\n        background:#ffffff;\n\n    }\n\n\n    .configurador{\n\n        width:100%;\n\n        max-width:none;\n\n        height:auto;\n\n        margin:0;\n\n        display:flex;\n\n        flex-direction:column;\n\n        border-radius:0;\n\n        box-shadow:none;\n\n    }\n\n\n    .visualizador{\n\n        height:330px;\n\n    }\n\n\n    .panel{\n\n        height:auto;\n\n        padding:26px 22px 32px;\n\n    }\n\n\n    #imagenPergola{\n\n        width:92%;\n        height:92%;\n\n    }\n\n\n    h1{\n\n        margin-bottom:25px;\n\n        font-size:27px;\n\n    }\n\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n\n<div class=\"configurador\">\n\n\n    <!-- =====================================================\n         IMAGEN\n    ====================================================== -->\n\n    <section class=\"visualizador\">\n\n        <div class=\"imagen-wrapper\">\n\n            <img decoding=\"async\"\n                id=\"imagenPergola\"\n                src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_beig-1.jpg\"\n                alt=\"P\u00e9rgola autoportante beige\"\n            >\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         OPCIONES\n    ====================================================== -->\n\n    <aside class=\"panel\">\n\n\n        <h1>\n            Configura tu p\u00e9rgola\n        <\/h1>\n\n\n\n        <!-- =================================================\n             TIPO DE INSTALACI\u00d3N\n        ================================================== -->\n\n        <div class=\"bloque\">\n\n\n            <div class=\"titulo-bloque\">\n\n                <span class=\"numero\">\n                    1\n                <\/span>\n\n                Tipo de instalaci\u00f3n\n\n            <\/div>\n\n\n            <div class=\"tipos\">\n\n\n                <button\n                    type=\"button\"\n                    class=\"tipo activo\"\n                    data-tipo=\"autoportante\"\n                    aria-pressed=\"true\"\n                >\n\n                    <span>\n                        Autoportante\n                    <\/span>\n\n                    <span class=\"radio\"><\/span>\n\n                <\/button>\n\n\n\n                <button\n                    type=\"button\"\n                    class=\"tipo\"\n                    data-tipo=\"adosada\"\n                    aria-pressed=\"false\"\n                >\n\n                    <span>\n                        Adosada\n                    <\/span>\n\n                    <span class=\"radio\"><\/span>\n\n                <\/button>\n\n\n\n                <button\n                    type=\"button\"\n                    class=\"tipo\"\n                    data-tipo=\"entre-paredes\"\n                    aria-pressed=\"false\"\n                >\n\n                    <span>\n                        Entre paredes\n                    <\/span>\n\n                    <span class=\"radio\"><\/span>\n\n                <\/button>\n\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             COLOR\n        ================================================== -->\n\n        <div class=\"bloque\">\n\n\n            <div class=\"titulo-bloque\">\n\n                <span class=\"numero\">\n                    2\n                <\/span>\n\n                Color\n\n            <\/div>\n\n\n            <div class=\"colores\">\n\n\n                <!-- BEIGE -->\n\n                <button\n                    type=\"button\"\n                    class=\"color-opcion activo\"\n                    data-color=\"beige\"\n                    aria-pressed=\"true\"\n                >\n\n                    <div class=\"color-circulo beige\"><\/div>\n\n                    <div class=\"nombre-color\">\n                        Beige\n                    <\/div>\n\n                <\/button>\n\n\n\n                <!-- CAF\u00c9 -->\n\n                <button\n                    type=\"button\"\n                    class=\"color-opcion\"\n                    data-color=\"cafe\"\n                    aria-pressed=\"false\"\n                >\n\n                    <div class=\"color-circulo cafe\"><\/div>\n\n                    <div class=\"nombre-color\">\n                        Caf\u00e9\n                    <\/div>\n\n                <\/button>\n\n\n\n                <!-- GRIS -->\n\n                <button\n                    type=\"button\"\n                    class=\"color-opcion\"\n                    data-color=\"gris\"\n                    aria-pressed=\"false\"\n                >\n\n                    <div class=\"color-circulo gris\"><\/div>\n\n                    <div class=\"nombre-color\">\n                        Gris\n                    <\/div>\n\n                <\/button>\n\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/aside>\n\n\n<\/div>\n\n\n\n<script>\n\n\/* =========================================================\n   IM\u00c1GENES\n========================================================= *\/\n\nconst imagenes = {\n\n\n    \"autoportante\": {\n\n        \"beige\":\n        \"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_beig-1.jpg\",\n\n        \"cafe\":\n        \"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_cafe-1.jpg\",\n\n        \"gris\":\n        \"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_gris-1.jpg\"\n\n    },\n\n\n    \"adosada\": {\n\n        \"beige\":\n        \"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_beig.jpg\",\n\n        \"cafe\":\n        \"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_cafe.jpg\",\n\n        \"gris\":\n        \"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_gris.jpg\"\n\n    },\n\n\n    \"entre-paredes\": {\n\n        \"beige\":\n        \"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/general_blanco_beig_01.jpg\",\n\n        \"cafe\":\n        \"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/general_blanco_Cafe_01.jpg\",\n\n        \"gris\":\n        \"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/general_blanco_Gris_01.jpg\"\n\n    }\n\n};\n\n\n\n\/* =========================================================\n   ESTADO ACTUAL\n========================================================= *\/\n\nlet tipoActual = \"autoportante\";\n\nlet colorActual = \"beige\";\n\n\n\n\/* =========================================================\n   ELEMENTOS\n========================================================= *\/\n\nconst imagenPergola =\n    document.getElementById(\"imagenPergola\");\n\n\nconst botonesTipo =\n    document.querySelectorAll(\".tipo\");\n\n\nconst botonesColor =\n    document.querySelectorAll(\".color-opcion\");\n\n\n\n\/* =========================================================\n   ACTUALIZAR IMAGEN\n========================================================= *\/\n\nfunction actualizarImagen(){\n\n\n    const nuevaImagen =\n        imagenes[tipoActual][colorActual];\n\n\n    imagenPergola.classList.add(\n        \"cambiando\"\n    );\n\n\n    const precarga =\n        new Image();\n\n\n    precarga.src =\n        nuevaImagen;\n\n\n    precarga.onload =\n        function(){\n\n\n            imagenPergola.src =\n                nuevaImagen;\n\n\n            imagenPergola.classList.remove(\n                \"cambiando\"\n            );\n\n\n        };\n\n\n    precarga.onerror =\n        function(){\n\n\n            imagenPergola.classList.remove(\n                \"cambiando\"\n            );\n\n\n        };\n\n}\n\n\n\n\/* =========================================================\n   SELECCI\u00d3N TIPO\n========================================================= *\/\n\nbotonesTipo.forEach(function(boton){\n\n\n    boton.addEventListener(\"click\", function(){\n\n\n        botonesTipo.forEach(function(elemento){\n\n\n            elemento.classList.remove(\n                \"activo\"\n            );\n\n\n            elemento.setAttribute(\n                \"aria-pressed\",\n                \"false\"\n            );\n\n\n        });\n\n\n        this.classList.add(\n            \"activo\"\n        );\n\n\n        this.setAttribute(\n            \"aria-pressed\",\n            \"true\"\n        );\n\n\n        tipoActual =\n            this.dataset.tipo;\n\n\n        actualizarImagen();\n\n\n    });\n\n\n});\n\n\n\n\/* =========================================================\n   SELECCI\u00d3N COLOR\n========================================================= *\/\n\nbotonesColor.forEach(function(boton){\n\n\n    boton.addEventListener(\"click\", function(){\n\n\n        botonesColor.forEach(function(elemento){\n\n\n            elemento.classList.remove(\n                \"activo\"\n            );\n\n\n            elemento.setAttribute(\n                \"aria-pressed\",\n                \"false\"\n            );\n\n\n        });\n\n\n        this.classList.add(\n            \"activo\"\n        );\n\n\n        this.setAttribute(\n            \"aria-pressed\",\n            \"true\"\n        );\n\n\n        colorActual =\n            this.dataset.color;\n\n\n        actualizarImagen();\n\n\n    });\n\n\n});\n\n\n\n\/* =========================================================\n   PRECARGAR TODAS LAS IM\u00c1GENES\n========================================================= *\/\n\nObject.values(imagenes).forEach(function(grupo){\n\n\n    Object.values(grupo).forEach(function(url){\n\n\n        const img =\n            new Image();\n\n\n        img.src =\n            url;\n\n\n    });\n\n\n});\n\n<\/script>\n\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-efdebfa e-flex e-con-boxed e-con e-parent\" data-id=\"efdebfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-026462f elementor-widget elementor-widget-shortcode\" data-id=\"026462f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- =========================================================\n     DOCUMENTACI\u00d3N \u00b7 G\u00c9NOVA\n========================================================= -->\n\n<section class=\"genova-documentacion\">\n\n  <div class=\"genova-documentacion-inner\">\n\n    <!-- CABECERA -->\n    <div class=\"genova-documentacion-header\">\n\n      <span class=\"genova-documentacion-eyebrow\">\n        DOCUMENTACI\u00d3N\n      <\/span>\n\n      <h2>\n        Manuales y soporte\n      <\/h2>\n\n      <p>\n        Consulta toda la documentaci\u00f3n t\u00e9cnica, manuales de instalaci\u00f3n,\n        uso y mantenimiento de nuestros productos.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- TARJETA DOCUMENTACI\u00d3N -->\n    <a\n      href=\"https:\/\/manuales.sun-stop.es\/\"\n      class=\"genova-documentacion-card\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n\n      <div class=\"genova-documentacion-icon\">\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M6 2.8h8l4 4V21H6z\"><\/path>\n          <path d=\"M14 2.8V7h4\"><\/path>\n          <path d=\"M9 11h6\"><\/path>\n          <path d=\"M9 14h6\"><\/path>\n          <path d=\"M9 17h4\"><\/path>\n        <\/svg>\n\n      <\/div>\n\n\n      <div class=\"genova-documentacion-content\">\n\n        <div class=\"genova-documentacion-text\">\n\n          <h3>\n            Documentaci\u00f3n Sun Stop\n          <\/h3>\n\n          <p>\n            Accede a nuestra biblioteca de manuales para consultar\n            toda la informaci\u00f3n de instalaci\u00f3n, funcionamiento y mantenimiento.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"genova-documentacion-link\">\n          Ver todos los manuales\n          <span>\u2192<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   DOCUMENTACI\u00d3N\n========================================================= *\/\n\n.genova-documentacion{\n  width:100%;\n  padding:55px 20px;\n\n  background:#f3f4f5;\n\n  font-family:inherit;\n}\n\n.genova-documentacion-inner{\n  width:100%;\n  max-width:1070px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.genova-documentacion-header{\n  max-width:720px;\n\n  margin-bottom:28px;\n}\n\n.genova-documentacion-eyebrow{\n  display:block;\n\n  margin-bottom:8px;\n\n  color:#FF9E18;\n\n  font-size:12px;\n  font-weight:700;\n  line-height:1.2;\n\n  letter-spacing:.08em;\n\n  text-transform:uppercase;\n}\n\n.genova-documentacion-header h2{\n  margin:0 0 10px;\n\n  color:#111;\n\n  font-family:inherit;\n  font-size:25px;\n  font-weight:700;\n  line-height:1.15;\n\n  letter-spacing:0;\n}\n\n.genova-documentacion-header p{\n  margin:0;\n\n  color:#777;\n\n  font-size:14px;\n  font-weight:400;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   TARJETA\n========================================================= *\/\n\n.genova-documentacion-card{\n  width:100%;\n\n  display:flex;\n  align-items:center;\n\n  gap:22px;\n\n  padding:22px 24px;\n\n  border:1px solid #dedede;\n  border-radius:14px;\n\n  background:#fff;\n\n  text-decoration:none;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    border-color .25s ease;\n}\n\n.genova-documentacion-card:hover{\n  transform:translateY(-3px);\n\n  border-color:#FF9E18;\n\n  box-shadow:\n    0 12px 30px rgba(0,0,0,.07);\n}\n\n\n\/* =========================================================\n   ICONO\n========================================================= *\/\n\n.genova-documentacion-icon{\n  width:54px;\n  min-width:54px;\n  height:54px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:12px;\n\n  background:#fff4e4;\n}\n\n.genova-documentacion-icon svg{\n  width:24px;\n  height:24px;\n\n  fill:none;\n\n  stroke:#FF9E18;\n  stroke-width:1.6;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.genova-documentacion-content{\n  width:100%;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.genova-documentacion-text h3{\n  margin:0 0 5px;\n\n  color:#181818;\n\n  font-family:inherit;\n  font-size:16px;\n  font-weight:700;\n  line-height:1.25;\n}\n\n.genova-documentacion-text p{\n  max-width:650px;\n\n  margin:0;\n\n  color:#777;\n\n  font-size:12px;\n  font-weight:400;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ENLACE\n========================================================= *\/\n\n.genova-documentacion-link{\n  flex-shrink:0;\n\n  display:flex;\n  align-items:center;\n\n  gap:7px;\n\n  color:#FF9E18;\n\n  font-size:12px;\n  font-weight:700;\n\n  text-transform:uppercase;\n\n  letter-spacing:.02em;\n\n  transition:gap .2s ease;\n}\n\n.genova-documentacion-card:hover\n.genova-documentacion-link{\n  gap:11px;\n}\n\n.genova-documentacion-link span{\n  font-size:17px;\n  line-height:1;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  .genova-documentacion{\n    padding:42px 18px;\n  }\n\n  .genova-documentacion-header{\n    margin-bottom:22px;\n  }\n\n  .genova-documentacion-header h2{\n    font-size:22px;\n  }\n\n  .genova-documentacion-card{\n    align-items:flex-start;\n\n    padding:19px;\n\n    gap:15px;\n  }\n\n  .genova-documentacion-icon{\n    width:46px;\n    min-width:46px;\n    height:46px;\n  }\n\n  .genova-documentacion-content{\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:14px;\n  }\n\n  .genova-documentacion-text h3{\n    font-size:15px;\n  }\n\n}\n\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1 2 3 \u00d7 \u26f6 DETALLE ROMA P\u00c9RGOLA PALILLERA NIZA La p\u00e9rgola Niza combina una estructura de aluminio con una lona retr\u00e1ctil de accionamiento manual mediante cord\u00f3n, ofreciendo una soluci\u00f3n pr\u00e1ctica y elegante para disfrutar del exterior con mayor confort. Disponible en versiones autoportante, adosada a pared y entre paredes, se adapta f\u00e1cilmente a diferentes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-1532","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1532"}],"version-history":[{"count":0,"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1532\/revisions"}],"wp:attachment":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}