{"id":1532,"date":"2026-07-24T11:33:41","date_gmt":"2026-07-24T11:33:41","guid":{"rendered":"https:\/\/nueva2025.sun-stop.es\/?page_id=1532"},"modified":"2026-10-07T07:07:08","modified_gmt":"2026-10-07T07:07:08","slug":"niza-pergola-palillera","status":"publish","type":"page","link":"https:\/\/nueva2025.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:\/\/nueva2025.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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/Pergola-blanca-con-vistas-mediterraneas.png';\n\n  const IMAGEN_ESTRUCTURA_ALUMINIO =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_01_blanco_gris.jpg';\n\n  const IMAGEN_TEJIDO_SCREEN =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_02_blanco_beig.jpg';\n\n  const IMAGEN_SOPORTE_PILAR =\n    'https:\/\/nueva2025.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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Detalla_01_touch-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"422c516\" data-elementor-lightbox-title=\"Detalla_01_touch\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTUzNCwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL0RldGFsbGFfMDFfdG91Y2gtc2NhbGVkLmpwZyIsInNsaWRlc2hvdyI6IjQyMmM1MTYifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Detalla_01_touch-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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_02_blanco_beig.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"422c516\" data-elementor-lightbox-title=\"detalle_02_blanco_beig\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTUzOSwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL2RldGFsbGVfMDJfYmxhbmNvX2JlaWcuanBnIiwic2xpZGVzaG93IjoiNDIyYzUxNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_02_blanco_beig-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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/autoportante-blanco-gris.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"422c516\" data-elementor-lightbox-title=\"autoportante blanco gris\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTU0MCwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL2F1dG9wb3J0YW50ZS1ibGFuY28tZ3Jpcy5qcGciLCJzbGlkZXNob3ciOiI0MjJjNTE2In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/autoportante-blanco-gris-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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_01_blanco_gris.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"422c516\" data-elementor-lightbox-title=\"detalle_01_blanco_gris\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTU0MSwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL2RldGFsbGVfMDFfYmxhbmNvX2dyaXMuanBnIiwic2xpZGVzaG93IjoiNDIyYzUxNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_01_blanco_gris-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<\/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  <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 300 \u00d7 400 cm<\/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<\/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<\/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  .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<\/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=\"#\">\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=\"#\">\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        <img decoding=\"async\"\n          id=\"niza-imagen\"\n          src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/autoportante-blanco-beig.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      <\/div>\n\n      <div class=\"niza-info\">\n        <h2 id=\"niza-titulo\">NIZA AUTOPORTANTE<\/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      <\/div>\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          <button class=\"niza-dot activo\" data-slide=\"0\" aria-label=\"Autoportante\"><\/button>\n          <button class=\"niza-dot\" data-slide=\"1\" aria-label=\"Adosada\"><\/button>\n          <button class=\"niza-dot\" data-slide=\"2\" aria-label=\"Entre paredes\"><\/button>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\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<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}\n\n.niza-flecha {\n  position: absolute;\n  top: 50%;\n  z-index: 5;\n  display: grid;\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n  place-items: center;\n  background: rgba(20,20,20,0.40);\n  color: #ffffff;\n  font-size: 27px;\n  line-height: 1;\n  cursor: pointer;\n  transform: translateY(-50%);\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.niza-preview {\n  width: 190px;\n  height: 108px;\n  padding: 0;\n  overflow: hidden;\n  border: 0;\n  border-radius: 7px;\n  background: transparent;\n  cursor: pointer;\n  opacity: 0.65;\n  box-shadow: 0 12px 28px rgba(0,0,0,0.08);\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  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.niza-info {\n  padding: 16px 15px 0;\n  text-align: center;\n}\n\n.niza-info h2 {\n  margin: 0 0 7px;\n  color: #080808;\n  font-size: 22px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.niza-info p {\n  max-width: 510px;\n  margin: 0 auto;\n  color: #666666;\n  font-size: 14px;\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n.niza-opcion {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 28px;\n  margin-top: 12px;\n  padding: 6px 16px;\n  border: 1.5px solid #f39800;\n  border-radius: 999px;\n  background: transparent;\n  color: #eb8700;\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.niza-navegacion {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 22px;\n}\n\n.niza-contador {\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n}\n\n.niza-contador strong {\n  color: #111111;\n  font-size: 17px;\n  font-weight: 800;\n}\n\n.niza-contador span {\n  color: #aaaaaa;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.niza-dots {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.niza-dot {\n  width: 8px;\n  height: 8px;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: #c9c9c9;\n  cursor: pointer;\n  transition:\n    width 0.25s ease,\n    background 0.25s ease;\n}\n\n.niza-dot.activo {\n  width: 23px;\n  background: #f39800;\n}\n\n@media (max-width: 950px) {\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@media (max-width: 700px) {\n  #niza-versiones {\n    padding: 15px 12px;\n  }\n\n  .niza-slider {\n    display: block;\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    padding: 6px 13px;\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    font-size: 24px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n\n  const slides = [\n    {\n      titulo: 'NIZA AUTOPORTANTE',\n      descripcion:\n        'Una soluci\u00f3n independiente y vers\u00e1til para crear una nueva zona de sombra en terrazas, jardines y espacios exteriores.',\n      opcion:\n        'OPCI\u00d3N MULTIM\u00d3DULO DISPONIBLE',\n      imagen:\n        'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/autoportante-blanco-beig.jpg',\n      alt:\n        'P\u00e9rgola Niza autoportante'\n    },\n\n    {\n      titulo: 'NIZA ADOSADA',\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      opcion:\n        'OPCI\u00d3N MULTIM\u00d3DULO DISPONIBLE',\n      imagen:\n        'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/entreparedes_blanco_beig.jpg',\n      alt:\n        'P\u00e9rgola Niza adosada'\n    },\n\n    {\n      titulo: 'NIZA ENTRE PAREDES',\n      descripcion:\n        'Una soluci\u00f3n limpia y funcional para patios, terrazas y espacios delimitados, instalada directamente entre paredes.',\n      opcion:\n        'OPCI\u00d3N MULTIM\u00d3DULO DISPONIBLE',\n      imagen:\n        'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/general_blanco_beig_01.jpg',\n      alt:\n        'P\u00e9rgola Niza entre paredes'\n    }\n  ];\n\n  const raiz = document.getElementById('niza-versiones');\n\n  if (!raiz || raiz.dataset.iniciado === 'si') {\n    return;\n  }\n\n  raiz.dataset.iniciado = 'si';\n\n  const imagen = raiz.querySelector('#niza-imagen');\n  const titulo = raiz.querySelector('#niza-titulo');\n  const descripcion = raiz.querySelector('#niza-descripcion');\n  const opcion = raiz.querySelector('#niza-opcion');\n  const numero = raiz.querySelector('#niza-numero');\n\n  const previewIzquierda =\n    raiz.querySelector('.niza-preview-left img');\n\n  const previewDerecha =\n    raiz.querySelector('.niza-preview-right img');\n\n  const botonPreviewIzquierda =\n    raiz.querySelector('.niza-preview-left');\n\n  const botonPreviewDerecha =\n    raiz.querySelector('.niza-preview-right');\n\n  const flechaIzquierda =\n    raiz.querySelector('.niza-flecha-left');\n\n  const flechaDerecha =\n    raiz.querySelector('.niza-flecha-right');\n\n  const dots =\n    raiz.querySelectorAll('.niza-dot');\n\n  let actual = 0;\n\n  function indiceAnterior() {\n    return (actual - 1 + slides.length) % slides.length;\n  }\n\n  function indiceSiguiente() {\n    return (actual + 1) % slides.length;\n  }\n\n  function actualizarSlider() {\n\n    const slide = slides[actual];\n    const anterior = slides[indiceAnterior()];\n    const siguiente = slides[indiceSiguiente()];\n\n    imagen.src = slide.imagen;\n    imagen.alt = slide.alt;\n\n    titulo.textContent = slide.titulo;\n    descripcion.textContent = slide.descripcion;\n    opcion.textContent = slide.opcion;\n\n    numero.textContent =\n      String(actual + 1).padStart(2, '0');\n\n    previewIzquierda.src = anterior.imagen;\n    previewIzquierda.alt = anterior.alt;\n\n    previewDerecha.src = siguiente.imagen;\n    previewDerecha.alt = siguiente.alt;\n\n    dots.forEach(function(dot, indice) {\n      dot.classList.toggle('activo', indice === actual);\n    });\n  }\n\n  function anterior() {\n    actual =\n      (actual - 1 + slides.length) % slides.length;\n\n    actualizarSlider();\n  }\n\n  function siguiente() {\n    actual =\n      (actual + 1) % slides.length;\n\n    actualizarSlider();\n  }\n\n  flechaIzquierda.addEventListener('click', anterior);\n  flechaDerecha.addEventListener('click', siguiente);\n\n  botonPreviewIzquierda.addEventListener('click', anterior);\n  botonPreviewDerecha.addEventListener('click', siguiente);\n\n  dots.forEach(function(dot) {\n    dot.addEventListener('click', function() {\n      actual = Number(dot.dataset.slide);\n      actualizarSlider();\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  <div class=\"niza-ficha-inner\">\n\n    <div class=\"niza-ficha-top\">\n      <div>\n        <div class=\"niza-eyebrow\">FICHA T\u00c9CNICA RESUMIDA<\/div>\n        <h2>Caracter\u00edsticas principales<\/h2>\n      <\/div>\n\n      <p class=\"niza-intro\">\n        Los datos esenciales de Niza, visibles desde el primer vistazo.\n      <\/p>\n    <\/div>\n\n    <div class=\"niza-ficha-grid\">\n\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>Accionamiento<\/span>\n          <strong>Manual<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Control<\/span>\n          <strong>Cord\u00f3n y ata-cuerda<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Medida est\u00e1ndar<\/span>\n          <strong>300 \u00d7 400 cm<\/strong>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"niza-columna\">\n\n        <div class=\"niza-fila\">\n          <span>Sistema<\/span>\n          <strong>Gu\u00edas laterales<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Transmisi\u00f3n<\/span>\n          <strong>Cord\u00f3n y poleas<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Recogida<\/span>\n          <strong>Manual<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Configuraci\u00f3n<\/span>\n          <strong>Autoportante \u00b7 Adosada<\/strong>\n        <\/div>\n\n        <div class=\"niza-fila\">\n          <span>Otras versiones<\/span>\n          <strong>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    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.niza-ficha {\n  width: 100%;\n  padding: 10px 20px 20px;\n  background: #ffffff;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n\n.niza-ficha *,\n.niza-ficha *::before,\n.niza-ficha *::after {\n  box-sizing: border-box;\n}\n\n.niza-ficha-inner {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding-top: 25px;\n  border-top: 1px solid #d8d8d8;\n}\n\n.niza-ficha-top {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: end;\n  gap: 30px;\n  margin-bottom: 15px;\n}\n\n.niza-eyebrow {\n  margin-bottom: 8px;\n  color: #f39200;\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.niza-ficha h2 {\n  margin: 0;\n  color: #080808;\n  font-size: 29px;\n  line-height: 1.1;\n  font-weight: 800;\n}\n\n.niza-intro {\n  margin: 0 0 2px;\n  color: #777777;\n  font-size: 13px;\n  line-height: 1.5;\n  text-align: right;\n}\n\n.niza-ficha-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n}\n\n.niza-columna {\n  width: 100%;\n}\n\n.niza-fila {\n  display: grid;\n  grid-template-columns: minmax(130px, 0.45fr) minmax(0, 1fr);\n  gap: 20px;\n  align-items: center;\n  min-height: 37px;\n  border-bottom: 1px solid #dddddd;\n}\n\n.niza-fila span {\n  color: #777777;\n  font-size: 13px;\n  line-height: 1.35;\n  font-weight: 400;\n}\n\n.niza-fila strong {\n  color: #050505;\n  font-size: 13px;\n  line-height: 1.35;\n  font-weight: 700;\n  text-align: right;\n}\n\n@media (max-width: 760px) {\n\n  .niza-ficha {\n    padding: 10px 15px 20px;\n  }\n\n  .niza-ficha-inner {\n    padding-top: 20px;\n  }\n\n  .niza-ficha-top {\n    grid-template-columns: 1fr;\n    gap: 10px;\n    margin-bottom: 18px;\n  }\n\n  .niza-intro {\n    text-align: left;\n  }\n\n  .niza-ficha-grid {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  .niza-ficha h2 {\n    font-size: 25px;\n  }\n\n  .niza-fila {\n    grid-template-columns: 1fr auto;\n    gap: 15px;\n    min-height: 44px;\n  }\n\n  .niza-fila span,\n  .niza-fila strong {\n    font-size: 12px;\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-c338f7e e-flex e-con-boxed e-con e-parent\" data-id=\"c338f7e\" 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-cb2d6c0 e-con-full e-flex e-con e-child\" data-id=\"cb2d6c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e9b3fed e-con-full e-flex e-con e-child\" data-id=\"e9b3fed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-43e44b6 e-con-full e-flex e-con e-child\" data-id=\"43e44b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec6a5fd elementor-widget elementor-widget-text-editor\" data-id=\"ec6a5fd\" 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>ACABADOS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e11e88c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e11e88c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0898122 elementor-widget elementor-widget-text-editor\" data-id=\"0898122\" 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 class=\"PDq2pG_selectionAnchorContainer\" data-start=\"148\" data-end=\"620\">Personaliza tu P\u00e9rgola Niza eligiendo entre <strong data-start=\"192\" data-end=\"214\">beige, caf\u00e9 y gris<\/strong>, tres acabados pensados para integrarse con naturalidad en diferentes estilos de terraza y exterior. Desde tonos m\u00e1s c\u00e1lidos y luminosos hasta opciones m\u00e1s sobrias y contempor\u00e1neas, elige la combinaci\u00f3n que mejor encaje con tu espacio. Los acabados lacados est\u00e1n concebidos para ofrecer una elevada durabilidad y conservar una est\u00e9tica cuidada con el paso del tiempo.<\/p><ul><li data-section-id=\"1rnrex5\" data-start=\"49\" data-end=\"151\"><strong data-start=\"51\" data-end=\"79\">Tres acabados vers\u00e1tiles<\/strong>: beige, caf\u00e9 y gris para adaptarse a estilos de exterior muy distintos.<\/li><li data-section-id=\"axkfo1\" data-start=\"152\" data-end=\"260\"><strong data-start=\"154\" data-end=\"178\">Integraci\u00f3n est\u00e9tica<\/strong>: colores pensados para combinar f\u00e1cilmente con fachadas, pavimentos y mobiliario.<\/li><li data-start=\"622\" data-end=\"671\">\u00a0<\/li><\/ul>\t\t\t\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-b6e4820 e-con-full e-flex e-con e-child\" data-id=\"b6e4820\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-545849e elementor-widget elementor-widget-shortcode\" data-id=\"545849e\" 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:\/\/nueva2025.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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_beig-1.jpg\",\n\n        \"cafe\":\n        \"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_cafe-1.jpg\",\n\n        \"gris\":\n        \"https:\/\/nueva2025.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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_beig.jpg\",\n\n        \"cafe\":\n        \"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/detalle_02_blanco_cafe.jpg\",\n\n        \"gris\":\n        \"https:\/\/nueva2025.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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/general_blanco_beig_01.jpg\",\n\n        \"cafe\":\n        \"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/general_blanco_Cafe_01.jpg\",\n\n        \"gris\":\n        \"https:\/\/nueva2025.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<\/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-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 class=\"niza-fabricacion\">\n  <div class=\"niza-fabricacion-inner\">\n\n    <div class=\"niza-fabricacion-top\">\n\n      <div class=\"niza-fabricacion-titulo\">\n        <span class=\"niza-fabricacion-eyebrow\">FABRICADO EN ESPA\u00d1A<\/span>\n\n        <h2>\n          Dise\u00f1o, fabricaci\u00f3n y<br>\n          control en cada etapa\n        <\/h2>\n      <\/div>\n\n      <div class=\"niza-fabricacion-texto\">\n        <p>\n          Niza se fabrica en Espa\u00f1a con una estructura de aluminio y un proceso de\n          producci\u00f3n orientado a cuidar la precisi\u00f3n de cada pieza, el acabado final\n          y la calidad del conjunto.\n        <\/p>\n\n        <p>\n          Desde la transformaci\u00f3n del aluminio hasta el ensamblado, cada fase forma\n          parte de un proceso pensado para ofrecer una soluci\u00f3n exterior s\u00f3lida,\n          funcional y preparada para integrarse en distintos tipos de espacios.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"niza-fabricacion-separador\"><\/div>\n\n    <div class=\"niza-fabricacion-proceso\">\n      <span>Extrusi\u00f3n<\/span>\n      <i>\u2022<\/i>\n      <span>CNC<\/span>\n      <i>\u2022<\/i>\n      <span>Lacado<\/span>\n      <i>\u2022<\/i>\n      <span>Ensamblado<\/span>\n      <i>\u2022<\/i>\n      <span>Distribuci\u00f3n<\/span>\n    <\/div>\n\n    <div class=\"niza-fabricacion-marca\">ES<\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.niza-fabricacion {\n  width: 100%;\n  padding: 22px 20px;\n  background: #ffffff;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n\n.niza-fabricacion *,\n.niza-fabricacion *::before,\n.niza-fabricacion *::after {\n  box-sizing: border-box;\n}\n\n.niza-fabricacion-inner {\n  position: relative;\n  width: 100%;\n  max-width: 1120px;\n  margin: 0 auto;\n  padding: 40px 38px 28px;\n  overflow: hidden;\n  border-radius: 20px;\n  background: #f5a000;\n  color: #050505;\n}\n\n.niza-fabricacion-top {\n  display: grid;\n  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n  gap: 70px;\n  align-items: center;\n}\n\n.niza-fabricacion-eyebrow {\n  display: inline-block;\n  margin-bottom: 8px;\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n}\n\n.niza-fabricacion h2 {\n  margin: 0;\n  color: #050505;\n  font-size: 40px;\n  line-height: 0.98;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n}\n\n.niza-fabricacion-texto {\n  position: relative;\n  z-index: 2;\n  padding-right: 10px;\n}\n\n.niza-fabricacion-texto p {\n  margin: 0 0 17px;\n  color: #151515;\n  font-size: 14px;\n  line-height: 1.65;\n  font-weight: 400;\n}\n\n.niza-fabricacion-texto p:last-child {\n  margin-bottom: 0;\n}\n\n.niza-fabricacion-separador {\n  width: 100%;\n  height: 1px;\n  margin: 31px 0 17px;\n  background: rgba(0, 0, 0, 0.12);\n}\n\n.niza-fabricacion-proceso {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0 18px;\n  position: relative;\n  z-index: 2;\n  color: #111111;\n  font-size: 14px;\n  line-height: 1.5;\n  font-weight: 700;\n}\n\n.niza-fabricacion-proceso i {\n  font-style: normal;\n  font-weight: 800;\n}\n\n.niza-fabricacion-marca {\n  position: absolute;\n  top: -15px;\n  right: 24px;\n  z-index: 1;\n  color: rgba(255,255,255,0.17);\n  font-size: 105px;\n  line-height: 1;\n  font-weight: 900;\n  letter-spacing: -0.08em;\n  pointer-events: none;\n}\n\n@media (max-width: 850px) {\n  .niza-fabricacion-inner {\n    padding: 34px 28px 25px;\n  }\n\n  .niza-fabricacion-top {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .niza-fabricacion h2 {\n    font-size: 34px;\n  }\n\n  .niza-fabricacion-texto {\n    padding-right: 0;\n  }\n}\n\n@media (max-width: 560px) {\n  .niza-fabricacion {\n    padding: 15px 12px;\n  }\n\n  .niza-fabricacion-inner {\n    padding: 28px 21px 23px;\n    border-radius: 16px;\n  }\n\n  .niza-fabricacion h2 {\n    font-size: 30px;\n    line-height: 1.02;\n  }\n\n  .niza-fabricacion-texto p {\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  .niza-fabricacion-proceso {\n    gap: 6px 11px;\n    font-size: 12px;\n  }\n\n  .niza-fabricacion-marca {\n    top: -2px;\n    right: 14px;\n    font-size: 75px;\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-6210d91 e-flex e-con-boxed e-con e-parent\" data-id=\"6210d91\" 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-48f8ca0 elementor-widget elementor-widget-shortcode\" data-id=\"48f8ca0\" 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-tech\">\n  <div class=\"niza-tech-inner\">\n\n    <div class=\"niza-tech-heading\">\n      <span class=\"niza-tech-eyebrow\">TECNOLOG\u00cdA<\/span>\n      <h2>Funcionamiento sencillo y eficaz<\/h2>\n    <\/div>\n\n    <div class=\"niza-tech-cards\">\n\n      <article class=\"niza-tech-card\">\n        <h3>Accionamiento manual<\/h3>\n        <h4>Control mediante cord\u00f3n<\/h4>\n        <p>\n          Sistema manual dise\u00f1ado para abrir y recoger la lona de forma sencilla\n          mediante un cord\u00f3n.\n        <\/p>\n      <\/article>\n\n      <article class=\"niza-tech-card\">\n        <h3>Gu\u00edas laterales<\/h3>\n        <h4>Desplazamiento de la cubierta<\/h4>\n        <p>\n          La paliller\u00eda se desplaza a trav\u00e9s de las gu\u00edas laterales, permitiendo\n          extender o recoger progresivamente la lona.\n        <\/p>\n      <\/article>\n\n      <article class=\"niza-tech-card\">\n        <h3>Sistema de poleas<\/h3>\n        <h4>Movimiento de la lona<\/h4>\n        <p>\n          La polea frontal y la polea trasera gu\u00edan el cord\u00f3n y permiten controlar\n          el movimiento de la cubierta.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"niza-tech-feature\">\n\n      <div class=\"niza-tech-feature-text\">\n        <span class=\"niza-tech-eyebrow\">FUNCIONAMIENTO<\/span>\n\n        <h2>Controla la sombra f\u00e1cilmente<\/h2>\n\n        <p>\n          El sistema manual de la Niza permite extender o recoger la lona en funci\u00f3n\n          de las necesidades de cada momento. El cord\u00f3n acciona el conjunto de poleas\n          y desplaza la paliller\u00eda por las gu\u00edas laterales.\n        <\/p>\n\n        <ul>\n          <li>Accionamiento totalmente manual.<\/li>\n          <li>Movimiento mediante cord\u00f3n y poleas.<\/li>\n          <li>Ata-cuerda para mantener el sistema recogido.<\/li>\n          <li>Lona retr\u00e1ctil con paliller\u00eda.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"niza-tech-visual\">\n        <div class=\"niza-tech-imagen-wrap\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/Pergola-moderna-bajo-el-sol-1.png\"\n            alt=\"P\u00e9rgola Niza en ambiente exterior\"\n            class=\"niza-tech-imagen\"\n          >\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.niza-tech {\n  width: 100%;\n  padding: 38px 20px 45px;\n  background: #ffffff;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n\n.niza-tech *,\n.niza-tech *::before,\n.niza-tech *::after {\n  box-sizing: border-box;\n}\n\n.niza-tech-inner {\n  width: 100%;\n  max-width: 1130px;\n  margin: 0 auto;\n}\n\n.niza-tech-heading {\n  margin-bottom: 28px;\n}\n\n.niza-tech-eyebrow {\n  display: inline-block;\n  margin-bottom: 9px;\n  color: #f39200;\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.niza-tech-heading h2,\n.niza-tech-feature h2 {\n  margin: 0;\n  color: #050505;\n  font-size: 39px;\n  line-height: 1.05;\n  font-weight: 800;\n  letter-spacing: -0.025em;\n}\n\n.niza-tech-cards {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.niza-tech-card {\n  min-height: 145px;\n  padding: 18px 18px 20px;\n  border: 1px solid #dcdcdc;\n  border-radius: 15px;\n  background: #ffffff;\n}\n\n.niza-tech-card h3 {\n  margin: 0 0 2px;\n  color: #070707;\n  font-size: 25px;\n  line-height: 1.05;\n  font-weight: 800;\n}\n\n.niza-tech-card h4 {\n  margin: 0 0 10px;\n  color: #090909;\n  font-size: 17px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n.niza-tech-card p {\n  margin: 0;\n  color: #777777;\n  font-size: 13px;\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n.niza-tech-feature {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);\n  gap: 58px;\n  align-items: center;\n  margin-top: 95px;\n}\n\n.niza-tech-feature-text {\n  padding-left: 2px;\n}\n\n.niza-tech-feature h2 {\n  max-width: 520px;\n  margin-bottom: 15px;\n}\n\n.niza-tech-feature-text > p {\n  max-width: 560px;\n  margin: 0 0 18px;\n  color: #666666;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.niza-tech-feature ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.niza-tech-feature li {\n  position: relative;\n  margin-bottom: 10px;\n  padding-left: 17px;\n  color: #5d5d5d;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.niza-tech-feature li::before {\n  content: \"\";\n  position: absolute;\n  top: 8px;\n  left: 0;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #f39200;\n}\n\n.niza-tech-visual {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.niza-tech-imagen-wrap {\n  width: 100%;\n  max-width: 530px;\n  height: 390px;\n  overflow: hidden;\n  border-radius: 18px;\n  box-shadow: 0 16px 38px rgba(0,0,0,0.08);\n  background: #f2f2f2;\n}\n\n.niza-tech-imagen {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 18px;\n}\n\n@media (max-width: 900px) {\n  .niza-tech-heading h2,\n  .niza-tech-feature h2 {\n    font-size: 34px;\n  }\n\n  .niza-tech-card h3 {\n    font-size: 21px;\n  }\n\n  .niza-tech-card h4 {\n    font-size: 15px;\n  }\n\n  .niza-tech-feature {\n    gap: 35px;\n  }\n\n  .niza-tech-imagen-wrap {\n    max-width: 470px;\n    height: 330px;\n  }\n}\n\n@media (max-width: 760px) {\n  .niza-tech {\n    padding: 30px 15px 35px;\n  }\n\n  .niza-tech-cards {\n    grid-template-columns: 1fr;\n  }\n\n  .niza-tech-feature {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    margin-top: 55px;\n  }\n\n  .niza-tech-heading h2,\n  .niza-tech-feature h2 {\n    font-size: 30px;\n  }\n\n  .niza-tech-card {\n    min-height: auto;\n  }\n\n  .niza-tech-imagen-wrap {\n    width: 100%;\n    max-width: none;\n    height: 280px;\n    border-radius: 16px;\n  }\n\n  .niza-tech-imagen {\n    border-radius: 16px;\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-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:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1532"}],"version-history":[{"count":82,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1532\/revisions"}],"predecessor-version":[{"id":4181,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1532\/revisions\/4181"}],"wp:attachment":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}