{"id":4384,"date":"2026-10-29T09:40:29","date_gmt":"2026-10-29T09:40:29","guid":{"rendered":"https:\/\/sun-stop.es\/?page_id=4384"},"modified":"2026-11-06T06:41:41","modified_gmt":"2026-11-06T06:41:41","slug":"pergola-paris","status":"publish","type":"page","link":"https:\/\/sun-stop.es\/?page_id=4384","title":{"rendered":"P\u00e9rgola Par\u00eds"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4384\" class=\"elementor elementor-4384\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95cd6e1 e-con e-atomic-element e-flexbox-base e-default-div e-95cd6e1-b3b0c6a \" data-id=\"95cd6e1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"95cd6e1\" data-e-type=\"e-flexbox\" data-id=\"95cd6e1\">\n    <div class=\"elementor-element elementor-element-cbba2a5 e-con e-atomic-element e-flexbox-base e-default-div e-cbba2a5-c9c0704 \" data-id=\"cbba2a5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cbba2a5\" data-e-type=\"e-flexbox\" data-id=\"cbba2a5\">\n    <div class=\"elementor-element elementor-element-c74ed61 e-con-full e-flex e-con e-child\" data-id=\"c74ed61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ac032c2 e-con-full e-flex e-con e-child\" data-id=\"ac032c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b11203f elementor-widget elementor-widget-shortcode\" data-id=\"b11203f\" 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<!-- SUN STOP \u00b7 P\u00c9RGOLA PAR\u00cdS \u00b7 3 PUNTOS CALIENTES -->\n\n<div id=\"paris-interactiva\">\n\n  <div class=\"pi-escena\">\n\n    <img decoding=\"async\"\n      class=\"pi-imagen-principal\"\n      src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/00_pergola_paris.webp\"\n      alt=\"P\u00e9rgola PAR\u00cdS Sun Stop\"\n      loading=\"eager\"\n    >\n\n    <button type=\"button\" class=\"pi-punto pi-punto-1\"\n      data-detalle=\"1\" aria-label=\"Techo de lamas fijas\">\n      <span class=\"pi-pulso\"><\/span>\n      <span class=\"pi-numero\">1<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"pi-punto pi-punto-2\"\n      data-detalle=\"2\" aria-label=\"Estructura de aluminio\">\n      <span class=\"pi-pulso\"><\/span>\n      <span class=\"pi-numero\">2<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"pi-punto pi-punto-3\"\n      data-detalle=\"3\" aria-label=\"Anclaje al suelo\">\n      <span class=\"pi-pulso\"><\/span>\n      <span class=\"pi-numero\">3<\/span>\n    <\/button>\n\n  <\/div>\n\n  <!-- VENTANA EMERGENTE -->\n\n  <div class=\"pi-modal\" role=\"dialog\"\n    aria-modal=\"true\" aria-labelledby=\"pi-titulo\" hidden>\n\n    <div class=\"pi-modal-fondo\" data-cerrar><\/div>\n\n    <div class=\"pi-modal-contenido\">\n\n      <button type=\"button\" class=\"pi-cerrar\"\n        data-cerrar aria-label=\"Cerrar detalle\">&times;<\/button>\n\n      <div class=\"pi-modal-imagen-wrap\">\n        <img decoding=\"async\" class=\"pi-modal-imagen\" src=\"\" alt=\"\">\n\n        <button type=\"button\" class=\"pi-ampliar\"\n          aria-label=\"Ampliar imagen\">\u26f6<\/button>\n      <\/div>\n\n      <div class=\"pi-modal-informacion\">\n\n        <div class=\"pi-modal-etiqueta\">DETALLE PAR\u00cdS<\/div>\n\n        <h3 class=\"pi-modal-titulo\" id=\"pi-titulo\"><\/h3>\n\n        <div class=\"pi-modal-texto\"><\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\n\/* GENERAL *\/\n\n#paris-interactiva,\n#paris-interactiva * {\n  box-sizing:border-box;\n}\n\n#paris-interactiva {\n  width:100%;\n  max-width:980px;\n  margin:0 auto;\n  font-family:inherit;\n  color:#222;\n}\n\n\/* IMAGEN PRINCIPAL *\/\n\n#paris-interactiva .pi-escena {\n  position:relative;\n  width:100%;\n  aspect-ratio:1\/1;\n  overflow:hidden;\n  background:#f2f0eb;\n  border-radius:6px;\n  box-shadow:0 10px 30px rgba(0,0,0,.12);\n}\n\n#paris-interactiva .pi-imagen-principal {\n  display:block;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n}\n\n\/* PUNTOS CALIENTES *\/\n\n#paris-interactiva .pi-punto {\n  position:absolute;\n  z-index:5;\n  display:grid;\n  place-items:center;\n  width:35px;\n  height:35px;\n  padding:0;\n  margin:0;\n  border:2px solid #fff;\n  border-radius:50%;\n  background:#FF9E18;\n  color:#fff;\n  cursor:pointer;\n  box-shadow:\n    0 4px 12px rgba(0,0,0,.3),\n    0 0 0 5px rgba(255,158,24,.2);\n  transform:translate(-50%,-50%);\n  transition:transform .2s ease, background .2s ease;\n}\n\n#paris-interactiva .pi-punto:hover,\n#paris-interactiva .pi-punto:focus-visible {\n  transform:translate(-50%,-50%) scale(1.12);\n  background:#e58b0b;\n}\n\n#paris-interactiva .pi-numero {\n  position:relative;\n  z-index:2;\n  color:#fff;\n  font-size:13px!important;\n  font-weight:700;\n  line-height:1!important;\n}\n\n\/* EFECTO PULSO *\/\n\n#paris-interactiva .pi-pulso {\n  position:absolute;\n  inset:-7px;\n  border:2px solid rgba(255,158,24,.7);\n  border-radius:50%;\n  pointer-events:none;\n  animation:pi-pulso 1.8s infinite;\n}\n\n@keyframes pi-pulso {\n  0% {\n    opacity:.9;\n    transform:scale(.75);\n  }\n  70%,100% {\n    opacity:0;\n    transform:scale(1.45);\n  }\n}\n\n\/* ====================================\n   POSICIONES ACTUALIZADAS\n==================================== *\/\n\n\/* PUNTO 1 \u00b7 TECHO (SIN CAMBIOS) *\/\n\n#paris-interactiva .pi-punto-1 {\n  top:28%;\n  left:53%;\n}\n\n\/* PUNTO 2 \u00b7 PILAR IZQUIERDO *\/\n\n#paris-interactiva .pi-punto-2 {\n  top:43%;\n  left:7%;\n}\n\n\/* PUNTO 3 \u00b7 BASE DEL PILAR DELANTERO *\/\n\n#paris-interactiva .pi-punto-3 {\n  top:76%;\n  left:34%;\n}\n\n\/* ====================================\n   VENTANA EMERGENTE\n==================================== *\/\n\n#paris-interactiva .pi-modal[hidden] {\n  display:none!important;\n}\n\n#paris-interactiva .pi-modal {\n  position:fixed;\n  inset:0;\n  z-index:999999;\n  display:grid;\n  place-items:center;\n  padding:20px;\n}\n\n#paris-interactiva .pi-modal-fondo {\n  position:absolute;\n  inset:0;\n  background:rgba(0,0,0,.78);\n  backdrop-filter:blur(4px);\n}\n\n#paris-interactiva .pi-modal-contenido {\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:\n    minmax(0,1.4fr)\n    minmax(250px,.6fr);\n  width:min(1050px,96vw);\n  max-height:90dvh;\n  overflow:hidden;\n  background:#fff;\n  border-radius:6px;\n  box-shadow:0 24px 70px rgba(0,0,0,.4);\n}\n\n\/* IMAGEN DE DETALLE *\/\n\n#paris-interactiva .pi-modal-imagen-wrap {\n  position:relative;\n  display:grid;\n  place-items:center;\n  min-height:420px;\n  overflow:hidden;\n  background:#f5f5f5;\n}\n\n#paris-interactiva .pi-modal-imagen {\n  display:block;\n  width:100%;\n  height:100%;\n  max-height:85dvh;\n  object-fit:contain;\n  cursor:zoom-in;\n  transition:transform .25s ease;\n}\n\n#paris-interactiva .pi-modal-imagen.pi-ampliada {\n  transform:scale(1.6);\n  cursor:zoom-out;\n}\n\n#paris-interactiva .pi-ampliar {\n  position:absolute;\n  right:14px;\n  bottom:14px;\n  width:40px;\n  height:40px;\n  border:0;\n  border-radius:50%;\n  background:rgba(20,20,20,.8);\n  color:#fff;\n  font-size:21px!important;\n  cursor:pointer;\n}\n\n\/* INFORMACI\u00d3N *\/\n\n#paris-interactiva .pi-modal-informacion {\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:38px 32px;\n  background:#fff;\n  overflow-y:auto;\n}\n\n#paris-interactiva .pi-modal-etiqueta {\n  margin-bottom:9px;\n  color:#FF9E18;\n  font-size:12px!important;\n  font-weight:700;\n  letter-spacing:.08em;\n}\n\n#paris-interactiva .pi-modal-titulo {\n  margin:0 0 15px;\n  font-family:inherit;\n  font-size:25px!important;\n  font-weight:700;\n  line-height:1.15!important;\n  color:#222;\n}\n\n#paris-interactiva .pi-modal-texto {\n  font-family:inherit;\n  font-size:14px!important;\n  line-height:1.6!important;\n  color:#555;\n}\n\n#paris-interactiva .pi-modal-texto p {\n  margin:0 0 12px;\n}\n\n#paris-interactiva .pi-modal-texto p:last-child {\n  margin-bottom:0;\n}\n\n\/* BOT\u00d3N CERRAR *\/\n\n#paris-interactiva .pi-cerrar {\n  position:absolute;\n  top:12px;\n  right:12px;\n  z-index:8;\n  display:grid;\n  place-items:center;\n  width:39px;\n  height:39px;\n  padding:0;\n  border:0;\n  border-radius:50%;\n  background:rgba(20,20,20,.85);\n  color:#fff;\n  font-size:26px!important;\n  cursor:pointer;\n}\n\n#paris-interactiva .pi-cerrar:hover,\n#paris-interactiva .pi-ampliar:hover {\n  background:#FF9E18;\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:760px) {\n\n  #paris-interactiva .pi-punto {\n    width:30px;\n    height:30px;\n  }\n\n  #paris-interactiva .pi-numero {\n    font-size:11px!important;\n  }\n\n  #paris-interactiva .pi-modal {\n    padding:10px;\n  }\n\n  #paris-interactiva .pi-modal-contenido {\n    grid-template-columns:1fr;\n    width:96vw;\n    max-height:94dvh;\n    overflow-y:auto;\n  }\n\n  #paris-interactiva .pi-modal-imagen-wrap {\n    min-height:0;\n    height:45dvh;\n  }\n\n  #paris-interactiva .pi-modal-imagen {\n    max-height:45dvh;\n  }\n\n  #paris-interactiva .pi-modal-informacion {\n    padding:24px 20px;\n  }\n\n  #paris-interactiva .pi-modal-titulo {\n    font-size:22px!important;\n  }\n\n  #paris-interactiva .pi-modal-texto {\n    font-size:13px!important;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  #paris-interactiva .pi-pulso {\n    animation:none;\n  }\n}\n\n<\/style>\n\n<script>\n(function(){\n\n  const raiz =\n    document.getElementById('paris-interactiva');\n\n  if(!raiz || raiz.dataset.iniciado === 'si') return;\n\n  raiz.dataset.iniciado = 'si';\n\n  \/* IM\u00c1GENES DEL CAT\u00c1LOGO *\/\n\n  const IMAGENES = {\n    1:\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/paris_detalle_techo.webp',\n\n    2:\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/paris_detalle_estructura.webp',\n\n    3:\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/paris_detalle_anclaje.webp'\n  };\n\n  \/* INFORMACI\u00d3N *\/\n\n  const DETALLES = {\n\n    1: {\n      titulo:'Techo de lamas fijas',\n      texto:`\n        <p>\n          El techo de la P\u00e9rgola PAR\u00cdS est\u00e1 compuesto\n          por <strong>lamas fijas de aluminio<\/strong>,\n          con una separaci\u00f3n optimizada que permite\n          el paso de luz natural y favorece\n          la ventilaci\u00f3n constante.\n        <\/p>\n        <p>\n          Su dise\u00f1o proporciona un equilibrio entre\n          sombra, luminosidad y confort,\n          sin mecanismos de apertura ni automatismos.\n        <\/p>\n      `,\n      alt:'Techo de lamas fijas PAR\u00cdS'\n    },\n\n    2: {\n      titulo:'Estructura de aluminio de 80 mm',\n      texto:`\n        <p>\n          La P\u00e9rgola PAR\u00cdS est\u00e1 fabricada en\n          <strong>aluminio extrusionado 6063-T6<\/strong>,\n          con perfiler\u00eda estructural de 80 mm.\n        <\/p>\n        <p>\n          Sus componentes mecanizados mediante\n          <strong>tecnolog\u00eda CNC<\/strong>\n          permiten ensamblajes precisos,\n          resistentes y duraderos.\n        <\/p>\n        <p>\n          El lacado en polvo termoendurecido\n          ofrece resistencia frente a\n          la corrosi\u00f3n, la humedad y la radiaci\u00f3n UV.\n        <\/p>\n      `,\n      alt:'Estructura de aluminio PAR\u00cdS'\n    },\n\n    3: {\n      titulo:'Anclaje s\u00f3lido al suelo',\n      texto:`\n        <p>\n          El soporte a suelo de la P\u00e9rgola PAR\u00cdS\n          est\u00e1 fabricado mediante\n          <strong>mecanizado CNC<\/strong>,\n          para conseguir un ajuste preciso\n          y un anclaje firme y estable.\n        <\/p>\n        <p>\n          Su sistema de uniones simplificadas\n          facilita un montaje r\u00e1pido y sencillo,\n          con una est\u00e9tica limpia\n          y gran estabilidad estructural.\n        <\/p>\n      `,\n      alt:'Anclaje al suelo PAR\u00cdS'\n    }\n\n  };\n\n  const modal = raiz.querySelector('.pi-modal');\n  const imagen = raiz.querySelector('.pi-modal-imagen');\n  const titulo = raiz.querySelector('.pi-modal-titulo');\n  const texto = raiz.querySelector('.pi-modal-texto');\n  const cerrar = raiz.querySelector('.pi-cerrar');\n  const ampliar = raiz.querySelector('.pi-ampliar');\n\n  let focoAnterior = null;\n  let overflowAnterior = '';\n\n  function abrirDetalle(numero){\n\n    const detalle = DETALLES[numero];\n    if(!detalle) return;\n\n    focoAnterior = document.activeElement;\n\n    overflowAnterior =\n      document.documentElement.style.overflow;\n\n    imagen.classList.remove('pi-ampliada');\n\n    imagen.src = IMAGENES[numero];\n    imagen.alt = detalle.alt;\n\n    titulo.textContent = detalle.titulo;\n    texto.innerHTML = detalle.texto;\n\n    modal.hidden = false;\n\n    document.documentElement.style.overflow =\n      'hidden';\n\n    cerrar.focus();\n  }\n\n  function cerrarDetalle(){\n\n    if(modal.hidden) return;\n\n    modal.hidden = true;\n\n    imagen.classList.remove('pi-ampliada');\n    imagen.removeAttribute('src');\n\n    document.documentElement.style.overflow =\n      overflowAnterior;\n\n    if(focoAnterior && focoAnterior.focus){\n      focoAnterior.focus();\n    }\n  }\n\n  raiz.querySelectorAll('[data-detalle]')\n    .forEach(function(boton){\n\n      boton.addEventListener('click',function(){\n        abrirDetalle(boton.dataset.detalle);\n      });\n\n    });\n\n  raiz.querySelectorAll('[data-cerrar]')\n    .forEach(function(boton){\n\n      boton.addEventListener('click',cerrarDetalle);\n\n    });\n\n  function alternarZoom(){\n    imagen.classList.toggle('pi-ampliada');\n  }\n\n  ampliar.addEventListener('click',alternarZoom);\n  imagen.addEventListener('click',alternarZoom);\n\n  document.addEventListener('keydown',function(e){\n\n    if(modal.hidden) return;\n\n    if(e.key === 'Escape'){\n      cerrarDetalle();\n      return;\n    }\n\n    if(e.key === 'Tab'){\n\n      if(e.shiftKey &&\n         document.activeElement === cerrar){\n        e.preventDefault();\n        ampliar.focus();\n      }\n\n      else if(!e.shiftKey &&\n        document.activeElement === ampliar){\n        e.preventDefault();\n        cerrar.focus();\n      }\n    }\n\n  });\n\n})();\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3618b0 elementor-widget__width-initial elementor-widget elementor-widget-gallery\" data-id=\"d3618b0\" 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\/01_pergola_paris.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"d3618b0\" data-elementor-lightbox-title=\"01_p\u00e9rgola_paris\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDM4OCwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvMDFfcGVyZ29sYV9wYXJpcy53ZWJwIiwic2xpZGVzaG93IjoiZDM2MThiMCJ9\">\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\/01_pergola_paris-225x300.webp\" data-width=\"225\" 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\/03_pergola_paris.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"d3618b0\" data-elementor-lightbox-title=\"03_p\u00e9rgola_paris\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDM4OSwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvMDNfcGVyZ29sYV9wYXJpcy53ZWJwIiwic2xpZGVzaG93IjoiZDM2MThiMCJ9\">\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\/03_pergola_paris-225x300.webp\" data-width=\"225\" 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\/05_pergola_paris.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"d3618b0\" data-elementor-lightbox-title=\"05_p\u00e9rgola_paris\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDM5MCwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvMDVfcGVyZ29sYV9wYXJpcy53ZWJwIiwic2xpZGVzaG93IjoiZDM2MThiMCJ9\">\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\/05_pergola_paris-225x300.webp\" data-width=\"225\" 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\/06_pergola_paris.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"d3618b0\" data-elementor-lightbox-title=\"06_p\u00e9rgola_paris\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDM5MSwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvMDZfcGVyZ29sYV9wYXJpcy53ZWJwIiwic2xpZGVzaG93IjoiZDM2MThiMCJ9\">\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\/06_pergola_paris-225x300.webp\" data-width=\"225\" 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\/Paros_pared_suelo_.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"d3618b0\" data-elementor-lightbox-title=\"Paros_pared_suelo_\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDQwMywidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvUGFyb3NfcGFyZWRfc3VlbG9fLmpwZyIsInNsaWRlc2hvdyI6ImQzNjE4YjAifQ%3D%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\/Paros_pared_suelo_-300x146.jpg\" data-width=\"300\" data-height=\"146\" 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\n<\/div>\n<div class=\"elementor-element elementor-element-2081b37 e-con e-atomic-element e-flexbox-base e-default-div e-2081b37-fa2a244 \" data-id=\"2081b37\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2081b37\" data-e-type=\"e-flexbox\" data-id=\"2081b37\">\n    <div class=\"elementor-element elementor-element-c660241 e-con-full e-flex e-con e-child\" data-id=\"c660241\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6a0670c e-con-full e-flex e-con e-child\" data-id=\"6a0670c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cd0ad95 e-con-full e-flex e-con e-child\" data-id=\"cd0ad95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de56486 elementor-widget elementor-widget-heading\" data-id=\"de56486\" 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\">SUN STOP - P\u00c9RGOLA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60e96cc elementor-widget elementor-widget-heading\" data-id=\"60e96cc\" 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\">PAR\u00cdS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f4fe52 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4f4fe52\" 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 <strong>p\u00e9rgola PAR\u00cdS<\/strong> combina dise\u00f1o minimalista, elegancia y funcionalidad. Fabricada en aluminio extrusionado de alta resistencia, incorpora una cubierta de lamas fijas que proporciona sombra y ventilaci\u00f3n natural. Su estructura autoportante, sus acabados de calidad y su sencillo montaje la convierten en una soluci\u00f3n duradera y de bajo mantenimiento para disfrutar de cualquier espacio exterior.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6522e57 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"6522e57\" 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<!-- ========================================\n     SUN STOP \u00b7 P\u00c9RGOLA PAR\u00cdS\n     4 CARACTER\u00cdSTICAS PRINCIPALES\n======================================== -->\n\n<div class=\"paris-resumen\">\n\n  <div class=\"paris-datos\">\n\n    <!-- CARACTER\u00cdSTICA 1 -->\n    <div class=\"paris-dato\">\n      <span class=\"numero\">01.<\/span>\n      <span class=\"texto\">Lamas fijas de aluminio<\/span>\n    <\/div>\n\n    <!-- CARACTER\u00cdSTICA 2 -->\n    <div class=\"paris-dato\">\n      <span class=\"numero\">02.<\/span>\n      <span class=\"texto\">Aluminio 6063-T6<\/span>\n    <\/div>\n\n    <!-- CARACTER\u00cdSTICA 3 -->\n    <div class=\"paris-dato\">\n      <span class=\"numero\">03.<\/span>\n      <span class=\"texto\">Perfiler\u00eda de 80 mm<\/span>\n    <\/div>\n\n    <!-- CARACTER\u00cdSTICA 4 -->\n    <div class=\"paris-dato\">\n      <span class=\"numero\">04.<\/span>\n      <span class=\"texto\">Medidas 4 \u00d7 3 m y 5 \u00d7 3 m<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<style>\n\n\/* BLOQUE PRINCIPAL *\/\n\n.paris-resumen {\n  width:100%;\n  max-width:500px;\n  margin:0;\n  padding:0;\n  font-family:inherit;\n  box-sizing:border-box;\n}\n\n.paris-resumen *,\n.paris-resumen *::before,\n.paris-resumen *::after {\n  box-sizing:border-box;\n}\n\n\/* DISTRIBUCI\u00d3N *\/\n\n.paris-resumen .paris-datos {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  width:100%;\n}\n\n\/* RECUADROS *\/\n\n.paris-resumen .paris-dato {\n  display:flex;\n  align-items:center;\n  min-height:38px;\n  padding:8px 12px;\n  margin:0;\n  border:1px solid #dedede;\n  border-radius:11px;\n  background:#ffffff;\n  font-family:inherit;\n  font-size:12px;\n  line-height:1.4;\n}\n\n\/* N\u00daMEROS *\/\n\n.paris-resumen .paris-dato .numero {\n  flex-shrink:0;\n  margin-right:4px;\n  color:#FF9E18;\n  font-size:12px;\n  font-weight:800;\n  line-height:1.4;\n}\n\n\/* TEXTOS *\/\n\n.paris-resumen .paris-dato .texto {\n  color:#444444;\n  font-size:12px;\n  font-weight:800;\n  line-height:1.4;\n}\n\n\/* M\u00d3VIL *\/\n\n@media(max-width:600px) {\n\n  .paris-resumen .paris-datos {\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  .paris-resumen .paris-dato {\n    min-height:40px;\n    padding:9px 12px;\n  }\n\n}\n\n<\/style>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af8f68f e-con-full e-flex e-con e-child\" data-id=\"af8f68f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee9795 elementor-widget elementor-widget-text-editor\" data-id=\"0ee9795\" 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.789,00\u0404<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e355ce0 elementor-widget elementor-widget-text-editor\" data-id=\"e355ce0\" 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-dfdd909 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"dfdd909\" 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\u00f3nde 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>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-c422411 e-con e-atomic-element e-flexbox-base e-default-div e-6fe29e6 \" data-id=\"c422411\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c422411\" data-e-type=\"e-flexbox\" data-id=\"c422411\">\n    <div class=\"elementor-element elementor-element-164e7e2 e-flex e-con-boxed e-con e-parent\" data-id=\"164e7e2\" 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-7eb238d elementor-widget elementor-widget-shortcode\" data-id=\"7eb238d\" 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<!-- BLOQUE \u00b7 CARACTER\u00cdSTICAS PRINCIPALES PAR\u00cdS -->\n\n<section class=\"paris-ficha-tecnica\">\n\n  <div class=\"paris-ficha-cabecera\">\n\n    <div>\n      <div class=\"paris-ficha-kicker\">\n        FICHA T\u00c9CNICA\n      <\/div>\n\n      <h2>\n        Caracter\u00edsticas principales\n      <\/h2>\n    <\/div>\n\n    <p class=\"paris-ficha-intro\">\n      Los datos esenciales de la P\u00e9rgola PAR\u00cdS,\n      visibles desde el primer vistazo.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"paris-ficha-grid\">\n\n    <!-- COLUMNA IZQUIERDA -->\n    <div class=\"paris-ficha-col\">\n\n      <div class=\"paris-fila\">\n        <span>Producto<\/span>\n        <strong>P\u00e9rgola PAR\u00cdS<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Material<\/span>\n        <strong>Aluminio 6063-T6<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Tipo de cubierta<\/span>\n        <strong>Lamas fijas de aluminio<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Perfiler\u00eda<\/span>\n        <strong>Secci\u00f3n estructural de 80 mm<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Medidas disponibles<\/span>\n        <strong>4 \u00d7 3 m \u00b7 5 \u00d7 3 m<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Altura est\u00e1ndar<\/span>\n        <strong>2.500 mm<\/strong>\n      <\/div>\n\n    <\/div>\n\n    <!-- COLUMNA DERECHA -->\n    <div class=\"paris-ficha-col\">\n\n      <div class=\"paris-fila\">\n        <span>Fabricaci\u00f3n<\/span>\n        <strong>Espa\u00f1a<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Mecanizado<\/span>\n        <strong>Tecnolog\u00eda CNC<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Acabado<\/span>\n        <strong>Lacado en polvo termoendurecido<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Colores<\/span>\n        <strong>Blanco \u00b7 gris oscuro \u00b7 efecto madera<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Instalaci\u00f3n<\/span>\n        <strong>Autoportante \u00b7 adosada<\/strong>\n      <\/div>\n\n      <div class=\"paris-fila\">\n        <span>Mantenimiento<\/span>\n        <strong>M\u00ednimo \u00b7 f\u00e1cil limpieza<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =====================================\n   FICHA T\u00c9CNICA PAR\u00cdS\n===================================== *\/\n\n.paris-ficha-tecnica{\n  width:100%;\n  max-width:1200px;\n  margin:0 auto;\n  padding:28px 0 34px;\n  border-top:1px solid #dedede;\n  font-family:inherit;\n  color:#171717;\n  box-sizing:border-box;\n}\n\n.paris-ficha-tecnica *{\n  box-sizing:border-box;\n}\n\n\/* CABECERA *\/\n\n.paris-ficha-cabecera{\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-end;\n  gap:40px;\n  margin-bottom:16px;\n}\n\n.paris-ficha-kicker{\n  margin-bottom:8px;\n  color:#FF9E18;\n  font-size:12px;\n  line-height:1;\n  font-weight:700;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n.paris-ficha-cabecera h2{\n  margin:0;\n  color:#171717;\n  font-family:inherit;\n  font-size:25px;\n  line-height:1.15;\n  font-weight:700;\n  letter-spacing:0;\n}\n\n.paris-ficha-intro{\n  max-width:430px;\n  margin:0 0 3px;\n  color:#777;\n  font-size:12px;\n  line-height:1.5;\n  text-align:right;\n}\n\n\/* =====================================\n   TABLA DE CARACTER\u00cdSTICAS\n===================================== *\/\n\n.paris-ficha-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:0 32px;\n}\n\n.paris-ficha-col{\n  min-width:0;\n}\n\n.paris-fila{\n  min-height:33px;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:20px;\n  padding:8px 0;\n  border-bottom:1px solid #dedede;\n}\n\n.paris-fila span{\n  flex:0 0 auto;\n  color:#777;\n  font-size:12px;\n  font-weight:400;\n}\n\n.paris-fila strong{\n  color:#171717;\n  font-size:12px;\n  line-height:1.35;\n  font-weight:800;\n  text-align:right;\n}\n\n\/* =====================================\n   RESPONSIVE TABLET\n===================================== *\/\n\n@media(max-width:800px){\n\n  .paris-ficha-cabecera{\n    display:block;\n  }\n\n  .paris-ficha-intro{\n    max-width:none;\n    margin-top:10px;\n    text-align:left;\n  }\n\n  .paris-ficha-grid{\n    grid-template-columns:1fr;\n    gap:0;\n  }\n\n}\n\n\/* =====================================\n   RESPONSIVE M\u00d3VIL\n===================================== *\/\n\n@media(max-width:500px){\n\n  .paris-ficha-tecnica{\n    padding:24px 0;\n  }\n\n  .paris-ficha-cabecera h2{\n    font-size:22px;\n  }\n\n  .paris-fila{\n    align-items:flex-start;\n  }\n\n  .paris-fila span{\n    font-size:11px;\n  }\n\n  .paris-fila strong{\n    max-width:65%;\n    font-size:11px;\n  }\n\n}\n\n<\/style>\n<\/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-879f2f8 e-con e-atomic-element e-flexbox-base e-default-div e-2ad1fa2 \" data-id=\"879f2f8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"879f2f8\" data-e-type=\"e-flexbox\" data-id=\"879f2f8\">\n    <div class=\"elementor-element elementor-element-e0f4c69 e-flex e-con-boxed e-con e-parent\" data-id=\"e0f4c69\" 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-0e52385 elementor-widget elementor-widget-shortcode\" data-id=\"0e52385\" 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<!-- ==========================================\n     SUN STOP \u00b7 P\u00c9RGOLA PAR\u00cdS\n     BLOQUE \u00b7 PROTECCI\u00d3N SOLAR\n========================================== -->\n\n<section class=\"paris-proteccion\">\n\n  <!-- COLUMNA IZQUIERDA -->\n\n  <div class=\"paris-proteccion-texto\">\n\n    <span class=\"paris-proteccion-kicker\">\n      PROTECCI\u00d3N SOLAR\n    <\/span>\n\n    <h2>\n      Sombra natural, luz y ventilaci\u00f3n\n    <\/h2>\n\n    <p>\n      El techo de la P\u00e9rgola PAR\u00cdS est\u00e1 formado por\n      lamas fijas de aluminio que permiten disfrutar\n      de una agradable zona de sombra sin renunciar\n      a la entrada de luz natural.\n    <\/p>\n\n    <p>\n      Su disposici\u00f3n favorece la circulaci\u00f3n del aire,\n      creando un espacio exterior confortable con\n      un dise\u00f1o ligero y contempor\u00e1neo.\n    <\/p>\n\n    <!-- VENTAJAS -->\n\n    <div class=\"paris-proteccion-ventajas\">\n\n      <div class=\"paris-proteccion-ventaja\">\n        <span class=\"paris-proteccion-check\">\u2713<\/span>\n        <span>Protecci\u00f3n solar<\/span>\n      <\/div>\n\n      <div class=\"paris-proteccion-ventaja\">\n        <span class=\"paris-proteccion-check\">\u2713<\/span>\n        <span>Ventilaci\u00f3n natural<\/span>\n      <\/div>\n\n      <div class=\"paris-proteccion-ventaja\">\n        <span class=\"paris-proteccion-check\">\u2713<\/span>\n        <span>Sin mecanismos de accionamiento<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- COLUMNA DERECHA -->\n\n  <div class=\"paris-proteccion-imagen\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/PARIS.png\"\n      alt=\"Detalle de la cubierta de lamas fijas de la P\u00e9rgola PAR\u00cdS\"\n      loading=\"lazy\"\n    >\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* ==========================================\n   BLOQUE GENERAL\n========================================== *\/\n\n.paris-proteccion {\n  width:100%;\n  max-width:1200px;\n  margin:0 auto;\n  padding:35px 0;\n\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  align-items:center;\n  gap:55px;\n\n  font-family:inherit;\n  color:#171717;\n}\n\n.paris-proteccion *,\n.paris-proteccion *::before,\n.paris-proteccion *::after {\n  box-sizing:border-box;\n}\n\n\/* ==========================================\n   TEXTO IZQUIERDA\n========================================== *\/\n\n.paris-proteccion-texto {\n  min-width:0;\n}\n\n.paris-proteccion-kicker {\n  display:block;\n  margin-bottom:9px;\n\n  color:#FF9E18;\n  font-size:12px;\n  font-weight:700;\n  line-height:1.2;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n.paris-proteccion-texto h2 {\n  margin:0 0 18px;\n\n  color:#171717;\n  font-family:inherit;\n  font-size:25px;\n  font-weight:700;\n  line-height:1.15;\n  letter-spacing:0;\n}\n\n.paris-proteccion-texto p {\n  margin:0 0 15px;\n\n  color:#686868;\n  font-family:inherit;\n  font-size:14px;\n  font-weight:400;\n  line-height:1.7;\n}\n\n\/* ==========================================\n   VENTAJAS\n========================================== *\/\n\n.paris-proteccion-ventajas {\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:26px;\n}\n\n.paris-proteccion-ventaja {\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n\n  padding:10px 13px;\n\n  border:1px solid #e7e7e7;\n  border-radius:9px;\n  background:#fff;\n\n  color:#333;\n  font-family:inherit;\n  font-size:12px;\n  font-weight:700;\n  line-height:1.4;\n}\n\n.paris-proteccion-check {\n  color:#FF9E18;\n  font-size:15px;\n  font-weight:800;\n  line-height:1;\n}\n\n\/* ==========================================\n   IMAGEN DERECHA\n========================================== *\/\n\n.paris-proteccion-imagen {\n  width:100%;\n  overflow:hidden;\n\n  padding:15px;\n\n  border-radius:15px;\n  background:#f5f5f5;\n}\n\n.paris-proteccion-imagen img {\n  display:block;\n  width:100%;\n  height:360px;\n\n  object-fit:contain;\n  object-position:center;\n\n  border-radius:8px;\n  background:#fff;\n}\n\n\/* ==========================================\n   RESPONSIVE TABLET\n========================================== *\/\n\n@media(max-width:900px) {\n\n  .paris-proteccion {\n    gap:25px;\n  }\n\n  .paris-proteccion-imagen img {\n    height:310px;\n  }\n\n}\n\n\/* ==========================================\n   RESPONSIVE M\u00d3VIL\n========================================== *\/\n\n@media(max-width:700px) {\n\n  .paris-proteccion {\n    grid-template-columns:1fr;\n    gap:25px;\n    padding:25px 0;\n  }\n\n  .paris-proteccion-texto h2 {\n    font-size:22px;\n  }\n\n  .paris-proteccion-imagen {\n    padding:10px;\n    border-radius:13px;\n  }\n\n  .paris-proteccion-imagen img {\n    height:280px;\n  }\n\n  .paris-proteccion-ventajas {\n    gap:8px;\n    margin-top:20px;\n  }\n\n  .paris-proteccion-ventaja {\n    padding:9px 11px;\n    font-size:11px;\n  }\n\n}\n\n<\/style>\n<\/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-55cc539 e-con e-atomic-element e-flexbox-base e-default-div e-265a95b \" data-id=\"55cc539\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"55cc539\" data-e-type=\"e-flexbox\" data-id=\"55cc539\">\n    <div class=\"elementor-element elementor-element-39eed39 e-flex e-con-boxed e-con e-parent\" data-id=\"39eed39\" 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-895ba3f elementor-widget elementor-widget-shortcode\" data-id=\"895ba3f\" 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<!-- ==========================================\n     SUN STOP \u00b7 P\u00c9RGOLA PAR\u00cdS\n     BLOQUE \u00b7 CINCO CARACTER\u00cdSTICAS\n========================================== -->\n\n<section class=\"paris-fabricado\">\n\n  <div class=\"paris-fabricado-pilares\">\n\n    <!-- 01 \u00b7 FABRICACI\u00d3N EN ESPA\u00d1A -->\n\n    <div class=\"paris-fabricado-item\">\n\n      <span class=\"paris-fabricado-numero\">\n        01\n      <\/span>\n\n      <h3>\n        Fabricado en Espa\u00f1a\n      <\/h3>\n\n      <p>\n        Dise\u00f1o y fabricaci\u00f3n nacional con\n        control directo del proceso productivo\n        para garantizar precisi\u00f3n y calidad\n        en cada etapa.\n      <\/p>\n\n    <\/div>\n\n    <!-- 02 \u00b7 ALUMINIO -->\n\n    <div class=\"paris-fabricado-item\">\n\n      <span class=\"paris-fabricado-numero\">\n        02\n      <\/span>\n\n      <h3>\n        Aluminio 6063-T6\n      <\/h3>\n\n      <p>\n        Estructura de aluminio extrusionado que\n        combina ligereza, estabilidad y\n        resistencia a la corrosi\u00f3n.\n      <\/p>\n\n    <\/div>\n\n    <!-- 03 \u00b7 TECNOLOG\u00cdA CNC -->\n\n    <div class=\"paris-fabricado-item\">\n\n      <span class=\"paris-fabricado-numero\">\n        03\n      <\/span>\n\n      <h3>\n        Tecnolog\u00eda CNC\n      <\/h3>\n\n      <p>\n        Componentes mecanizados con precisi\u00f3n\n        para conseguir un ensamblaje s\u00f3lido\n        y un ajuste exacto de las piezas.\n      <\/p>\n\n    <\/div>\n\n    <!-- 04 \u00b7 LACADO -->\n\n    <div class=\"paris-fabricado-item\">\n\n      <span class=\"paris-fabricado-numero\">\n        04\n      <\/span>\n\n      <h3>\n        Lacado resistente\n      <\/h3>\n\n      <p>\n        Acabados de pintura en polvo\n        termoendurecida, resistentes a\n        la humedad, los rayos UV y\n        la corrosi\u00f3n.\n      <\/p>\n\n    <\/div>\n\n    <!-- 05 \u00b7 MONTAJE -->\n\n    <div class=\"paris-fabricado-item\">\n\n      <span class=\"paris-fabricado-numero\">\n        05\n      <\/span>\n\n      <h3>\n        Montaje sencillo\n      <\/h3>\n\n      <p>\n        Uniones simplificadas y soportes\n        mecanizados que facilitan una\n        instalaci\u00f3n precisa y estable.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* ==========================================\n   BLOQUE PRINCIPAL\n========================================== *\/\n\n.paris-fabricado,\n.paris-fabricado * {\n  box-sizing:border-box;\n}\n\n.paris-fabricado {\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:32px 38px;\n\n  border-radius:20px;\n  background:#FF9E18;\n\n  color:#171717;\n  font-family:inherit;\n\n  box-shadow:\n    0 14px 30px rgba(255,158,24,.14);\n}\n\n\/* ==========================================\n   DISTRIBUCI\u00d3N EN CINCO COLUMNAS\n========================================== *\/\n\n.paris-fabricado-pilares {\n  display:grid;\n  grid-template-columns:repeat(5,minmax(0,1fr));\n  gap:20px;\n\n  margin:0;\n  padding:0;\n  border:0;\n}\n\n.paris-fabricado-item {\n  min-width:0;\n}\n\n\/* ==========================================\n   NUMERACI\u00d3N\n========================================== *\/\n\n.paris-fabricado-numero {\n  display:block;\n  margin-bottom:12px;\n\n  color:rgba(23,23,23,.60);\n\n  font-size:12px;\n  line-height:1;\n  font-weight:800;\n  letter-spacing:.08em;\n}\n\n\/* ==========================================\n   T\u00cdTULOS\n========================================== *\/\n\n.paris-fabricado-item h3 {\n  margin:0 0 9px;\n\n  color:#171717;\n  font-family:inherit;\n\n  font-size:15px;\n  line-height:1.3;\n  font-weight:800;\n}\n\n\/* ==========================================\n   DESCRIPCIONES\n========================================== *\/\n\n.paris-fabricado-item p {\n  margin:0;\n\n  color:#2a2a2a;\n\n  font-family:inherit;\n  font-size:12px;\n  font-weight:400;\n  line-height:1.65;\n}\n\n\/* ==========================================\n   TABLET\n========================================== *\/\n\n@media(max-width:1000px) {\n\n  .paris-fabricado-pilares {\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:26px 24px;\n  }\n\n}\n\n@media(max-width:700px) {\n\n  .paris-fabricado {\n    padding:28px 24px;\n  }\n\n  .paris-fabricado-pilares {\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:25px 20px;\n  }\n\n}\n\n\/* ==========================================\n   M\u00d3VIL\n========================================== *\/\n\n@media(max-width:500px) {\n\n  .paris-fabricado {\n    padding:26px 22px;\n  }\n\n  .paris-fabricado-pilares {\n    grid-template-columns:1fr;\n    gap:22px;\n  }\n\n  .paris-fabricado-numero {\n    margin-bottom:8px;\n  }\n\n}\n\n<\/style>\n<\/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-1ef9e66 e-con e-atomic-element e-flexbox-base e-default-div e-1ef9e66-1fde092 \" data-id=\"1ef9e66\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1ef9e66\" data-e-type=\"e-flexbox\" data-id=\"1ef9e66\">\n    <div class=\"elementor-element elementor-element-34ebdae e-flex e-con-boxed e-con e-parent\" data-id=\"34ebdae\" 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-cb6b696 elementor-widget elementor-widget-shortcode\" data-id=\"cb6b696\" 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<!-- ==========================================\n SUN STOP \u00b7 P\u00c9RGOLA PAR\u00cdS\n CONFIGURADOR DE COLORES\n 2 ESTRUCTURAS \u00d7 3 ACABADOS DE LAMAS\n========================================== -->\n\n<section class=\"paris-config6\" id=\"paris-config6\">\n\n  <!-- CABECERA -->\n\n  <div class=\"paris-config6-header\">\n\n    <span class=\"paris-config6-kicker\">\n      PERSONALIZACI\u00d3N\n    <\/span>\n\n    <h2>Configura tu P\u00e9rgola PAR\u00cdS<\/h2>\n\n    <p>\n      Combina el color de la estructura y las lamas\n      para descubrir los diferentes acabados\n      de la P\u00e9rgola PAR\u00cdS.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"paris-config6-grid\">\n\n    <!-- IMAGEN PRINCIPAL -->\n\n    <div class=\"paris-config6-visual\">\n\n      <div class=\"paris-config6-imagebox\">\n\n        <img decoding=\"async\"\n          class=\"paris-config6-image\"\n          src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Imagen-de-ChatGPT-29-oct-2026-11_25_45.png\"\n          alt=\"P\u00e9rgola PAR\u00cdS blanca con lamas blancas\"\n          loading=\"eager\"\n        >\n\n        <span class=\"paris-config6-photo-label\">\n          TU COMBINACI\u00d3N\n        <\/span>\n\n      <\/div>\n\n      <div class=\"paris-config6-selection\">\n\n        <div>\n          <small>ESTRUCTURA<\/small>\n          <strong class=\"paris-config6-selected-structure\">\n            Blanco\n          <\/strong>\n        <\/div>\n\n        <span class=\"paris-config6-plus\">+<\/span>\n\n        <div>\n          <small>LAMAS<\/small>\n          <strong class=\"paris-config6-selected-slats\">\n            Blanco\n          <\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- PANEL DE CONFIGURACI\u00d3N -->\n\n    <div class=\"paris-config6-panel\">\n\n      <!-- COLOR ESTRUCTURA -->\n\n      <div class=\"paris-config6-group\">\n\n        <div class=\"paris-config6-group-heading\">\n\n          <span class=\"paris-config6-step\">01<\/span>\n\n          <div>\n            <h3>Color de la estructura<\/h3>\n            <p>Selecciona el acabado de los perfiles.<\/p>\n          <\/div>\n\n        <\/div>\n\n        <div\n          class=\"paris-config6-options paris-config6-structures\"\n          role=\"group\"\n          aria-label=\"Color de la estructura\"\n        >\n\n          <button\n            type=\"button\"\n            class=\"paris-config6-option active\"\n            data-structure=\"blanco\"\n            aria-pressed=\"true\"\n          >\n            <span class=\"paris-config6-swatch paris-config6-white\"><\/span>\n            <span>Blanco<\/span>\n          <\/button>\n\n          <button\n            type=\"button\"\n            class=\"paris-config6-option\"\n            data-structure=\"gris\"\n            aria-pressed=\"false\"\n          >\n            <span class=\"paris-config6-swatch paris-config6-dark\"><\/span>\n            <span>Gris oscuro<\/span>\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- COLOR LAMAS -->\n\n      <div class=\"paris-config6-group\">\n\n        <div class=\"paris-config6-group-heading\">\n\n          <span class=\"paris-config6-step\">02<\/span>\n\n          <div>\n            <h3>Color de las lamas<\/h3>\n            <p>Elige el acabado de la cubierta fija.<\/p>\n          <\/div>\n\n        <\/div>\n\n        <div\n          class=\"paris-config6-options paris-config6-slats\"\n          role=\"group\"\n          aria-label=\"Color de las lamas\"\n        >\n\n          <button\n            type=\"button\"\n            class=\"paris-config6-option active\"\n            data-slats=\"blanco\"\n            aria-pressed=\"true\"\n          >\n            <span class=\"paris-config6-swatch paris-config6-white\"><\/span>\n            <span>Blanco<\/span>\n          <\/button>\n\n          <button\n            type=\"button\"\n            class=\"paris-config6-option\"\n            data-slats=\"gris\"\n            aria-pressed=\"false\"\n          >\n            <span class=\"paris-config6-swatch paris-config6-dark\"><\/span>\n            <span>Gris oscuro<\/span>\n          <\/button>\n\n          <button\n            type=\"button\"\n            class=\"paris-config6-option\"\n            data-slats=\"madera\"\n            aria-pressed=\"false\"\n          >\n            <span class=\"paris-config6-swatch paris-config6-wood\"><\/span>\n            <span>Efecto madera<\/span>\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- RESUMEN -->\n\n      <div class=\"paris-config6-summary\" aria-live=\"polite\">\n\n        <span class=\"paris-config6-summary-label\">\n          CONFIGURACI\u00d3N SELECCIONADA\n        <\/span>\n\n        <h4 class=\"paris-config6-summary-title\">\n          Blanco \/ Blanco\n        <\/h4>\n\n        <p class=\"paris-config6-summary-text\">\n          Estructura blanca y lamas blancas.\n          Una combinaci\u00f3n luminosa y atemporal\n          para espacios exteriores.\n        <\/p>\n\n      <\/div>\n\n      <p class=\"paris-config6-note\">\n        Im\u00e1genes orientativas. Los acabados pueden\n        presentar ligeras variaciones respecto al\n        producto final.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================\n   GENERAL\n===================================== *\/\n\n#paris-config6 {\n  --pc-orange:#FF9E18;\n  --pc-black:#171717;\n  --pc-grey:#686868;\n  --pc-border:#dedede;\n\n  width:100%;\n  max-width:1200px;\n  margin:0 auto;\n  padding:35px 0;\n  color:var(--pc-black);\n  font-family:inherit;\n}\n\n#paris-config6 *,\n#paris-config6 *::before,\n#paris-config6 *::after {\n  box-sizing:border-box;\n}\n\n\/* CABECERA *\/\n\n#paris-config6 .paris-config6-header {\n  max-width:760px;\n  margin-bottom:30px;\n}\n\n#paris-config6 .paris-config6-kicker {\n  display:block;\n  margin-bottom:9px;\n  color:var(--pc-orange);\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.08em;\n  line-height:1.2;\n}\n\n#paris-config6 .paris-config6-header h2 {\n  margin:0 0 18px;\n  color:var(--pc-black);\n  font-family:inherit;\n  font-size:25px;\n  font-weight:700;\n  line-height:1.15;\n}\n\n#paris-config6 .paris-config6-header p {\n  margin:0;\n  color:var(--pc-grey);\n  font-size:14px;\n  line-height:1.7;\n}\n\n\/* DISTRIBUCI\u00d3N *\/\n\n#paris-config6 .paris-config6-grid {\n  display:grid;\n  grid-template-columns:1.1fr .9fr;\n  align-items:center;\n  gap:35px;\n}\n\n\/* IMAGEN *\/\n\n#paris-config6 .paris-config6-visual {\n  min-width:0;\n}\n\n#paris-config6 .paris-config6-imagebox {\n  position:relative;\n  height:440px;\n  overflow:hidden;\n  border-radius:15px;\n  background:#f3f3f3;\n}\n\n#paris-config6 .paris-config6-image {\n  display:block;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  opacity:1;\n  transition:opacity .2s ease;\n}\n\n#paris-config6 .paris-config6-image.changing {\n  opacity:.25;\n}\n\n#paris-config6 .paris-config6-photo-label {\n  position:absolute;\n  bottom:14px;\n  left:14px;\n  padding:8px 12px;\n  border-radius:7px;\n  background:rgba(255,255,255,.95);\n  color:#222;\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.06em;\n}\n\n\/* INFORMACI\u00d3N BAJO LA IMAGEN *\/\n\n#paris-config6 .paris-config6-selection {\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:25px;\n  padding:17px 15px;\n  margin-top:12px;\n  border:1px solid #e9e9e9;\n  border-radius:11px;\n  background:#fff;\n  text-align:center;\n}\n\n#paris-config6 .paris-config6-selection > div {\n  display:flex;\n  flex-direction:column;\n  gap:5px;\n}\n\n#paris-config6 .paris-config6-selection small {\n  color:#888;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.06em;\n}\n\n#paris-config6 .paris-config6-selection strong {\n  color:#222;\n  font-size:13px;\n  font-weight:800;\n}\n\n#paris-config6 .paris-config6-plus {\n  color:var(--pc-orange);\n  font-size:23px;\n  font-weight:700;\n}\n\n\/* PANEL *\/\n\n#paris-config6 .paris-config6-panel {\n  min-width:0;\n  display:flex;\n  flex-direction:column;\n  gap:27px;\n}\n\n#paris-config6 .paris-config6-group-heading {\n  display:flex;\n  align-items:flex-start;\n  gap:13px;\n  margin-bottom:14px;\n}\n\n#paris-config6 .paris-config6-step {\n  display:grid;\n  place-items:center;\n  flex:0 0 32px;\n  height:32px;\n  border-radius:9px;\n  background:#fff3e3;\n  color:var(--pc-orange);\n  font-size:12px;\n  font-weight:800;\n}\n\n#paris-config6 .paris-config6-group-heading h3 {\n  margin:0 0 5px;\n  color:#171717;\n  font-family:inherit;\n  font-size:19px;\n  font-weight:700;\n  line-height:1.2;\n}\n\n#paris-config6 .paris-config6-group-heading p {\n  margin:0;\n  color:#777;\n  font-size:12px;\n  line-height:1.5;\n}\n\n\/* BOTONES *\/\n\n#paris-config6 .paris-config6-options {\n  display:grid;\n  gap:10px;\n}\n\n#paris-config6 .paris-config6-structures {\n  grid-template-columns:repeat(2,minmax(0,1fr));\n}\n\n#paris-config6 .paris-config6-slats {\n  grid-template-columns:repeat(3,minmax(0,1fr));\n}\n\n#paris-config6 .paris-config6-option {\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  min-width:0;\n  min-height:103px;\n  padding:13px 6px;\n  border:1px solid var(--pc-border);\n  border-radius:10px;\n  background:#fff;\n  color:#333;\n  font-family:inherit;\n  font-size:12px;\n  font-weight:700;\n  line-height:1.4;\n  text-align:center;\n  cursor:pointer;\n  transition:\n    border-color .2s ease,\n    background .2s ease,\n    transform .2s ease;\n}\n\n#paris-config6 .paris-config6-option:hover {\n  border-color:var(--pc-orange);\n  transform:translateY(-2px);\n}\n\n#paris-config6 .paris-config6-option.active {\n  border-color:var(--pc-orange);\n  background:#fffaf3;\n}\n\n#paris-config6 .paris-config6-option:focus-visible {\n  outline:2px solid var(--pc-orange);\n  outline-offset:3px;\n}\n\n\/* COLORES *\/\n\n#paris-config6 .paris-config6-swatch {\n  display:block;\n  width:43px;\n  height:43px;\n  flex-shrink:0;\n  border:1px solid rgba(0,0,0,.12);\n  border-radius:50%;\n}\n\n#paris-config6 .paris-config6-white {\n  background:#f5f4f0;\n}\n\n#paris-config6 .paris-config6-dark {\n  background:#414348;\n}\n\n#paris-config6 .paris-config6-wood {\n  background:\n    repeating-linear-gradient(\n      97deg,\n      transparent 0 5px,\n      rgba(65,35,15,.15) 6px 8px,\n      transparent 9px 16px\n    ),\n    linear-gradient(\n      110deg,\n      #c79b70,\n      #98704b,\n      #b78659\n    );\n}\n\n\/* RESUMEN *\/\n\n#paris-config6 .paris-config6-summary {\n  padding:19px 20px;\n  border:1px solid #e9e9e9;\n  border-radius:11px;\n  background:#fff;\n}\n\n#paris-config6 .paris-config6-summary-label {\n  color:var(--pc-orange);\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.08em;\n}\n\n#paris-config6 .paris-config6-summary-title {\n  margin:10px 0 8px;\n  color:#171717;\n  font-family:inherit;\n  font-size:18px;\n  font-weight:700;\n  line-height:1.2;\n}\n\n#paris-config6 .paris-config6-summary-text {\n  margin:0;\n  color:#666;\n  font-size:12px;\n  line-height:1.65;\n}\n\n#paris-config6 .paris-config6-note {\n  margin:-13px 0 0;\n  color:#929292;\n  font-size:11px;\n  line-height:1.6;\n}\n\n\/* TABLET *\/\n\n@media(max-width:900px) {\n\n  #paris-config6 .paris-config6-grid {\n    gap:23px;\n  }\n\n  #paris-config6 .paris-config6-panel {\n    gap:19px;\n  }\n\n  #paris-config6 .paris-config6-option {\n    min-height:95px;\n    font-size:11px;\n  }\n\n}\n\n\/* M\u00d3VIL *\/\n\n@media(max-width:700px) {\n\n  #paris-config6 {\n    padding:25px 0;\n  }\n\n  #paris-config6 .paris-config6-header h2 {\n    font-size:22px;\n  }\n\n  #paris-config6 .paris-config6-grid {\n    grid-template-columns:1fr;\n    gap:25px;\n  }\n\n  #paris-config6 .paris-config6-imagebox {\n    height:320px;\n  }\n\n  #paris-config6 .paris-config6-panel {\n    gap:25px;\n  }\n\n  #paris-config6 .paris-config6-group-heading h3 {\n    font-size:18px;\n  }\n\n  #paris-config6 .paris-config6-option {\n    min-height:90px;\n  }\n\n}\n\n@media(max-width:390px) {\n\n  #paris-config6 .paris-config6-options {\n    gap:6px;\n  }\n\n  #paris-config6 .paris-config6-option {\n    padding:12px 4px;\n    font-size:10px;\n  }\n\n  #paris-config6 .paris-config6-swatch {\n    width:35px;\n    height:35px;\n  }\n\n}\n\n@media(prefers-reduced-motion:reduce) {\n\n  #paris-config6 .paris-config6-image,\n  #paris-config6 .paris-config6-option {\n    transition:none;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function(){\n\n  const raiz = document.getElementById('paris-config6');\n\n  if(!raiz || raiz.dataset.iniciado === 'si') return;\n\n  raiz.dataset.iniciado = 'si';\n\n  \/* =====================================\n     IM\u00c1GENES CORRECTAS\n     SEG\u00daN LAS 6 URL FACILITADAS\n  ===================================== *\/\n\n  const IMAGENES = {\n\n    \/* ESTRUCTURA BLANCA *\/\n\n    blanco: {\n\n      \/* BLANCO \/ BLANCO *\/\n      blanco:\n      'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Imagen-de-ChatGPT-29-oct-2026-11_25_45.png',\n\n      \/* BLANCO \/ GRIS *\/\n      gris:\n      'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Imagen-de-ChatGPT-29-oct-2026-11_25_53.png',\n\n      \/* BLANCO \/ MADERA *\/\n      madera:\n      'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Imagen-de-ChatGPT-29-oct-2026-11_26_09.png'\n\n    },\n\n    \/* ESTRUCTURA GRIS OSCURO *\/\n\n    gris: {\n\n      \/* GRIS \/ BLANCO *\/\n      blanco:\n      'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Imagen-de-ChatGPT-29-oct-2026-11_26_16.png',\n\n      \/* GRIS \/ GRIS *\/\n      gris:\n      'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Imagen-de-ChatGPT-29-oct-2026-11_26_26.png',\n\n      \/* GRIS \/ MADERA *\/\n      madera:\n      'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Imagen-de-ChatGPT-29-oct-2026-11_25_20.png'\n\n    }\n\n  };\n\n  const NOMBRES = {\n    blanco:'Blanco',\n    gris:'Gris oscuro',\n    madera:'Efecto madera'\n  };\n\n  const DESCRIPCIONES = {\n    blanco:\n      'Un acabado luminoso y atemporal que aporta claridad al espacio exterior.',\n\n    gris:\n      'Una tonalidad elegante y contempor\u00e1nea para espacios de estilo moderno.',\n\n    madera:\n      'La calidez visual de la madera combinada con la resistencia del aluminio.'\n  };\n\n  \/* ELEMENTOS *\/\n\n  const imagen =\n    raiz.querySelector('.paris-config6-image');\n\n  const botonesEstructura =\n    raiz.querySelectorAll('[data-structure]');\n\n  const botonesLamas =\n    raiz.querySelectorAll('[data-slats]');\n\n  const estructuraSeleccionada =\n    raiz.querySelector('.paris-config6-selected-structure');\n\n  const lamasSeleccionadas =\n    raiz.querySelector('.paris-config6-selected-slats');\n\n  const titulo =\n    raiz.querySelector('.paris-config6-summary-title');\n\n  const descripcion =\n    raiz.querySelector('.paris-config6-summary-text');\n\n  let estructura = 'blanco';\n  let lamas = 'blanco';\n  let cambioId = 0;\n\n  \/* ACTUALIZAR BOTONES *\/\n\n  function actualizarBotones(){\n\n    botonesEstructura.forEach(function(boton){\n\n      const activo =\n        boton.dataset.structure === estructura;\n\n      boton.classList.toggle('active',activo);\n\n      boton.setAttribute(\n        'aria-pressed',\n        activo ? 'true' : 'false'\n      );\n\n    });\n\n    botonesLamas.forEach(function(boton){\n\n      const activo =\n        boton.dataset.slats === lamas;\n\n      boton.classList.toggle('active',activo);\n\n      boton.setAttribute(\n        'aria-pressed',\n        activo ? 'true' : 'false'\n      );\n\n    });\n\n  }\n\n  \/* CAMBIO DE IMAGEN *\/\n\n  function actualizarImagen(){\n\n    const estructuraActual = estructura;\n    const lamasActuales = lamas;\n\n    const nuevaImagen =\n      IMAGENES[estructuraActual][lamasActuales];\n\n    const id = ++cambioId;\n\n    const precarga = new Image();\n\n    precarga.onload = function(){\n\n      if(id !== cambioId) return;\n\n      imagen.classList.add('changing');\n\n      setTimeout(function(){\n\n        if(id !== cambioId) return;\n\n        imagen.src = nuevaImagen;\n\n        imagen.alt =\n          'P\u00e9rgola PAR\u00cdS con estructura ' +\n          NOMBRES[estructuraActual] +\n          ' y lamas ' +\n          NOMBRES[lamasActuales];\n\n        requestAnimationFrame(function(){\n          imagen.classList.remove('changing');\n        });\n\n      },160);\n\n    };\n\n    precarga.onerror = function(){\n\n      if(id === cambioId){\n        imagen.classList.remove('changing');\n      }\n\n    };\n\n    precarga.src = nuevaImagen;\n\n  }\n\n  \/* ACTUALIZAR TEXTOS *\/\n\n  function actualizarTextos(){\n\n    const nombreEstructura = NOMBRES[estructura];\n    const nombreLamas = NOMBRES[lamas];\n\n    estructuraSeleccionada.textContent =\n      nombreEstructura;\n\n    lamasSeleccionadas.textContent =\n      nombreLamas;\n\n    titulo.textContent =\n      nombreEstructura + ' \/ ' + nombreLamas;\n\n    descripcion.textContent =\n      'Estructura en ' +\n      nombreEstructura.toLowerCase() +\n      ' con lamas en ' +\n      nombreLamas.toLowerCase() +\n      '. ' +\n      DESCRIPCIONES[lamas];\n\n  }\n\n  function actualizarTodo(){\n\n    actualizarBotones();\n    actualizarTextos();\n    actualizarImagen();\n\n  }\n\n  \/* SELECCI\u00d3N DE ESTRUCTURA *\/\n\n  botonesEstructura.forEach(function(boton){\n\n    boton.addEventListener('click',function(){\n\n      estructura = boton.dataset.structure;\n\n      actualizarTodo();\n\n    });\n\n  });\n\n  \/* SELECCI\u00d3N DE LAMAS *\/\n\n  botonesLamas.forEach(function(boton){\n\n    boton.addEventListener('click',function(){\n\n      lamas = boton.dataset.slats;\n\n      actualizarTodo();\n\n    });\n\n  });\n\n})();\n<\/script>\n<\/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-29187ec e-con e-atomic-element e-flexbox-base e-default-div e-29187ec-fe40612 \" data-id=\"29187ec\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"29187ec\" data-e-type=\"e-flexbox\" data-id=\"29187ec\">\n    <div class=\"elementor-element elementor-element-d580df3 e-flex e-con-boxed e-con e-parent\" data-id=\"d580df3\" 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-240d426 elementor-widget elementor-widget-shortcode\" data-id=\"240d426\" 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\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1 2 3 &times; \u26f6 DETALLE PAR\u00cdS SUN STOP &#8211; P\u00c9RGOLA PAR\u00cdS La p\u00e9rgola PAR\u00cdS combina dise\u00f1o minimalista, elegancia y funcionalidad. Fabricada en aluminio extrusionado de alta resistencia, incorpora una cubierta de lamas fijas que proporciona sombra y ventilaci\u00f3n natural. Su estructura autoportante, sus acabados de calidad y su sencillo montaje la convierten en una [&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-4384","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/4384","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=4384"}],"version-history":[{"count":0,"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/4384\/revisions"}],"wp:attachment":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}