{"id":3549,"date":"2026-10-01T06:45:08","date_gmt":"2026-10-01T06:45:08","guid":{"rendered":"https:\/\/nueva2025.sun-stop.es\/?page_id=3549"},"modified":"2026-10-07T07:13:41","modified_gmt":"2026-10-07T07:13:41","slug":"marsella","status":"publish","type":"page","link":"https:\/\/nueva2025.sun-stop.es\/?page_id=3549","title":{"rendered":"Marsella | P\u00e9rgola Tensada"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3549\" class=\"elementor elementor-3549\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0aedb03 e-flex e-con-boxed e-con e-parent\" data-id=\"0aedb03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b4d1d48 e-con-full e-flex e-con e-child\" data-id=\"b4d1d48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-661baa1 e-con-full e-flex e-con e-child\" data-id=\"661baa1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc68a53 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"bc68a53\" 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=\"marsella-interactiva\">\n  <div class=\"mi-escena\">\n    <img decoding=\"async\"\n      id=\"mi-imagen-principal\"\n      class=\"mi-imagen-principal\"\n      src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-21-sept-2026-08_39_41.png\"\n      alt=\"P\u00e9rgola tensada Marsella autoportante\"\n    >\n\n    <!-- Punto 1: techo cerrado -->\n    <button\n      type=\"button\"\n      class=\"mi-punto mi-punto-1\"\n      data-detalle=\"1\"\n      aria-label=\"Ver detalle del techo cerrado\"\n    >\n      <span class=\"mi-pulso\"><\/span>\n      <span class=\"mi-numero\">1<\/span>\n    <\/button>\n\n    <!-- Punto 2: techo abierto -->\n    <button\n      type=\"button\"\n      class=\"mi-punto mi-punto-2\"\n      data-detalle=\"2\"\n      aria-label=\"Ver detalle del techo abierto\"\n    >\n      <span class=\"mi-pulso\"><\/span>\n      <span class=\"mi-numero\">2<\/span>\n    <\/button>\n\n    <!-- Punto 3: variedad de tejidos -->\n    <button\n      type=\"button\"\n      class=\"mi-punto mi-punto-3\"\n      data-detalle=\"3\"\n      aria-label=\"Ver variedad de tejidos\"\n    >\n      <span class=\"mi-pulso\"><\/span>\n      <span class=\"mi-numero\">3<\/span>\n    <\/button>\n  <\/div>\n\n  <!-- Ventana emergente -->\n  <div\n    class=\"mi-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Detalle de la p\u00e9rgola Marsella\"\n    hidden\n  >\n    <div class=\"mi-modal-fondo\" data-cerrar><\/div>\n\n    <div class=\"mi-modal-contenido\">\n      <button\n        type=\"button\"\n        class=\"mi-cerrar\"\n        data-cerrar\n        aria-label=\"Cerrar detalle\"\n      >\n        \u00d7\n      <\/button>\n\n      <div class=\"mi-modal-imagen-wrap\">\n        <img decoding=\"async\"\n          class=\"mi-modal-imagen\"\n          src=\"\"\n          alt=\"\"\n        >\n\n        <button\n          type=\"button\"\n          class=\"mi-ampliar\"\n          aria-label=\"Ampliar imagen\"\n          title=\"Ampliar imagen\"\n        >\n          \u26f6\n        <\/button>\n      <\/div>\n\n      <div class=\"mi-modal-informacion\">\n        <div class=\"mi-modal-etiqueta\">\n          DETALLE MARSELLA\n        <\/div>\n\n        <div class=\"mi-modal-titulo\"><\/div>\n        <div class=\"mi-modal-texto\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n#marsella-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#marsella-interactiva,\n#marsella-interactiva * {\n  box-sizing: border-box;\n}\n\n#marsella-interactiva .mi-escena {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 600 \/ 665;\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#marsella-interactiva .mi-imagen-principal {\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  object-fit: cover;\n  object-position: top center;\n  background: #f2f0eb;\n  margin: 0;\n}\n\n#marsella-interactiva .mi-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#marsella-interactiva .mi-punto:hover,\n#marsella-interactiva .mi-punto:focus {\n  background: #dc7e17;\n  transform: translate(-50%, -50%) scale(1.12);\n  outline: none;\n}\n\n#marsella-interactiva .mi-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#marsella-interactiva .mi-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: mi-pulso 1.8s infinite;\n}\n\n@keyframes mi-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#marsella-interactiva .mi-punto-1 {\n  top: 31%;\n  left: 72%;\n}\n\n#marsella-interactiva .mi-punto-2 {\n  top: 29%;\n  left: 53%;\n}\n\n#marsella-interactiva .mi-punto-3 {\n  top: 42%;\n  left: 33%;\n}\n\n\/* Ventana emergente *\/\n#marsella-interactiva .mi-modal[hidden] {\n  display: none !important;\n}\n\n#marsella-interactiva .mi-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  display: grid;\n  place-items: center;\n  padding: 24px;\n}\n\n#marsella-interactiva .mi-modal-fondo {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.78);\n  backdrop-filter: blur(4px);\n}\n\n#marsella-interactiva .mi-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#marsella-interactiva .mi-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#marsella-interactiva .mi-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#marsella-interactiva .mi-modal-imagen.mi-ampliada {\n  transform: scale(1.65);\n  cursor: zoom-out;\n}\n\n#marsella-interactiva .mi-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#marsella-interactiva .mi-modal-informacion {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 38px 32px;\n  background: #ffffff;\n}\n\n#marsella-interactiva .mi-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#marsella-interactiva .mi-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#marsella-interactiva .mi-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#marsella-interactiva .mi-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  #marsella-interactiva .mi-imagen-principal {\n    min-height: 0;\n  }\n\n  #marsella-interactiva .mi-punto {\n    width: 30px;\n    height: 30px;\n  }\n\n  #marsella-interactiva .mi-numero {\n    font-size: 11px !important;\n  }\n\n  #marsella-interactiva .mi-modal {\n    padding: 10px;\n  }\n\n  #marsella-interactiva .mi-modal-contenido {\n    grid-template-columns: 1fr;\n    width: 96vw;\n    max-height: 94vh;\n    overflow-y: auto;\n  }\n\n  #marsella-interactiva .mi-modal-imagen-wrap {\n    min-height: 280px;\n    height: 55vh;\n  }\n\n  #marsella-interactiva .mi-modal-informacion {\n    padding: 22px 20px;\n  }\n\n  #marsella-interactiva .mi-modal-titulo {\n    font-size: 18px !important;\n  }\n\n  #marsella-interactiva .mi-modal-texto {\n    font-size: 11px !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const raiz = document.getElementById('marsella-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\/09\/ChatGPT-Image-21-sept-2026-08_39_41.png';\n\n  const IMAGEN_TECHO_CERRADO =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Marsella_Autoportante_DETAIL_01.jpg';\n\n  const IMAGEN_TECHO_ABIERTO =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Marsella_Autoportante_DETAIL_02.jpg';\n\n  const IMAGEN_VARIEDAD_TEJIDO =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/deta_.jpg';\n\n  const detalles = {\n    1: {\n      titulo: 'Techo completamente cerrado',\n      texto:\n        'El tejido extendido forma una cubierta uniforme que proporciona protecci\u00f3n solar y ayuda a resguardar el espacio frente a la lluvia.',\n      imagen: IMAGEN_TECHO_CERRADO,\n      alt: 'Detalle del techo cerrado de la p\u00e9rgola Marsella'\n    },\n\n    2: {\n      titulo: 'Techo abierto y recogido',\n      texto:\n        'El sistema retr\u00e1ctil permite recoger el tejido para dejar el espacio abierto, regular la entrada de luz y disfrutar de una mayor sensaci\u00f3n de amplitud.',\n      imagen: IMAGEN_TECHO_ABIERTO,\n      alt: 'Detalle del techo abierto de la p\u00e9rgola Marsella'\n    },\n\n    3: {\n      titulo: 'Variedad de tejidos',\n      texto:\n        'La gama de tejidos permite elegir diferentes acabados para adaptar la p\u00e9rgola al estilo del espacio y a las necesidades de protecci\u00f3n y confort.',\n      imagen: IMAGEN_VARIEDAD_TEJIDO,\n      alt: 'Detalle de la variedad de tejidos de la p\u00e9rgola Marsella'\n    }\n  };\n\n  const imagenPrincipal =\n    raiz.querySelector('#mi-imagen-principal');\n\n  const modal =\n    raiz.querySelector('.mi-modal');\n\n  const imagenModal =\n    raiz.querySelector('.mi-modal-imagen');\n\n  const tituloModal =\n    raiz.querySelector('.mi-modal-titulo');\n\n  const textoModal =\n    raiz.querySelector('.mi-modal-texto');\n\n  const botonAmpliar =\n    raiz.querySelector('.mi-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('mi-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('mi-ampliada');\n    imagenModal.removeAttribute('src');\n    document.documentElement.style.overflow = '';\n  }\n\n  function cambiarZoom() {\n    imagenModal.classList.toggle('mi-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-c8ab558 elementor-widget__width-initial elementor-widget elementor-widget-gallery\" data-id=\"c8ab558\" 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\/deta_.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"c8ab558\" data-elementor-lightbox-title=\"deta_\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTUxNywidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL2RldGFfLmpwZyIsInNsaWRlc2hvdyI6ImM4YWI1NTgifQ%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\/deta_-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\/freepik_edit_vista-desde-abajo-de-una-prgola-escena-en-un-jardn-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"c8ab558\" data-elementor-lightbox-title=\"freepik_edit_vista-desde-abajo-de-una-prgola-escena-en-un-jardn\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTUyMCwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL2ZyZWVwaWtfZWRpdF92aXN0YS1kZXNkZS1hYmFqby1kZS11bmEtcHJnb2xhLWVzY2VuYS1lbi11bi1qYXJkbi1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiYzhhYjU1OCJ9\">\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\/freepik_edit_vista-desde-abajo-de-una-prgola-escena-en-un-jardn-288x300.jpg\" data-width=\"288\" 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\/Marsella_Autoportante_DETAIL_01.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"c8ab558\" data-elementor-lightbox-title=\"Marsella_Autoportante_DETAIL_01\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTUyMSwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL01hcnNlbGxhX0F1dG9wb3J0YW50ZV9ERVRBSUxfMDEuanBnIiwic2xpZGVzaG93IjoiYzhhYjU1OCJ9\">\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\/Marsella_Autoportante_DETAIL_01-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-0598a7b e-con-full e-flex e-con e-child\" data-id=\"0598a7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bd8785b e-con-full e-flex e-con e-child\" data-id=\"bd8785b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc3f7b5 elementor-widget elementor-widget-heading\" data-id=\"cc3f7b5\" 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 TENSADA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7898c8 elementor-widget elementor-widget-heading\" data-id=\"d7898c8\" 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\">MARSELLA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c05088 elementor-widget elementor-widget-text-editor\" data-id=\"5c05088\" 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>Dise\u00f1ada para crear espacios exteriores c\u00f3modos, protegidos y elegantes, la <strong>p\u00e9rgola tensada Marsella<\/strong> combina una estructura de aluminio con un sistema de lona retr\u00e1ctil motorizada que permite regular f\u00e1cilmente la entrada de luz y sombra.<\/p><p>Su dise\u00f1o vers\u00e1til permite adaptarla a diferentes espacios gracias a sus m\u00faltiples configuraciones: <strong>autoportante, adosada, entre paredes, alero y versiones multim\u00f3dulo<\/strong>. Adem\u00e1s, puede incorporar <strong>iluminaci\u00f3n LED opcional<\/strong> para disfrutar del espacio tambi\u00e9n durante la noche.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0805de elementor-widget elementor-widget-shortcode\" data-id=\"c0805de\" 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\"><style>\n#marsella-portada-info,\n#marsella-portada-info * {\n  box-sizing: border-box;\n}\n\n#marsella-portada-info {\n  --orange: #FF9E18;\n  --orange-hover: #e78a0d;\n  --text: #252525;\n  --muted: #777777;\n  --border: #dddddd;\n\n  width: 100%;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* =========================\n   CARACTER\u00cdSTICAS\n========================= *\/\n\n#marsella-portada-info .marsella-caracteristicas {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  width: 100%;\n  margin: 0 0 20px;\n}\n\n#marsella-portada-info .marsella-caracteristica {\n  display: flex;\n  align-items: center;\n  min-height: 38px;\n  padding: 9px 13px;\n  border: 1px solid var(--border);\n  border-radius: 11px;\n  background: #ffffff;\n  color: var(--text);\n  font-size: 13px;\n  line-height: 1.25;\n  font-weight: 700;\n}\n\n#marsella-portada-info .marsella-numero {\n  margin-right: 4px;\n  color: var(--orange);\n  font-weight: 800;\n}\n\n\/* =========================\n   BOTONES\n========================= *\/\n\n#marsella-portada-info .marsella-botones {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n}\n\n#marsella-portada-info .marsella-configurar,\n#marsella-portada-info .marsella-funcionamiento-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 40px;\n  padding: 11px 18px;\n\n  border-radius: 10px;\n\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 700;\n\n  text-decoration: none;\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    color .2s ease,\n    border-color .2s ease,\n    transform .2s ease;\n}\n\n\/* Bot\u00f3n configurar *\/\n#marsella-portada-info .marsella-configurar {\n  border: 1px solid var(--orange);\n  background: var(--orange);\n  color: #ffffff;\n}\n\n#marsella-portada-info .marsella-configurar:hover {\n  background: var(--orange-hover);\n  border-color: var(--orange-hover);\n  color: #ffffff;\n  transform: translateY(-1px);\n}\n\n\/* Bot\u00f3n funcionamiento *\/\n#marsella-portada-info .marsella-funcionamiento-btn {\n  appearance: none;\n  border: 1px solid #d2d2d2;\n  background: #ffffff;\n  color: #222222;\n}\n\n#marsella-portada-info .marsella-funcionamiento-btn:hover {\n  border-color: var(--orange);\n  color: var(--orange);\n  transform: translateY(-1px);\n}\n\n\n\/* =========================\n   MODAL FUNCIONAMIENTO\n========================= *\/\n\n#marsella-modal,\n#marsella-modal * {\n  box-sizing: border-box;\n}\n\n#marsella-modal {\n  --orange: #FF9E18;\n\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n\n  display: none;\n  place-items: center;\n\n  padding: 18px;\n\n  background: rgba(0, 0, 0, .58);\n  backdrop-filter: blur(3px);\n\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n#marsella-modal.activo {\n  display: grid;\n}\n\n\/* CAJA *\/\n#marsella-modal .marsella-box {\n  position: relative;\n\n  width: min(900px, 96vw);\n  max-height: 94vh;\n  overflow-y: auto;\n\n  padding: 36px 48px 34px;\n\n  background: #ffffff;\n  border-radius: 5px;\n\n  box-shadow: 0 28px 80px rgba(0, 0, 0, .28);\n}\n\n\/* CERRAR *\/\n#marsella-modal .marsella-close {\n  position: absolute;\n  top: 20px;\n  right: 22px;\n  z-index: 20;\n\n  display: grid;\n  place-items: center;\n\n  width: 32px;\n  height: 32px;\n\n  padding: 0;\n\n  border: 2px solid #dedede;\n  border-radius: 50%;\n\n  background: #ffffff;\n  color: #cccccc;\n\n  font-size: 22px;\n  line-height: 1;\n\n  cursor: pointer;\n}\n\n#marsella-modal .marsella-close:hover {\n  color: var(--orange);\n  border-color: var(--orange);\n}\n\n\/* CABECERA *\/\n#marsella-modal .marsella-header {\n  padding-right: 45px;\n}\n\n#marsella-modal .marsella-header h2 {\n  margin: 0 0 8px;\n\n  color: #686868;\n\n  font-size: 23px;\n  line-height: 1.15;\n  font-weight: 600;\n}\n\n#marsella-modal .marsella-subtitulo {\n  color: #888888;\n\n  font-size: 14px;\n  line-height: 1.2;\n}\n\n#marsella-modal .marsella-subtitulo span {\n  color: var(--orange);\n}\n\n#marsella-modal .marsella-divider {\n  height: 1px;\n\n  margin: 18px 0 26px;\n\n  background: #e7e7e7;\n}\n\n\/* INDICACI\u00d3N *\/\n#marsella-modal .marsella-help {\n  margin-bottom: 13px;\n\n  text-align: center;\n\n  color: #b8b8b8;\n\n  font-size: 14px;\n  font-weight: 600;\n}\n\n#marsella-modal .marsella-arrow {\n  display: block;\n\n  margin-top: 3px;\n\n  font-size: 21px;\n  line-height: 1;\n}\n\n\/* V\u00cdDEO *\/\n#marsella-modal .marsella-media {\n  position: relative;\n\n  width: min(600px, 100%);\n  margin: 0 auto;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  cursor: pointer;\n  user-select: none;\n}\n\n#marsella-modal .marsella-media video {\n  display: block;\n\n  width: 100%;\n  height: auto;\n  max-height: 58vh;\n\n  margin: auto;\n\n  object-fit: contain;\n\n  background: #ffffff;\n}\n\n\/* CARGANDO *\/\n#marsella-modal .marsella-loading {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: #aaaaaa;\n  background: #ffffff;\n\n  font-size: 12px;\n\n  transition: opacity .2s ease;\n\n  pointer-events: none;\n}\n\n#marsella-modal .marsella-loading.oculto {\n  opacity: 0;\n  visibility: hidden;\n}\n\n\/* BOT\u00d3N SOBRE V\u00cdDEO *\/\n#marsella-modal .marsella-hint {\n  position: absolute;\n  left: 50%;\n  bottom: 14px;\n  z-index: 4;\n\n  transform: translateX(-50%);\n\n  display: flex;\n  align-items: center;\n  gap: 7px;\n\n  padding: 8px 13px;\n\n  border-radius: 20px;\n\n  background: rgba(255, 255, 255, .94);\n  color: #777777;\n\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .07em;\n\n  box-shadow: 0 3px 14px rgba(0, 0, 0, .10);\n\n  white-space: nowrap;\n  pointer-events: none;\n\n  transition: opacity .25s ease;\n}\n\n#marsella-modal .marsella-hint strong {\n  color: var(--orange);\n}\n\n\/* PIE *\/\n#marsella-modal .marsella-bottom {\n  margin-top: 20px;\n\n  padding: 18px 22px;\n\n  background: #f6f6f6;\n  color: #666666;\n}\n\n#marsella-modal .marsella-bottom p {\n  margin: 0;\n\n  font-size: 11px;\n  line-height: 1.65;\n}\n\n#marsella-modal .marsella-bottom strong {\n  color: #444444;\n}\n\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 700px) {\n\n  #marsella-portada-info .marsella-caracteristicas {\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  #marsella-portada-info .marsella-caracteristica {\n    min-height: 36px;\n\n    padding: 9px 12px;\n\n    font-size: 12px;\n  }\n\n  #marsella-portada-info .marsella-botones {\n    gap: 8px;\n  }\n\n  #marsella-portada-info .marsella-configurar,\n  #marsella-portada-info .marsella-funcionamiento-btn {\n    min-height: 39px;\n\n    padding: 11px 15px;\n\n    font-size: 12px;\n  }\n\n  #marsella-modal .marsella-box {\n    padding: 28px 18px 22px;\n  }\n\n  #marsella-modal .marsella-close {\n    top: 13px;\n    right: 13px;\n  }\n\n  #marsella-modal .marsella-header h2 {\n    font-size: 19px;\n  }\n\n  #marsella-modal .marsella-subtitulo {\n    font-size: 12px;\n  }\n\n  #marsella-modal .marsella-help {\n    font-size: 12px;\n  }\n\n  #marsella-modal .marsella-bottom {\n    padding: 15px 17px;\n  }\n\n  #marsella-modal .marsella-bottom p {\n    font-size: 10px;\n  }\n}\n<\/style>\n\n\n<div id=\"marsella-portada-info\">\n\n  <!-- CARACTER\u00cdSTICAS -->\n  <div class=\"marsella-caracteristicas\">\n\n    <div class=\"marsella-caracteristica\">\n      <span class=\"marsella-numero\">01.<\/span>\n      Lona tensada retr\u00e1ctil\n    <\/div>\n\n    <div class=\"marsella-caracteristica\">\n      <span class=\"marsella-numero\">02.<\/span>\n      Accionamiento motorizado\n    <\/div>\n\n    <div class=\"marsella-caracteristica\">\n      <span class=\"marsella-numero\">03.<\/span>\n      Iluminaci\u00f3n LED opcional\n    <\/div>\n\n    <div class=\"marsella-caracteristica\">\n      <span class=\"marsella-numero\">04.<\/span>\n      M\u00faltiples configuraciones\n    <\/div>\n\n  <\/div>\n\n\n  <!-- BOTONES -->\n  <div class=\"marsella-botones\">\n\n    <a\n      class=\"marsella-configurar\"\n      href=\"https:\/\/sun-stop.configuradoramedida.com\/application\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      Configurar Marsella\n    <\/a>\n\n    <button\n      type=\"button\"\n      class=\"marsella-funcionamiento-btn\"\n      id=\"marsellaAbrirModal\"\n    >\n      Ver funcionamiento\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n\n<!-- MODAL FUNCIONAMIENTO -->\n<div\n  id=\"marsella-modal\"\n  aria-hidden=\"true\"\n>\n\n  <div\n    class=\"marsella-box\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Funcionamiento P\u00e9rgola Marsella\"\n  >\n\n    <button\n      type=\"button\"\n      class=\"marsella-close\"\n      id=\"marsellaCerrarModal\"\n      aria-label=\"Cerrar\"\n    >\n      \u00d7\n    <\/button>\n\n\n    <div class=\"marsella-header\">\n\n      <h2>P\u00c9RGOLA MARSELLA<\/h2>\n\n      <div class=\"marsella-subtitulo\">\n        <span>TENSADA<\/span> MARSELLA\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"marsella-divider\"><\/div>\n\n\n    <div class=\"marsella-help\">\n\n      Haz clic en la p\u00e9rgola para verla en funcionamiento\n\n      <span class=\"marsella-arrow\">\u2304<\/span>\n\n    <\/div>\n\n\n    <div\n      class=\"marsella-media\"\n      id=\"marsellaMedia\"\n      tabindex=\"0\"\n      role=\"button\"\n      aria-label=\"Ver funcionamiento de la P\u00e9rgola Marsella\"\n    >\n\n      <div\n        class=\"marsella-loading\"\n        id=\"marsellaLoading\"\n      >\n        Cargando p\u00e9rgola...\n      <\/div>\n\n\n      <video\n        id=\"marsellaVideo\"\n        muted\n        playsinline\n        preload=\"auto\"\n      >\n\n        <source\n          src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/0921.mp4\"\n          type=\"video\/mp4\"\n        >\n\n      <\/video>\n\n\n      <div\n        class=\"marsella-hint\"\n        id=\"marsellaHint\"\n      >\n\n        <strong>\u2195<\/strong>\n\n        <span>VER MOVIMIENTO<\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"marsella-bottom\">\n\n      <p>\n        Pulsa sobre la <strong>P\u00e9rgola Marsella<\/strong>\n        para ver el movimiento de apertura de su cubierta.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<script>\n(function () {\n\n  const modal =\n    document.getElementById('marsella-modal');\n\n  const abrirModal =\n    document.getElementById('marsellaAbrirModal');\n\n  const cerrarModal =\n    document.getElementById('marsellaCerrarModal');\n\n  const media =\n    document.getElementById('marsellaMedia');\n\n  const video =\n    document.getElementById('marsellaVideo');\n\n  const hint =\n    document.getElementById('marsellaHint');\n\n  const hintTexto =\n    hint.querySelector('span');\n\n  const loading =\n    document.getElementById('marsellaLoading');\n\n  let reproduciendo = false;\n\n\n  \/* PREPARAR V\u00cdDEO *\/\n  function prepararVideo() {\n\n    video.pause();\n\n    reproduciendo = false;\n\n    hintTexto.textContent =\n      'VER MOVIMIENTO';\n\n    hint.style.opacity = '1';\n\n    loading.classList.remove('oculto');\n\n    if (video.readyState >= 2) {\n\n      try {\n        video.currentTime = 0.05;\n      } catch (e) {}\n\n      loading.classList.add('oculto');\n\n    } else {\n\n      video.load();\n\n    }\n\n  }\n\n\n  \/* V\u00cdDEO CARGADO *\/\n  video.addEventListener(\n    'loadeddata',\n    function () {\n\n      try {\n        video.currentTime = 0.05;\n      } catch (e) {}\n\n      loading.classList.add('oculto');\n\n    }\n  );\n\n\n  video.addEventListener(\n    'canplay',\n    function () {\n\n      loading.classList.add('oculto');\n\n    }\n  );\n\n\n  \/* ABRIR MODAL *\/\n  abrirModal.addEventListener(\n    'click',\n    function () {\n\n      modal.classList.add('activo');\n\n      modal.setAttribute(\n        'aria-hidden',\n        'false'\n      );\n\n      document.documentElement.style.overflow =\n        'hidden';\n\n      prepararVideo();\n\n    }\n  );\n\n\n  \/* CERRAR MODAL *\/\n  function cerrar() {\n\n    modal.classList.remove('activo');\n\n    modal.setAttribute(\n      'aria-hidden',\n      'true'\n    );\n\n    video.pause();\n\n    reproduciendo = false;\n\n    document.documentElement.style.overflow =\n      '';\n\n  }\n\n\n  cerrarModal.addEventListener(\n    'click',\n    cerrar\n  );\n\n\n  \/* REPRODUCIR *\/\n  function reproducir() {\n\n    if (reproduciendo) {\n      return;\n    }\n\n    reproduciendo = true;\n\n    video.pause();\n\n    video.currentTime = 0;\n\n    hint.style.opacity = '.25';\n\n    const playPromise =\n      video.play();\n\n    if (playPromise) {\n\n      playPromise.catch(\n        function (error) {\n\n          console.error(\n            'Error al reproducir:',\n            error\n          );\n\n          reproduciendo = false;\n\n          hint.style.opacity = '1';\n\n        }\n      );\n\n    }\n\n  }\n\n\n  \/* FIN DEL V\u00cdDEO *\/\n  video.addEventListener(\n    'ended',\n    function () {\n\n      reproduciendo = false;\n\n      hint.style.opacity = '1';\n\n      hintTexto.textContent =\n        'VOLVER A VER';\n\n    }\n  );\n\n\n  \/* CLICK EN P\u00c9RGOLA *\/\n  media.addEventListener(\n    'click',\n    reproducir\n  );\n\n\n  \/* TECLADO *\/\n  media.addEventListener(\n    'keydown',\n    function (e) {\n\n      if (\n        e.key === 'Enter' ||\n        e.key === ' '\n      ) {\n\n        e.preventDefault();\n\n        reproducir();\n\n      }\n\n    }\n  );\n\n\n  \/* CERRAR AL HACER CLICK FUERA *\/\n  modal.addEventListener(\n    'click',\n    function (e) {\n\n      if (e.target === modal) {\n        cerrar();\n      }\n\n    }\n  );\n\n\n  \/* CERRAR CON ESC *\/\n  document.addEventListener(\n    'keydown',\n    function (e) {\n\n      if (\n        e.key === 'Escape' &&\n        modal.classList.contains('activo')\n      ) {\n\n        cerrar();\n\n      }\n\n    }\n  );\n\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99f6cc5 e-con-full e-flex e-con e-child\" data-id=\"99f6cc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2651a95 elementor-widget elementor-widget-text-editor\" data-id=\"2651a95\" 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 4.199,00\u0404<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b62efd elementor-widget elementor-widget-text-editor\" data-id=\"5b62efd\" 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-ebd3fba elementor-align-center elementor-widget elementor-widget-button\" data-id=\"ebd3fba\" 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\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a55384 e-flex e-con-boxed e-con e-parent\" data-id=\"4a55384\" 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-14e9b91 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"14e9b91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section id=\"marsella-formatos\">\n\n  <div class=\"mf-inner\">\n\n    <div class=\"mf-grid\">\n\n      <!-- AUTOPORTANTE -->\n      <article class=\"mf-card\">\n\n        <div class=\"mf-image-wrap\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-24-132128.png\"\n            alt=\"P\u00e9rgola tensada Marsella autoportante\"\n            class=\"mf-image mf-image-autoportante\"\n          >\n\n          <div class=\"mf-badge\">\n            AUTOPORTANTE\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"mf-content\">\n\n          <div class=\"mf-number\">\n            01.\n          <\/div>\n\n          <h3>\n            MARSELLA AUTOPORTANTE\n          <\/h3>\n\n          <p>\n            Estructura independiente dise\u00f1ada para crear una zona exterior\n            protegida sin necesidad de fijaci\u00f3n a fachada.\n          <\/p>\n\n          <div class=\"mf-multi\">\n            DISPONIBLE EN VERSI\u00d3N MULTIM\u00d3DULO\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ADOSADA -->\n      <article class=\"mf-card\">\n\n        <div class=\"mf-image-wrap\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/pared-suelo_-scaled.jpg\"\n            alt=\"P\u00e9rgola tensada Marsella adosada\"\n            class=\"mf-image\"\n          >\n\n          <div class=\"mf-badge\">\n            ADOSADA\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"mf-content\">\n\n          <div class=\"mf-number\">\n            02.\n          <\/div>\n\n          <h3>\n            MARSELLA ADOSADA\n          <\/h3>\n\n          <p>\n            Instalaci\u00f3n integrada junto a la vivienda, fijada a pared y\n            apoyada sobre pilares frontales para aprovechar terrazas y patios.\n          <\/p>\n\n          <div class=\"mf-multi\">\n            DISPONIBLE EN VERSI\u00d3N MULTIM\u00d3DULO\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n#marsella-formatos,\n#marsella-formatos * {\n  box-sizing: border-box;\n}\n\n#marsella-formatos {\n  width: 100%;\n  padding: 30px 20px 36px;\n  background: #f5f6f7;\n  font-family: inherit;\n}\n\n#marsella-formatos .mf-inner {\n  width: min(1120px, 100%);\n  margin: 0 auto;\n}\n\n#marsella-formatos .mf-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n}\n\n\n\/* TARJETA *\/\n#marsella-formatos .mf-card {\n  overflow: hidden;\n\n  border: 1px solid #dddddd;\n  border-radius: 16px;\n\n  background: #ffffff;\n}\n\n\n\/* IMAGEN *\/\n#marsella-formatos .mf-image-wrap {\n  position: relative;\n\n  width: 100%;\n  height: 250px;\n\n  overflow: hidden;\n\n  background: #eeeeee;\n}\n\n#marsella-formatos .mf-image {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center center;\n}\n\n\n\/* AUTOPORTANTE *\/\n#marsella-formatos .mf-image-autoportante {\n  object-position: center 32%;\n}\n\n\n\/* ETIQUETA *\/\n#marsella-formatos .mf-badge {\n  position: absolute;\n\n  top: 15px;\n  left: 16px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 9px 14px;\n\n  border-radius: 999px;\n\n  background: #ff9e18;\n  color: #ffffff;\n\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 800;\n\n  letter-spacing: .03em;\n}\n\n\n\/* CONTENIDO *\/\n#marsella-formatos .mf-content {\n  padding: 22px 25px 25px;\n}\n\n#marsella-formatos .mf-number {\n  margin-bottom: 9px;\n\n  color: #ff9e18;\n\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 800;\n}\n\n#marsella-formatos .mf-content h3 {\n  margin: 0 0 11px;\n\n  color: #111111;\n\n  font-size: 23px;\n  line-height: 1.1;\n  font-weight: 800;\n}\n\n#marsella-formatos .mf-content p {\n  margin: 0;\n\n  color: #686868;\n\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n\n\/* MULTIM\u00d3DULO *\/\n#marsella-formatos .mf-multi {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-top: 15px;\n  padding: 7px 11px;\n\n  border: 1px solid #ff9e18;\n  border-radius: 999px;\n\n  background: #ffffff;\n  color: #e8890c;\n\n  font-size: 9px;\n  line-height: 1;\n  font-weight: 800;\n\n  letter-spacing: .06em;\n}\n\n\n\/* TABLET *\/\n@media (max-width: 900px) {\n\n  #marsella-formatos .mf-image-wrap {\n    height: 220px;\n  }\n\n  #marsella-formatos .mf-content h3 {\n    font-size: 21px;\n  }\n\n}\n\n\n\/* M\u00d3VIL *\/\n@media (max-width: 700px) {\n\n  #marsella-formatos {\n    padding: 26px 14px 32px;\n  }\n\n  #marsella-formatos .mf-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  #marsella-formatos .mf-image-wrap {\n    height: 210px;\n  }\n\n  #marsella-formatos .mf-content {\n    padding: 19px 18px 21px;\n  }\n\n  #marsella-formatos .mf-content h3 {\n    font-size: 19px;\n  }\n\n  #marsella-formatos .mf-content p {\n    font-size: 12px;\n  }\n\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68737bc e-flex e-con-boxed e-con e-parent\" data-id=\"68737bc\" 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-d0d4460 elementor-widget elementor-widget-shortcode\" data-id=\"d0d4460\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section id=\"marsella-ficha-tecnica\">\n\n  <div class=\"mft-inner\">\n\n    <div class=\"mft-top\">\n\n      <div class=\"mft-heading\">\n\n        <div class=\"mft-kicker\">\n          FICHA T\u00c9CNICA RESUMIDA\n        <\/div>\n\n        <h2>\n          Caracter\u00edsticas principales\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"mft-intro\">\n        Los datos esenciales de Marsella, visibles desde el primer vistazo.\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"mft-grid\">\n\n      <!-- COLUMNA IZQUIERDA -->\n      <div class=\"mft-column\">\n\n        <div class=\"mft-row\">\n          <span>Producto<\/span>\n          <strong>P\u00e9rgola tensada Marsella<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Estructura<\/span>\n          <strong>Aluminio<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Cubierta<\/span>\n          <strong>Lona tensada retr\u00e1ctil<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Accionamiento<\/span>\n          <strong>Motorizado<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Control<\/span>\n          <strong>Mando a distancia<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Iluminaci\u00f3n<\/span>\n          <strong>LED opcional<\/strong>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- COLUMNA DERECHA -->\n      <div class=\"mft-column\">\n\n        <div class=\"mft-row\">\n          <span>Sistema<\/span>\n          <strong>Gu\u00edas laterales<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Transmisi\u00f3n<\/span>\n          <strong>Eje con motor<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Evacuaci\u00f3n<\/span>\n          <strong>Canal frontal de desag\u00fce<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Configuraci\u00f3n<\/span>\n          <strong>Autoportante \u00b7 Adosada<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Otras versiones<\/span>\n          <strong>Alero \u00b7 Entre paredes<\/strong>\n        <\/div>\n\n        <div class=\"mft-row\">\n          <span>Multim\u00f3dulo<\/span>\n          <strong>Autoportante \u00b7 Adosada<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n#marsella-ficha-tecnica,\n#marsella-ficha-tecnica * {\n  box-sizing: border-box;\n}\n\n#marsella-ficha-tecnica {\n  width: 100%;\n  padding: 0 20px 42px;\n  background: #ffffff;\n  font-family: Arial, Helvetica, sans-serif;\n  color: #111111;\n}\n\n#marsella-ficha-tecnica .mft-inner {\n  width: min(1200px, 100%);\n  margin: 0 auto;\n  border-top: 1px solid #d8d8d8;\n  padding-top: 26px;\n}\n\n\n\/* CABECERA *\/\n#marsella-ficha-tecnica .mft-top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 40px;\n  margin-bottom: 16px;\n}\n\n#marsella-ficha-tecnica .mft-heading {\n  flex: 1 1 55%;\n}\n\n#marsella-ficha-tecnica .mft-kicker {\n  margin-bottom: 7px;\n  color: #ff9e18;\n  font-size: 11px;\n  line-height: 1.2;\n  font-weight: 800;\n  letter-spacing: .12em;\n}\n\n#marsella-ficha-tecnica .mft-heading h2 {\n  margin: 0;\n  color: #111111;\n  font-size: 27px;\n  line-height: 1.15;\n  font-weight: 800;\n}\n\n#marsella-ficha-tecnica .mft-intro {\n  flex: 1 1 45%;\n  padding-top: 30px;\n  text-align: right;\n  color: #8a8a8a;\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n\n\/* GRID *\/\n#marsella-ficha-tecnica .mft-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 32px;\n}\n\n\n\/* FILAS *\/\n#marsella-ficha-tecnica .mft-row {\n  display: grid;\n  grid-template-columns: minmax(120px, 1fr) minmax(180px, 1.2fr);\n  align-items: center;\n  gap: 18px;\n\n  min-height: 37px;\n\n  border-bottom: 1px solid #dddddd;\n}\n\n#marsella-ficha-tecnica .mft-row span {\n  color: #858585;\n  font-size: 13px;\n  line-height: 1.3;\n  font-weight: 400;\n}\n\n#marsella-ficha-tecnica .mft-row strong {\n  text-align: right;\n  color: #111111;\n  font-size: 13px;\n  line-height: 1.3;\n  font-weight: 700;\n}\n\n\n\/* TABLET *\/\n@media (max-width: 900px) {\n\n  #marsella-ficha-tecnica .mft-top {\n    gap: 24px;\n  }\n\n  #marsella-ficha-tecnica .mft-grid {\n    gap: 22px;\n  }\n\n  #marsella-ficha-tecnica .mft-row {\n    grid-template-columns: minmax(110px, .9fr) minmax(150px, 1.2fr);\n  }\n\n}\n\n\n\/* M\u00d3VIL *\/\n@media (max-width: 700px) {\n\n  #marsella-ficha-tecnica {\n    padding: 0 14px 34px;\n  }\n\n  #marsella-ficha-tecnica .mft-inner {\n    padding-top: 22px;\n  }\n\n  #marsella-ficha-tecnica .mft-top {\n    display: block;\n    margin-bottom: 14px;\n  }\n\n  #marsella-ficha-tecnica .mft-heading h2 {\n    font-size: 23px;\n  }\n\n  #marsella-ficha-tecnica .mft-intro {\n    padding-top: 10px;\n    text-align: left;\n    font-size: 12px;\n  }\n\n  #marsella-ficha-tecnica .mft-grid {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  #marsella-ficha-tecnica .mft-column + .mft-column {\n    margin-top: 0;\n  }\n\n  #marsella-ficha-tecnica .mft-row {\n    grid-template-columns: minmax(105px, .8fr) minmax(160px, 1.2fr);\n    min-height: 40px;\n    gap: 14px;\n  }\n\n  #marsella-ficha-tecnica .mft-row span,\n  #marsella-ficha-tecnica .mft-row strong {\n    font-size: 12px;\n  }\n\n}\n\n\n\/* M\u00d3VIL PEQUE\u00d1O *\/\n@media (max-width: 430px) {\n\n  #marsella-ficha-tecnica .mft-row {\n    grid-template-columns: 1fr;\n    gap: 3px;\n    padding: 9px 0;\n  }\n\n  #marsella-ficha-tecnica .mft-row strong {\n    text-align: left;\n  }\n\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8778b8a e-flex e-con-boxed e-con e-parent\" data-id=\"8778b8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ce731ff e-con-full e-flex e-con e-child\" data-id=\"ce731ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c08fef5 e-con-full e-flex e-con e-child\" data-id=\"c08fef5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb47ea9 elementor-widget elementor-widget-text-editor\" data-id=\"bb47ea9\" 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>SELECTOR\u00a0<span style=\"font-family: inherit; font-size: inherit; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-weight: inherit;\">DE COLORES<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eccf1f2 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"eccf1f2\" 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>En la p\u00e9rgola Marsella, cada combinaci\u00f3n de estructura y tejido crea una sensaci\u00f3n diferente. La estructura en <strong>blanco o gris<\/strong> define el car\u00e1cter del conjunto, mientras que las telas en <strong>blanco, gris o beige<\/strong> permiten jugar con la luminosidad y el ambiente de la terraza.<\/p><p>Desde composiciones claras y ligeras hasta acabados m\u00e1s sobrios o c\u00e1lidos, Marsella te permite configurar una p\u00e9rgola que encaje con tu espacio y con la forma en la que quieres disfrutarlo.<\/p>\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-9c298b9 e-con-full e-flex e-con e-child\" data-id=\"9c298b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c86b9d3 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"c86b9d3\" 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=\"configurador-marsella\" class=\"configurador-marsella\">\n  <section class=\"cm-visualizador\">\n    <img decoding=\"async\" id=\"cm-imagen\" src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/Marsella_Perfil-Blanco-Tela-Blanca.jpg\" alt=\"Marsella estructura blanca tela blanca\">\n  <\/section>\n\n  <aside class=\"cm-panel\">\n    <h2>Configura tu p\u00e9rgola<\/h2>\n\n    <div class=\"cm-bloque\">\n      <div class=\"cm-titulo\"><span>1<\/span>Estructura<\/div>\n      <div class=\"cm-opciones\">\n        <button type=\"button\" class=\"cm-boton activo\" data-estructura=\"blanco\">Blanco<\/button>\n        <button type=\"button\" class=\"cm-boton\" data-estructura=\"gris\">Gris<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"cm-bloque\">\n      <div class=\"cm-titulo\"><span>2<\/span>Tela<\/div>\n      <div class=\"cm-colores\">\n        <button type=\"button\" class=\"cm-color activo\" data-tela=\"blanco\" aria-label=\"Tela blanca\">\n          <i class=\"cm-muestra cm-blanco\"><\/i><small>Blanca<\/small>\n        <\/button>\n        <button type=\"button\" class=\"cm-color\" data-tela=\"gris\" aria-label=\"Tela gris\">\n          <i class=\"cm-muestra cm-gris\"><\/i><small>Gris<\/small>\n        <\/button>\n        <button type=\"button\" class=\"cm-color\" data-tela=\"beige\" aria-label=\"Tela beige\">\n          <i class=\"cm-muestra cm-beige\"><\/i><small>Beige<\/small>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/aside>\n<\/div>\n\n<style>\n#configurador-marsella,\n#configurador-marsella *{box-sizing:border-box}\n\n#configurador-marsella{\n  width:100%;\n  max-width:820px;\n  height:350px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:58% 42%;\n  overflow:hidden;\n  background:#fff;\n  border-radius:12px;\n  box-shadow:0 8px 24px rgba(0,0,0,.07);\n  font-family:Arial,Helvetica,sans-serif;\n  color:#171717;\n}\n\n#configurador-marsella .cm-visualizador{\n  height:350px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  background:#f2f2f0;\n}\n\n#configurador-marsella .cm-visualizador img{\n  width:88%;\n  height:88%;\n  display:block;\n  object-fit:contain;\n  transition:opacity .18s ease,transform .18s ease;\n}\n\n#configurador-marsella .cm-visualizador img.cambiando{\n  opacity:.3;\n  transform:scale(.99);\n}\n\n#configurador-marsella .cm-panel{\n  height:350px;\n  padding:22px 24px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  background:#fff;\n}\n\n#configurador-marsella h2{\n  margin:0 0 22px;\n  font-size:23px;\n  line-height:1.05;\n  font-weight:700;\n}\n\n#configurador-marsella .cm-bloque{margin-bottom:20px}\n#configurador-marsella .cm-bloque:last-child{margin-bottom:0}\n\n#configurador-marsella .cm-titulo{\n  margin-bottom:10px;\n  display:flex;\n  align-items:center;\n  gap:7px;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.8px;\n  text-transform:uppercase;\n}\n\n#configurador-marsella .cm-titulo span{\n  width:19px;\n  height:19px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#111;\n  color:#fff;\n  font-size:9px;\n}\n\n#configurador-marsella .cm-opciones{\n  display:flex;\n  gap:7px;\n}\n\n#configurador-marsella .cm-boton{\n  min-width:88px;\n  height:34px;\n  padding:0 13px;\n  border:1px solid #ddd;\n  border-radius:7px;\n  background:#fff;\n  color:#111;\n  cursor:pointer;\n  font:600 11px Arial,Helvetica,sans-serif;\n}\n\n#configurador-marsella .cm-boton.activo{\n  border:2px solid #171717;\n  background:#f7f7f5;\n}\n\n#configurador-marsella .cm-colores{\n  display:flex;\n  gap:20px;\n  align-items:flex-start;\n}\n\n#configurador-marsella .cm-color{\n  padding:0;\n  border:0;\n  background:transparent;\n  cursor:pointer;\n  text-align:center;\n  color:#111;\n}\n\n#configurador-marsella .cm-muestra{\n  width:38px;\n  height:38px;\n  display:block;\n  margin:0 auto;\n  border:4px solid #fff;\n  border-radius:50%;\n  box-shadow:0 0 0 1px #ccc;\n}\n\n#configurador-marsella .cm-color.activo .cm-muestra{\n  box-shadow:0 0 0 2px #111;\n}\n\n#configurador-marsella .cm-color small{\n  display:block;\n  margin-top:6px;\n  font-size:9px;\n  font-weight:600;\n}\n\n#configurador-marsella .cm-blanco{background:#f2f2ee}\n#configurador-marsella .cm-gris{background:#787c80}\n#configurador-marsella .cm-beige{background:#d3c0a4}\n\n@media(max-width:700px){\n  #configurador-marsella{\n    height:auto;\n    grid-template-columns:1fr;\n  }\n  #configurador-marsella .cm-visualizador{height:280px}\n  #configurador-marsella .cm-panel{\n    height:auto;\n    padding:20px;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const root=document.getElementById('configurador-marsella');\n  if(!root)return;\n\n  const imagenes={\n    blanco:{\n      blanco:'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/Marsella_Perfil-Blanco-Tela-Blanca.jpg',\n      gris:'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/Marsella_Perfil-Blanco-Tela-Gris.jpg',\n      beige:'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/Marsella_Perfil-Blanco-Tela-Beig.jpg'\n    },\n    gris:{\n      blanco:'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/Marsella_Perfil-gris-Tela-blanca.jpg',\n      gris:'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/Marsella_Perfil-gris-Tela-Gris.jpg',\n      beige:'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/Marsella_Perfil-gris-Tela-Beig.jpg'\n    }\n  };\n\n  let estructura='blanco';\n  let tela='blanco';\n  const img=root.querySelector('#cm-imagen');\n\n  function actualizar(){\n    const url=imagenes[estructura][tela];\n    img.classList.add('cambiando');\n    const pre=new Image();\n    pre.onload=function(){\n      img.src=url;\n      img.alt='Marsella estructura '+estructura+' tela '+tela;\n      img.classList.remove('cambiando');\n    };\n    pre.onerror=function(){img.classList.remove('cambiando')};\n    pre.src=url;\n  }\n\n  root.querySelectorAll('[data-estructura]').forEach(btn=>{\n    btn.addEventListener('click',function(){\n      root.querySelectorAll('[data-estructura]').forEach(b=>b.classList.remove('activo'));\n      this.classList.add('activo');\n      estructura=this.dataset.estructura;\n      actualizar();\n    });\n  });\n\n  root.querySelectorAll('[data-tela]').forEach(btn=>{\n    btn.addEventListener('click',function(){\n      root.querySelectorAll('[data-tela]').forEach(b=>b.classList.remove('activo'));\n      this.classList.add('activo');\n      tela=this.dataset.tela;\n      actualizar();\n    });\n  });\n\n  Object.values(imagenes).forEach(grupo=>Object.values(grupo).forEach(url=>{const p=new Image();p.src=url;}));\n})();\n<\/script><\/div>\n\t\t\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-ba154c0 e-flex e-con-boxed e-con e-parent\" data-id=\"ba154c0\" 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-5892a34 elementor-widget elementor-widget-shortcode\" data-id=\"5892a34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section id=\"marsella-made-spain\">\n\n  <div class=\"mms-card\">\n\n    <div class=\"mms-watermark\">\n      ES\n    <\/div>\n\n    <div class=\"mms-grid\">\n\n      <!-- IZQUIERDA -->\n      <div class=\"mms-left\">\n\n        <div class=\"mms-kicker\">\n          FABRICADO EN ESPA\u00d1A\n        <\/div>\n\n        <h2>\n          Dise\u00f1o, fabricaci\u00f3n y<br>\n          control en cada etapa\n        <\/h2>\n\n      <\/div>\n\n      <!-- DERECHA -->\n      <div class=\"mms-right\">\n\n        <p>\n          Marsella se fabrica en Espa\u00f1a con una estructura de aluminio\n          y un proceso de producci\u00f3n orientado a cuidar la precisi\u00f3n de cada pieza,\n          el acabado final y la calidad del conjunto.\n        <\/p>\n\n        <p>\n          Desde la transformaci\u00f3n del aluminio hasta el ensamblado,\n          cada fase forma parte de un proceso pensado para ofrecer\n          una soluci\u00f3n exterior s\u00f3lida, cuidada y preparada para integrarse\n          en diferentes tipos de espacios.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"mms-divider\"><\/div>\n\n    <div class=\"mms-process\">\n\n      <span>Extrusi\u00f3n<\/span>\n      <b>\u2022<\/b>\n\n      <span>CNC<\/span>\n      <b>\u2022<\/b>\n\n      <span>Lacado<\/span>\n      <b>\u2022<\/b>\n\n      <span>Ensamblado<\/span>\n      <b>\u2022<\/b>\n\n      <span>Distribuci\u00f3n<\/span>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n#marsella-made-spain,\n#marsella-made-spain * {\n  box-sizing: border-box;\n}\n\n#marsella-made-spain {\n  width: 100%;\n  padding: 24px 20px 40px;\n  background: #ffffff;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n#marsella-made-spain .mms-card {\n  position: relative;\n  overflow: hidden;\n\n  width: min(1120px, 100%);\n  margin: 0 auto;\n\n  padding: 36px 38px 30px;\n\n  background: #f9a100;\n\n  border-radius: 20px;\n}\n\n\n\/* MARCA DE AGUA *\/\n#marsella-made-spain .mms-watermark {\n  position: absolute;\n  top: -16px;\n  right: 24px;\n\n  color: rgba(255,255,255,.16);\n\n  font-size: 100px;\n  line-height: 1;\n  font-weight: 900;\n\n  pointer-events: none;\n}\n\n\n\/* GRID PRINCIPAL *\/\n#marsella-made-spain .mms-grid {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n\n  gap: 60px;\n}\n\n\n\/* IZQUIERDA *\/\n#marsella-made-spain .mms-left {\n  padding-top: 32px;\n}\n\n#marsella-made-spain .mms-kicker {\n  margin-bottom: 8px;\n\n  color: #111111;\n\n  font-size: 11px;\n  line-height: 1.2;\n  font-weight: 800;\n\n  letter-spacing: .12em;\n}\n\n#marsella-made-spain .mms-left h2 {\n  margin: 0;\n\n  color: #111111;\n\n  font-size: 38px;\n  line-height: 1.03;\n  font-weight: 800;\n}\n\n\n\/* DERECHA *\/\n#marsella-made-spain .mms-right {\n  padding-top: 2px;\n}\n\n#marsella-made-spain .mms-right p {\n  margin: 0 0 14px;\n\n  color: #252525;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n#marsella-made-spain .mms-right p:last-child {\n  margin-bottom: 0;\n}\n\n\n\/* L\u00cdNEA *\/\n#marsella-made-spain .mms-divider {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  height: 1px;\n\n  margin: 28px 0 18px;\n\n  background: rgba(0,0,0,.10);\n}\n\n\n\/* PROCESOS *\/\n#marsella-made-spain .mms-process {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  gap: 18px;\n\n  color: #111111;\n\n  font-size: 13px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n#marsella-made-spain .mms-process b {\n  font-size: 14px;\n  line-height: 1;\n}\n\n\n\/* TABLET *\/\n@media (max-width: 900px) {\n\n  #marsella-made-spain .mms-card {\n    padding: 34px 28px 28px;\n  }\n\n  #marsella-made-spain .mms-grid {\n    gap: 36px;\n  }\n\n  #marsella-made-spain .mms-left h2 {\n    font-size: 32px;\n  }\n\n}\n\n\n\/* M\u00d3VIL *\/\n@media (max-width: 700px) {\n\n  #marsella-made-spain {\n    padding: 18px 14px 32px;\n  }\n\n  #marsella-made-spain .mms-card {\n    padding: 28px 20px 24px;\n\n    border-radius: 16px;\n  }\n\n  #marsella-made-spain .mms-grid {\n    grid-template-columns: 1fr;\n\n    gap: 22px;\n  }\n\n  #marsella-made-spain .mms-left {\n    padding-top: 0;\n  }\n\n  #marsella-made-spain .mms-left h2 {\n    font-size: 28px;\n  }\n\n  #marsella-made-spain .mms-right {\n    padding-top: 0;\n  }\n\n  #marsella-made-spain .mms-right p {\n    font-size: 13px;\n  }\n\n  #marsella-made-spain .mms-process {\n    gap: 10px 14px;\n\n    font-size: 12px;\n  }\n\n  #marsella-made-spain .mms-watermark {\n    top: -8px;\n    right: 12px;\n\n    font-size: 70px;\n  }\n\n}\n\n\n\/* M\u00d3VIL PEQUE\u00d1O *\/\n@media (max-width: 430px) {\n\n  #marsella-made-spain .mms-left h2 {\n    font-size: 25px;\n  }\n\n  #marsella-made-spain .mms-process {\n    gap: 8px 11px;\n  }\n\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80c6b85 e-con e-atomic-element e-flexbox-base e-default-div e-fd589dc \" data-id=\"80c6b85\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"80c6b85\" data-e-type=\"e-flexbox\" data-id=\"80c6b85\">\n    <div class=\"elementor-element elementor-element-bf7b05c e-con e-atomic-element e-flexbox-base e-default-div e-bf7b05c-8135bca \" data-id=\"bf7b05c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bf7b05c\" data-e-type=\"e-flexbox\" data-id=\"bf7b05c\">\n    \t\t<div class=\"elementor-element elementor-element-b36ce54 elementor-widget elementor-widget-heading\" data-id=\"b36ce54\" 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\">TECNOLOG\u00cdA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec2408b elementor-widget elementor-widget-heading\" data-id=\"ec2408b\" 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\">Motorizaci\u00f3n, iluminaci\u00f3n y control<\/h2>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-cb06002 e-con e-atomic-element e-flexbox-base e-default-div e-105b2a4 \" data-id=\"cb06002\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cb06002\" data-e-type=\"e-flexbox\" data-id=\"cb06002\">\n    <div class=\"elementor-element elementor-element-4c59247 e-con e-atomic-element e-grid-base e-default-div e-4c59247-f039b9c \" data-id=\"4c59247\" data-element_type=\"e-grid\" data-e-type=\"e-grid\" data-interaction-id=\"4c59247\" data-e-type=\"e-grid\" data-id=\"4c59247\">\n    <div class=\"elementor-element elementor-element-c939c54 e-flex e-con-boxed e-con e-parent\" data-id=\"c939c54\" 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-ae49eaa elementor-widget elementor-widget-heading\" data-id=\"ae49eaa\" 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\">Motorizada<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c39f182 elementor-widget elementor-widget-heading\" data-id=\"c39f182\" 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\">Accionamiento autom\u00e1tico<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-650687a elementor-widget elementor-widget-text-editor\" data-id=\"650687a\" 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>Apertura y cierre motorizado de la cubierta textil para adaptar fac\u00edlmente la protecci\u00f3n solar en cada momento.<\/p>\t\t\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-70e88a5 e-flex e-con-boxed e-con e-parent\" data-id=\"70e88a5\" 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-17d9b30 elementor-widget elementor-widget-heading\" data-id=\"17d9b30\" 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\">LED<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5819e09 elementor-widget elementor-widget-heading\" data-id=\"5819e09\" 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\">Iluminaci\u00f3n integrada<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdd9f70 elementor-widget elementor-widget-text-editor\" data-id=\"cdd9f70\" 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>Opci\u00f3n de iluminaci\u00f3n LED para crear un ambiente m\u00e1s c\u00f3modo y acogedor durante la noche.<\/p>\t\t\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-bc76095 e-flex e-con-boxed e-con e-parent\" data-id=\"bc76095\" 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-70a7d5d elementor-widget elementor-widget-heading\" data-id=\"70a7d5d\" 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\">1 mando<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea5fc30 elementor-widget elementor-widget-heading\" data-id=\"ea5fc30\" 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\">Control centralizado<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6030165 elementor-widget elementor-widget-text-editor\" data-id=\"6030165\" 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>Control c\u00f3modo de la apertura y cierre de la cubierta y de las funciones compatibles desde el mando de control.<\/p>\t\t\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\n<\/div>\n<div class=\"elementor-element elementor-element-1e0d298 e-con e-atomic-element e-flexbox-base e-default-div e-36c90f4 \" data-id=\"1e0d298\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1e0d298\" data-e-type=\"e-flexbox\" data-id=\"1e0d298\">\n    \t\t<div class=\"elementor-element elementor-element-86237a9 elementor-widget elementor-widget-shortcode\" data-id=\"86237a9\" 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\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1 2 3 \u00d7 \u26f6 DETALLE MARSELLA P\u00c9RGOLA TENSADA MARSELLA Dise\u00f1ada para crear espacios exteriores c\u00f3modos, protegidos y elegantes, la p\u00e9rgola tensada Marsella combina una estructura de aluminio con un sistema de lona retr\u00e1ctil motorizada que permite regular f\u00e1cilmente la entrada de luz y sombra. Su dise\u00f1o vers\u00e1til permite adaptarla a diferentes espacios gracias a [&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-3549","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/3549","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=3549"}],"version-history":[{"count":71,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/3549\/revisions"}],"predecessor-version":[{"id":4193,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/3549\/revisions\/4193"}],"wp:attachment":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}