{"id":3490,"date":"2026-09-30T12:32:44","date_gmt":"2026-09-30T12:32:44","guid":{"rendered":"https:\/\/nueva2025.sun-stop.es\/?page_id=3490"},"modified":"2026-10-26T09:02:44","modified_gmt":"2026-10-26T09:02:44","slug":"bolonia","status":"publish","type":"page","link":"https:\/\/nueva2025.sun-stop.es\/?page_id=3490","title":{"rendered":"Bolonia | P\u00e9rgola Bioclim\u00e1tica"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3490\" class=\"elementor elementor-3490\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a86477 e-flex e-con-boxed e-con e-parent\" data-id=\"7a86477\" 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-62c9ab9 e-con-full e-flex e-con e-child\" data-id=\"62c9ab9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-63a5f99 e-con-full e-flex e-con e-child\" data-id=\"63a5f99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d850e54 elementor-widget elementor-widget-shortcode\" data-id=\"d850e54\" 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=\"genova-interactiva\">\n\n  <div class=\"gi-escena\">\n\n    <img decoding=\"async\"\n      id=\"gi-imagen-principal\"\n      class=\"gi-imagen-principal\"\n      src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept-2026-11_55_05.png\"\n      alt=\"P\u00e9rgola bioclim\u00e1tica con cuatro detalles interactivos\"\n    >\n\n\n    <!-- Punto 1: manivela -->\n    <button\n      type=\"button\"\n      class=\"gi-punto gi-punto-1\"\n      data-detalle=\"1\"\n      aria-label=\"Ver detalle de la manivela\"\n    >\n      <span class=\"gi-pulso\"><\/span>\n      <span class=\"gi-numero\">1<\/span>\n    <\/button>\n\n\n    <!-- Punto 2: lamas abiertas -->\n    <button\n      type=\"button\"\n      class=\"gi-punto gi-punto-2\"\n      data-detalle=\"2\"\n      aria-label=\"Ver detalle de las lamas abiertas\"\n    >\n      <span class=\"gi-pulso\"><\/span>\n      <span class=\"gi-numero\">2<\/span>\n    <\/button>\n\n\n    <!-- Punto 3: lamas cerradas -->\n    <button\n      type=\"button\"\n      class=\"gi-punto gi-punto-3\"\n      data-detalle=\"3\"\n      aria-label=\"Ver detalle de las lamas cerradas\"\n    >\n      <span class=\"gi-pulso\"><\/span>\n      <span class=\"gi-numero\">3<\/span>\n    <\/button>\n\n\n    <!-- Punto 4: soporte del pilar -->\n    <button\n      type=\"button\"\n      class=\"gi-punto gi-punto-4\"\n      data-detalle=\"4\"\n      aria-label=\"Ver detalle del soporte del pilar\"\n    >\n      <span class=\"gi-pulso\"><\/span>\n      <span class=\"gi-numero\">4<\/span>\n    <\/button>\n\n  <\/div>\n\n\n  <!-- VENTANA EMERGENTE -->\n\n  <div\n    class=\"gi-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Detalle de la p\u00e9rgola\"\n    hidden\n  >\n\n    <div\n      class=\"gi-modal-fondo\"\n      data-cerrar\n    ><\/div>\n\n\n    <div class=\"gi-modal-contenido\">\n\n      <button\n        type=\"button\"\n        class=\"gi-cerrar\"\n        data-cerrar\n        aria-label=\"Cerrar detalle\"\n      >\n        \u00d7\n      <\/button>\n\n\n      <div class=\"gi-modal-imagen-wrap\">\n\n        <img decoding=\"async\"\n          class=\"gi-modal-imagen\"\n          src=\"\"\n          alt=\"\"\n        >\n\n\n        <button\n          type=\"button\"\n          class=\"gi-ampliar\"\n          aria-label=\"Ampliar imagen\"\n          title=\"Ampliar imagen\"\n        >\n          \u26f6\n        <\/button>\n\n      <\/div>\n\n\n      <div class=\"gi-modal-informacion\">\n\n        <div class=\"gi-modal-etiqueta\">\n          DETALLE DE LA P\u00c9RGOLA\n        <\/div>\n\n        <div class=\"gi-modal-titulo\"><\/div>\n\n        <div class=\"gi-modal-texto\"><\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* ==================================================\n   GENERAL\n================================================== *\/\n\n#genova-interactiva {\n\n  width:100%;\n  max-width:980px;\n\n  margin:0 auto;\n  padding:0;\n\n  background:#ffffff;\n  color:#222222;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  box-sizing:border-box;\n}\n\n\n#genova-interactiva,\n#genova-interactiva * {\n\n  box-sizing:border-box;\n\n}\n\n\n\/* ==================================================\n   ESCENA PRINCIPAL\n================================================== *\/\n\n#genova-interactiva .gi-escena {\n\n  position:relative;\n\n  width:100%;\n\n  aspect-ratio:4 \/ 5;\n\n  overflow:hidden;\n\n  background:#f2f0eb;\n\n  border-radius:4px;\n\n  box-shadow:\n    0 10px 30px\n    rgba(0,0,0,.12);\n\n}\n\n\n\/* ==================================================\n   IMAGEN PRINCIPAL\n================================================== *\/\n\n#genova-interactiva .gi-imagen-principal {\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center bottom;\n\n  background:#f2f0eb;\n\n}\n\n\n\/* ==================================================\n   PUNTOS INTERACTIVOS\n================================================== *\/\n\n#genova-interactiva .gi-punto {\n\n  position:absolute;\n\n  z-index:5;\n\n  width:34px;\n  height:34px;\n\n  margin:0;\n  padding:0;\n\n  border:\n    2px solid #ffffff;\n\n  border-radius:50%;\n\n  background:#f3972d;\n\n  color:#ffffff;\n\n  cursor:pointer;\n\n  box-shadow:\n\n    0 4px 12px\n    rgba(0,0,0,.32),\n\n    0 0 0 5px\n    rgba(243,151,45,.20);\n\n  transform:\n    translate(-50%,-50%);\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n\n}\n\n\n#genova-interactiva .gi-punto:hover,\n#genova-interactiva .gi-punto:focus {\n\n  background:#dc7e17;\n\n  transform:\n    translate(-50%,-50%)\n    scale(1.12);\n\n  outline:none;\n\n}\n\n\n\/* ==================================================\n   N\u00daMEROS\n================================================== *\/\n\n#genova-interactiva .gi-numero {\n\n  position:relative;\n\n  z-index:3;\n\n  display:grid;\n\n  width:100%;\n  height:100%;\n\n  place-items:center;\n\n  color:#ffffff;\n\n  font-size:\n    13px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:700;\n\n}\n\n\n\/* ==================================================\n   EFECTO PULSO\n================================================== *\/\n\n#genova-interactiva .gi-pulso {\n\n  position:absolute;\n\n  inset:-7px;\n\n  z-index:1;\n\n  border:\n    2px solid\n    rgba(243,151,45,.70);\n\n  border-radius:50%;\n\n  animation:\n    gi-pulso 1.8s infinite;\n\n}\n\n\n@keyframes gi-pulso {\n\n  0% {\n\n    opacity:.9;\n\n    transform:\n      scale(.75);\n\n  }\n\n\n  70% {\n\n    opacity:0;\n\n    transform:\n      scale(1.45);\n\n  }\n\n\n  100% {\n\n    opacity:0;\n\n    transform:\n      scale(1.45);\n\n  }\n\n}\n\n\n\/* ==================================================\n   POSICI\u00d3N DE LOS 4 PUNTOS\n================================================== *\/\n\n\n\/* 1 - Manivela \/ pilar izquierdo *\/\n\n#genova-interactiva .gi-punto-1 {\n\n  top:62%;\n  left:25%;\n\n}\n\n\n\/* 2 - Zona central de lamas *\/\n\n#genova-interactiva .gi-punto-2 {\n\n  top:45%;\n  left:52%;\n\n}\n\n\n\/* 3 - Zona derecha de lamas *\/\n\n#genova-interactiva .gi-punto-3 {\n\n  top:42%;\n  left:66%;\n\n}\n\n\n\/* 4 - Base del pilar derecho *\/\n\n#genova-interactiva .gi-punto-4 {\n\n  top:75%;\n  left:75%;\n\n}\n\n\n\/* ==================================================\n   MODAL\n================================================== *\/\n\n#genova-interactiva .gi-modal[hidden] {\n\n  display:none !important;\n\n}\n\n\n#genova-interactiva .gi-modal {\n\n  position:fixed;\n\n  inset:0;\n\n  z-index:999999;\n\n  display:grid;\n\n  place-items:center;\n\n  padding:24px;\n\n}\n\n\n\/* ==================================================\n   FONDO MODAL\n================================================== *\/\n\n#genova-interactiva .gi-modal-fondo {\n\n  position:absolute;\n\n  inset:0;\n\n  background:\n    rgba(0,0,0,.78);\n\n  backdrop-filter:\n    blur(4px);\n\n}\n\n\n\/* ==================================================\n   CONTENIDO MODAL\n================================================== *\/\n\n#genova-interactiva .gi-modal-contenido {\n\n  position:relative;\n\n  z-index:2;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.45fr)\n    minmax(260px,.55fr);\n\n  width:\n    min(1050px,96vw);\n\n  max-height:90vh;\n\n  overflow:hidden;\n\n  background:#ffffff;\n\n  border-radius:5px;\n\n  box-shadow:\n    0 24px 70px\n    rgba(0,0,0,.42);\n\n}\n\n\n\/* ==================================================\n   IMAGEN MODAL\n================================================== *\/\n\n#genova-interactiva .gi-modal-imagen-wrap {\n\n  position:relative;\n\n  display:grid;\n\n  min-height:420px;\n\n  overflow:hidden;\n\n  place-items:center;\n\n  background:#eeeeee;\n\n}\n\n\n#genova-interactiva .gi-modal-imagen {\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  max-height:90vh;\n\n  object-fit:contain;\n\n  background:#eeeeee;\n\n  transition:\n    transform .25s ease;\n\n  cursor:zoom-in;\n\n}\n\n\n\/* ==================================================\n   ZOOM\n================================================== *\/\n\n#genova-interactiva\n.gi-modal-imagen.gi-ampliada {\n\n  transform:\n    scale(1.65);\n\n  cursor:zoom-out;\n\n}\n\n\n\/* ==================================================\n   BOT\u00d3N AMPLIAR\n================================================== *\/\n\n#genova-interactiva .gi-ampliar {\n\n  position:absolute;\n\n  right:13px;\n  bottom:13px;\n\n  width:39px;\n  height:39px;\n\n  padding:0;\n\n  border:0;\n\n  border-radius:50%;\n\n  background:\n    rgba(20,20,20,.78);\n\n  color:#ffffff;\n\n  font-size:\n    20px !important;\n\n  line-height:\n    1 !important;\n\n  cursor:pointer;\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n\n}\n\n\n#genova-interactiva .gi-ampliar:hover {\n\n  background:#f3972d;\n\n  transform:\n    scale(1.08);\n\n}\n\n\n\/* ==================================================\n   INFORMACI\u00d3N MODAL\n================================================== *\/\n\n#genova-interactiva .gi-modal-informacion {\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    38px 32px;\n\n  background:#ffffff;\n\n}\n\n\n#genova-interactiva .gi-modal-etiqueta {\n\n  margin:\n    0 0 7px;\n\n  color:#e78b27;\n\n  font-size:\n    9px !important;\n\n  line-height:\n    1.2 !important;\n\n  font-weight:700;\n\n  letter-spacing:.13em;\n\n}\n\n\n#genova-interactiva .gi-modal-titulo {\n\n  margin:\n    0 0 13px;\n\n  color:#222222;\n\n  font-size:\n    21px !important;\n\n  line-height:\n    1.2 !important;\n\n  font-weight:700;\n\n}\n\n\n#genova-interactiva .gi-modal-texto {\n\n  margin:0;\n\n  color:#606060;\n\n  font-size:\n    12px !important;\n\n  line-height:\n    1.55 !important;\n\n  font-weight:400;\n\n}\n\n\n\/* ==================================================\n   BOT\u00d3N CERRAR\n================================================== *\/\n\n#genova-interactiva .gi-cerrar {\n\n  position:absolute;\n\n  top:12px;\n  right:12px;\n\n  z-index:8;\n\n  display:grid;\n\n  width:38px;\n  height:38px;\n\n  padding:0;\n\n  border:0;\n\n  border-radius:50%;\n\n  place-items:center;\n\n  background:\n    rgba(20,20,20,.84);\n\n  color:#ffffff;\n\n  font-size:\n    25px !important;\n\n  line-height:\n    1 !important;\n\n  cursor:pointer;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n\n}\n\n\n#genova-interactiva .gi-cerrar:hover {\n\n  background:#f3972d;\n\n  transform:\n    scale(1.07);\n\n}\n\n\n\/* ==================================================\n   RESPONSIVE\n================================================== *\/\n\n@media(max-width:760px) {\n\n\n  #genova-interactiva .gi-escena {\n\n    aspect-ratio:4 \/ 5;\n\n  }\n\n\n  #genova-interactiva .gi-imagen-principal {\n\n    object-position:\n      center bottom;\n\n  }\n\n\n  #genova-interactiva .gi-punto {\n\n    width:30px;\n    height:30px;\n\n  }\n\n\n  #genova-interactiva .gi-numero {\n\n    font-size:\n      11px !important;\n\n  }\n\n\n  #genova-interactiva .gi-modal {\n\n    padding:10px;\n\n  }\n\n\n  #genova-interactiva .gi-modal-contenido {\n\n    grid-template-columns:\n      1fr;\n\n    width:96vw;\n\n    max-height:94vh;\n\n    overflow-y:auto;\n\n  }\n\n\n  #genova-interactiva .gi-modal-imagen-wrap {\n\n    min-height:280px;\n\n    height:55vh;\n\n  }\n\n\n  #genova-interactiva .gi-modal-informacion {\n\n    padding:\n      22px 20px;\n\n  }\n\n\n  #genova-interactiva .gi-modal-titulo {\n\n    font-size:\n      18px !important;\n\n  }\n\n\n  #genova-interactiva .gi-modal-texto {\n\n    font-size:\n      11px !important;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n\n  const raiz =\n    document.getElementById(\n      'genova-interactiva'\n    );\n\n\n  if (\n    !raiz ||\n    raiz.dataset.iniciado === 'si'\n  ) {\n\n    return;\n\n  }\n\n\n  raiz.dataset.iniciado = 'si';\n\n\n  \/* ==================================================\n     IMAGEN PRINCIPAL\n  ================================================== *\/\n\n  const IMAGEN_PRINCIPAL =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept-2026-11_55_05.png';\n\n\n  \/* ==================================================\n     IM\u00c1GENES DE DETALLE\n  ================================================== *\/\n\n  const IMAGEN_MANIVELA =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/bolonia-11-scaled.jpg';\n\n\n  const IMAGEN_LAMAS_ABIERTAS =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Lama_abierta_-scaled.png';\n\n\n  const IMAGEN_LAMAS_CERRADAS =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Lama_cerrada_-scaled.png';\n\n\n  const IMAGEN_SOPORTE_PILAR =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/bolonia-2.jpg';\n\n\n  \/* ==================================================\n     DETALLES\n  ================================================== *\/\n\n  const detalles = {\n\n\n    1: {\n\n      titulo:\n        'Manivela de accionamiento',\n\n      texto:\n        'La manivela permite accionar el sistema de forma sencilla y controlar la orientaci\u00f3n de las lamas seg\u00fan las necesidades de sombra, ventilaci\u00f3n o protecci\u00f3n.',\n\n      imagen:\n        IMAGEN_MANIVELA,\n\n      alt:\n        'Detalle de la manivela de accionamiento de la p\u00e9rgola'\n\n    },\n\n\n    2: {\n\n      titulo:\n        'Lamas orientables abiertas',\n\n      texto:\n        'La apertura de las lamas permite regular la entrada de luz y favorecer la ventilaci\u00f3n natural, adaptando el espacio exterior a las condiciones ambientales.',\n\n      imagen:\n        IMAGEN_LAMAS_ABIERTAS,\n\n      alt:\n        'Detalle de las lamas abiertas de la p\u00e9rgola'\n\n    },\n\n\n    3: {\n\n      titulo:\n        'Lamas completamente cerradas',\n\n      texto:\n        'Al cerrarse, las lamas forman una superficie continua que mejora la protecci\u00f3n solar y ayuda a conducir el agua hacia el sistema de evacuaci\u00f3n integrado.',\n\n      imagen:\n        IMAGEN_LAMAS_CERRADAS,\n\n      alt:\n        'Detalle de las lamas cerradas de la p\u00e9rgola'\n\n    },\n\n\n    4: {\n\n      titulo:\n        'Soporte del pilar',\n\n      texto:\n        'El soporte inferior proporciona una base firme para el pilar y contribuye a una instalaci\u00f3n estable, segura y correctamente asentada sobre la superficie.',\n\n      imagen:\n        IMAGEN_SOPORTE_PILAR,\n\n      alt:\n        'Detalle del soporte inferior del pilar de la p\u00e9rgola'\n\n    }\n\n  };\n\n\n  \/* ==================================================\n     ELEMENTOS\n  ================================================== *\/\n\n  const imagenPrincipal =\n    raiz.querySelector(\n      '#gi-imagen-principal'\n    );\n\n\n  const modal =\n    raiz.querySelector(\n      '.gi-modal'\n    );\n\n\n  const imagenModal =\n    raiz.querySelector(\n      '.gi-modal-imagen'\n    );\n\n\n  const tituloModal =\n    raiz.querySelector(\n      '.gi-modal-titulo'\n    );\n\n\n  const textoModal =\n    raiz.querySelector(\n      '.gi-modal-texto'\n    );\n\n\n  const botonAmpliar =\n    raiz.querySelector(\n      '.gi-ampliar'\n    );\n\n\n  imagenPrincipal.src =\n    IMAGEN_PRINCIPAL;\n\n\n  \/* ==================================================\n     ABRIR DETALLE\n  ================================================== *\/\n\n  function abrirDetalle(numero) {\n\n\n    const detalle =\n      detalles[numero];\n\n\n    if (!detalle) {\n\n      return;\n\n    }\n\n\n    imagenModal\n      .classList\n      .remove(\n        'gi-ampliada'\n      );\n\n\n    imagenModal.src =\n      detalle.imagen;\n\n\n    imagenModal.alt =\n      detalle.alt;\n\n\n    tituloModal.textContent =\n      detalle.titulo;\n\n\n    textoModal.textContent =\n      detalle.texto;\n\n\n    modal.hidden =\n      false;\n\n\n    document\n      .documentElement\n      .style\n      .overflow =\n      'hidden';\n\n  }\n\n\n  \/* ==================================================\n     CERRAR\n  ================================================== *\/\n\n  function cerrarDetalle() {\n\n\n    modal.hidden =\n      true;\n\n\n    imagenModal\n      .classList\n      .remove(\n        'gi-ampliada'\n      );\n\n\n    imagenModal\n      .removeAttribute(\n        'src'\n      );\n\n\n    document\n      .documentElement\n      .style\n      .overflow =\n      '';\n\n  }\n\n\n  \/* ==================================================\n     ZOOM\n  ================================================== *\/\n\n  function cambiarZoom() {\n\n\n    imagenModal\n      .classList\n      .toggle(\n        'gi-ampliada'\n      );\n\n  }\n\n\n  \/* ==================================================\n     PUNTOS\n  ================================================== *\/\n\n  raiz\n    .querySelectorAll(\n      '[data-detalle]'\n    )\n    .forEach(\n      function (punto) {\n\n\n        punto\n          .addEventListener(\n            'click',\n            function () {\n\n\n              abrirDetalle(\n                punto.dataset.detalle\n              );\n\n\n            }\n          );\n\n\n      }\n    );\n\n\n  \/* ==================================================\n     CERRAR MODAL\n  ================================================== *\/\n\n  raiz\n    .querySelectorAll(\n      '[data-cerrar]'\n    )\n    .forEach(\n      function (elemento) {\n\n\n        elemento\n          .addEventListener(\n            'click',\n            cerrarDetalle\n          );\n\n\n      }\n    );\n\n\n  \/* ==================================================\n     AMPLIAR\n  ================================================== *\/\n\n  botonAmpliar\n    .addEventListener(\n      'click',\n      cambiarZoom\n    );\n\n\n  imagenModal\n    .addEventListener(\n      'click',\n      cambiarZoom\n    );\n\n\n  \/* ==================================================\n     ESC\n  ================================================== *\/\n\n  document\n    .addEventListener(\n      'keydown',\n      function (evento) {\n\n\n        if (\n          evento.key === 'Escape' &&\n          !modal.hidden\n        ) {\n\n\n          cerrarDetalle();\n\n\n        }\n\n\n      }\n    );\n\n\n})();\n\n<\/script><\/div>\n\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-70efdce e-con-full e-flex e-con e-child\" data-id=\"70efdce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-431a3c5 e-con-full e-flex e-con e-child\" data-id=\"431a3c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8862a22 elementor-widget elementor-widget-heading\" data-id=\"8862a22\" 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 BIOCLIM\u00c1TICA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96ab947 elementor-widget elementor-widget-heading\" data-id=\"96ab947\" 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\">BOLONIA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0b323 elementor-widget elementor-widget-text-editor\" data-id=\"cc0b323\" 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 Bioclim\u00e1tica Bolonia<\/strong> combina dise\u00f1o minimalista, funcionalidad y facilidad de uso. Fabricada en aluminio de alta calidad, incorpora lamas orientables de accionamiento manual que permiten regular la entrada de luz y ventilaci\u00f3n seg\u00fan las necesidades de cada momento. Disponible en versi\u00f3n autoportante y adosada, se adapta con facilidad a terrazas, patios y espacios exteriores.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d2d1b3 elementor-widget elementor-widget-shortcode\" data-id=\"3d2d1b3\" 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  .bolonia-info{\n    max-width:520px;\n    font-family:Arial, Helvetica, sans-serif;\n  }\n\n  .bolonia-info__grid{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:10px;\n    margin-bottom:20px;\n  }\n\n  .bolonia-info__item{\n    border:1px solid #dddddd;\n    border-radius:12px;\n    padding:11px 16px;\n    font-size:14px;\n    font-weight:600;\n    color:#222;\n    background:#fff;\n  }\n\n  .bolonia-info__number{\n    color:#f5a000;\n    font-weight:700;\n  }\n\n  .bolonia-info__buttons{\n    display:flex;\n    gap:10px;\n    flex-wrap:wrap;\n  }\n\n  .bolonia-info__button{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    min-height:40px;\n    padding:0 18px;\n    border-radius:9px;\n    text-decoration:none;\n    font-size:14px;\n    font-weight:700;\n    transition:.2s ease;\n    cursor:pointer;\n  }\n\n  .bolonia-info__button--primary{\n    background:#f5a000;\n    color:#fff;\n    border:1px solid #f5a000;\n  }\n\n  .bolonia-info__button--primary:hover{\n    background:#df9200;\n  }\n\n  .bolonia-info__button--secondary{\n    background:#fff;\n    color:#222;\n    border:1px solid #d5d5d5;\n  }\n\n  .bolonia-info__button--secondary:hover{\n    background:#f7f7f7;\n  }\n\n  \/* MODAL *\/\n  .bolonia-modal{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,.62);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    padding:20px;\n    z-index:99999;\n  }\n\n  .bolonia-modal.active{\n    display:flex;\n  }\n\n  .bolonia-modal__box{\n    position:relative;\n    width:min(720px, 100%);\n    background:#fff;\n    border-radius:18px;\n    padding:20px 20px 18px;\n    box-shadow:0 20px 60px rgba(0,0,0,.25);\n  }\n\n  .bolonia-modal__close{\n    position:absolute;\n    top:12px;\n    right:12px;\n    width:34px;\n    height:34px;\n    border:0;\n    border-radius:50%;\n    background:#f1f1f1;\n    color:#111;\n    font-size:22px;\n    line-height:1;\n    cursor:pointer;\n  }\n\n  .bolonia-modal__eyebrow{\n    margin:0 0 6px;\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.10em;\n    text-transform:uppercase;\n    color:#f5a000;\n  }\n\n  .bolonia-modal__title{\n    margin:0 0 8px;\n    padding-right:40px;\n    font-size:25px;\n    line-height:1.15;\n    font-weight:800;\n    color:#111;\n  }\n\n  .bolonia-modal__text{\n    margin:0 0 16px;\n    max-width:620px;\n    font-size:14px;\n    line-height:1.6;\n    color:#666;\n  }\n\n  .bolonia-modal__video{\n    width:100%;\n    max-width:560px;\n    margin:0 auto;\n    border-radius:14px;\n    overflow:hidden;\n    background:#000;\n  }\n\n  .bolonia-modal__video video{\n    display:block;\n    width:100%;\n    height:auto;\n    cursor:pointer;\n  }\n\n  .bolonia-modal__hint{\n    margin:10px 0 0;\n    text-align:center;\n    font-size:12px;\n    color:#8a8a8a;\n  }\n\n  @media(max-width:600px){\n\n    .bolonia-info__grid{\n      grid-template-columns:1fr;\n    }\n\n    .bolonia-info__buttons{\n      flex-direction:column;\n    }\n\n    .bolonia-info__button{\n      width:100%;\n    }\n\n    .bolonia-modal{\n      padding:14px;\n    }\n\n    .bolonia-modal__box{\n      width:100%;\n      padding:18px 14px 16px;\n    }\n\n    .bolonia-modal__title{\n      font-size:22px;\n      padding-right:34px;\n    }\n\n    .bolonia-modal__text{\n      font-size:13px;\n    }\n\n    .bolonia-modal__video{\n      max-width:100%;\n    }\n  }\n<\/style>\n\n<div class=\"bolonia-info\">\n\n  <div class=\"bolonia-info__grid\">\n\n    <div class=\"bolonia-info__item\">\n      <span class=\"bolonia-info__number\">01.<\/span>\n      Aluminio 6063 T6\n    <\/div>\n\n    <div class=\"bolonia-info__item\">\n      <span class=\"bolonia-info__number\">02.<\/span>\n      Medida est\u00e1ndar 300 \u00d7 400 cm\n    <\/div>\n\n    <div class=\"bolonia-info__item\">\n      <span class=\"bolonia-info__number\">03.<\/span>\n      Accionamiento manual \u00b7 Manivela\n    <\/div>\n\n    <div class=\"bolonia-info__item\">\n      <span class=\"bolonia-info__number\">04.<\/span>\n      Lamas orientables hasta 140\u00b0\n    <\/div>\n\n  <\/div>\n\n  <div class=\"bolonia-info__buttons\">\n\n    <a\n      href=\"https:\/\/sun-stop.configuradoramedida.com\/application\"\n      target=\"_blank\"\n      rel=\"noopener\"\n      class=\"bolonia-info__button bolonia-info__button--primary\">\n      Configurar Bolonia\n    <\/a>\n\n    <button\n      type=\"button\"\n      class=\"bolonia-info__button bolonia-info__button--secondary\"\n      id=\"bolonia-open-video\">\n      Ver funcionamiento\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n<!-- MODAL FUNCIONAMIENTO -->\n<div class=\"bolonia-modal\" id=\"bolonia-video-modal\" aria-hidden=\"true\">\n\n  <div class=\"bolonia-modal__box\">\n\n    <button\n      type=\"button\"\n      class=\"bolonia-modal__close\"\n      id=\"bolonia-close-video\"\n      aria-label=\"Cerrar\">\n      \u00d7\n    <\/button>\n\n    <p class=\"bolonia-modal__eyebrow\">\n      Funcionamiento\n    <\/p>\n\n    <h2 class=\"bolonia-modal__title\">\n      Movimiento manual de las lamas\n    <\/h2>\n\n    <p class=\"bolonia-modal__text\">\n      La p\u00e9rgola bioclim\u00e1tica Bolonia regula la orientaci\u00f3n de sus lamas\n      de forma manual mediante manivela. Este sistema permite controlar\n      la entrada de luz, sombra y ventilaci\u00f3n seg\u00fan las necesidades\n      de cada momento.\n    <\/p>\n\n    <div class=\"bolonia-modal__video\">\n\n      <video\n        id=\"bolonia-video\"\n        controls\n        preload=\"metadata\"\n        playsinline>\n\n        <source\n          src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/movimiento-lamas-bioclimatica.mp4\"\n          type=\"video\/mp4\">\n\n        Tu navegador no admite la reproducci\u00f3n de v\u00eddeo.\n\n      <\/video>\n\n    <\/div>\n\n    <p class=\"bolonia-modal__hint\">\n      Pulsa sobre el v\u00eddeo para comenzar a ver el movimiento de las lamas.\n    <\/p>\n\n  <\/div>\n\n<\/div>\n\n<script>\n  const boloniaOpenVideo = document.getElementById('bolonia-open-video');\n  const boloniaCloseVideo = document.getElementById('bolonia-close-video');\n  const boloniaModal = document.getElementById('bolonia-video-modal');\n  const boloniaVideo = document.getElementById('bolonia-video');\n\n  function openBoloniaVideo(){\n    boloniaModal.classList.add('active');\n    boloniaModal.setAttribute('aria-hidden', 'false');\n  }\n\n  function closeBoloniaVideo(){\n    boloniaModal.classList.remove('active');\n    boloniaModal.setAttribute('aria-hidden', 'true');\n    boloniaVideo.pause();\n    boloniaVideo.currentTime = 0;\n  }\n\n  boloniaOpenVideo.addEventListener('click', openBoloniaVideo);\n  boloniaCloseVideo.addEventListener('click', closeBoloniaVideo);\n\n  boloniaModal.addEventListener('click', function(e){\n    if(e.target === boloniaModal){\n      closeBoloniaVideo();\n    }\n  });\n\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && boloniaModal.classList.contains('active')){\n      closeBoloniaVideo();\n    }\n  });\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e569a2 e-con-full e-flex e-con e-child\" data-id=\"1e569a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7905e68 elementor-widget elementor-widget-text-editor\" data-id=\"7905e68\" 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\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69130bb elementor-widget elementor-widget-text-editor\" data-id=\"69130bb\" 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-2dc77a5 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2dc77a5\" 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-cf21ad3 e-flex e-con-boxed e-con e-parent\" data-id=\"cf21ad3\" 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-d30948b elementor-widget elementor-widget-shortcode\" data-id=\"d30948b\" 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  #bolonia-tipos,\n  #bolonia-tipos * {\n    box-sizing: border-box;\n  }\n\n  #bolonia-tipos {\n    width: 100%;\n    padding: 56px 20px 60px;\n    background: #f5f6f7;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .bolonia-tipos__wrap {\n    max-width: 1120px;\n    margin: 0 auto;\n  }\n\n  .bolonia-tipos__head {\n    text-align: center;\n    margin-bottom: 34px;\n  }\n\n  .bolonia-tipos__eyebrow {\n    display: inline-block;\n    margin-bottom: 8px;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    color: #f5a000;\n  }\n\n  .bolonia-tipos__title {\n    margin: 0;\n    font-size: 32px;\n    line-height: 1.15;\n    font-weight: 800;\n    color: #171717;\n  }\n\n  .bolonia-tipos__subtitle {\n    max-width: 660px;\n    margin: 12px auto 0;\n    font-size: 15px;\n    line-height: 1.6;\n    color: #777;\n  }\n\n  .bolonia-tipos__grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  .bolonia-card {\n    background: #fff;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid #e7e7e7;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .bolonia-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 34px rgba(0,0,0,.08);\n  }\n\n  .bolonia-card__image {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 10;\n    overflow: hidden;\n    background: #e8e8e8;\n  }\n\n  .bolonia-card__image img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    transition: transform .4s ease;\n  }\n\n  .bolonia-card:hover .bolonia-card__image img {\n    transform: scale(1.025);\n  }\n\n  .bolonia-card__badge {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 34px;\n    padding: 0 13px;\n    border-radius: 999px;\n    background: #f5a000;\n    color: #fff;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .04em;\n  }\n\n  .bolonia-card__content {\n    padding: 24px 26px 27px;\n  }\n\n  .bolonia-card__number {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 13px;\n    font-weight: 800;\n    color: #f5a000;\n  }\n\n  .bolonia-card__title {\n    margin: 0 0 10px;\n    font-size: 24px;\n    line-height: 1.2;\n    font-weight: 800;\n    color: #171717;\n    text-transform: uppercase;\n  }\n\n  .bolonia-card__text {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.65;\n    color: #707070;\n  }\n\n  @media (max-width: 800px) {\n    #bolonia-tipos {\n      padding: 42px 16px 46px;\n    }\n\n    .bolonia-tipos__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .bolonia-tipos__title {\n      font-size: 27px;\n    }\n  }\n\n  @media (max-width: 500px) {\n    .bolonia-card__content {\n      padding: 20px;\n    }\n\n    .bolonia-card__title {\n      font-size: 21px;\n    }\n\n    .bolonia-tipos__subtitle {\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<section id=\"bolonia-tipos\">\n\n  <div class=\"bolonia-tipos__wrap\">\n\n    <div class=\"bolonia-tipos__head\">\n      <span class=\"bolonia-tipos__eyebrow\">P\u00e9rgola bioclim\u00e1tica Bolonia<\/span>\n\n      <h2 class=\"bolonia-tipos__title\">\n        Una soluci\u00f3n para cada espacio\n      <\/h2>\n\n      <p class=\"bolonia-tipos__subtitle\">\n        Elige la configuraci\u00f3n que mejor se adapte a tu terraza o jard\u00edn:\n        instalaci\u00f3n independiente o integrada directamente en la vivienda.\n      <\/p>\n    <\/div>\n\n    <div class=\"bolonia-tipos__grid\">\n\n      <!-- AUTOPORTANTE -->\n      <article class=\"bolonia-card\">\n\n        <div class=\"bolonia-card__image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/bolonia-autoprtante-scaled-e1784888922851.png\"\n            alt=\"P\u00e9rgola bioclim\u00e1tica Bolonia autoportante\">\n\n          <span class=\"bolonia-card__badge\">\n            AUTOPORTANTE\n          <\/span>\n\n        <\/div>\n\n        <div class=\"bolonia-card__content\">\n\n          <span class=\"bolonia-card__number\">\n            01.\n          <\/span>\n\n          <h3 class=\"bolonia-card__title\">\n            Bolonia Autoportante\n          <\/h3>\n\n          <p class=\"bolonia-card__text\">\n            Estructura independiente dise\u00f1ada para crear una zona exterior\n            protegida sin necesidad de fijaci\u00f3n a fachada.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ADOSADA -->\n      <article class=\"bolonia-card\">\n\n        <div class=\"bolonia-card__image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/bolonia_adosada-4-scaled-e1784888897330.jpg\"\n            alt=\"P\u00e9rgola bioclim\u00e1tica Bolonia adosada\">\n\n          <span class=\"bolonia-card__badge\">\n            ADOSADA\n          <\/span>\n\n        <\/div>\n\n        <div class=\"bolonia-card__content\">\n\n          <span class=\"bolonia-card__number\">\n            02.\n          <\/span>\n\n          <h3 class=\"bolonia-card__title\">\n            Bolonia Adosada\n          <\/h3>\n\n          <p class=\"bolonia-card__text\">\n            Instalaci\u00f3n integrada en la vivienda, fijada a pared y apoyada\n            sobre pilares frontales para aprovechar terrazas y patios.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section><\/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-e5bab7b e-con-full e-flex e-con e-parent\" data-id=\"e5bab7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3efa7db elementor-widget elementor-widget-shortcode\" data-id=\"3efa7db\" 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  #bolonia-ficha,\n  #bolonia-ficha * {\n    box-sizing: border-box;\n  }\n\n  #bolonia-ficha {\n    width: 100%;\n    padding: 28px 20px 34px;\n    font-family: Arial, Helvetica, sans-serif;\n    background: #fff;\n  }\n\n  .bolonia-ficha__wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    border-top: 1px solid #dddddd;\n    padding-top: 26px;\n  }\n\n  .bolonia-ficha__top {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 30px;\n    margin-bottom: 18px;\n  }\n\n  .bolonia-ficha__eyebrow {\n    margin: 0 0 6px;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .10em;\n    text-transform: uppercase;\n    color: #f5a000;\n  }\n\n  .bolonia-ficha__title {\n    margin: 0;\n    font-size: 28px;\n    line-height: 1.15;\n    font-weight: 800;\n    color: #111;\n  }\n\n  .bolonia-ficha__intro {\n    margin: 0 0 4px;\n    font-size: 13px;\n    color: #8a8a8a;\n    text-align: right;\n  }\n\n  .bolonia-ficha__grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 0 32px;\n  }\n\n  .bolonia-ficha__row {\n    min-height: 37px;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: 18px;\n    border-bottom: 1px solid #dddddd;\n  }\n\n  .bolonia-ficha__label {\n    font-size: 13px;\n    font-weight: 400;\n    color: #8a8a8a;\n  }\n\n  .bolonia-ficha__value {\n    font-size: 13px;\n    font-weight: 700;\n    color: #111;\n    text-align: right;\n  }\n\n  @media (max-width: 800px) {\n    .bolonia-ficha__top {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 10px;\n    }\n\n    .bolonia-ficha__intro {\n      text-align: left;\n    }\n\n    .bolonia-ficha__grid {\n      grid-template-columns: 1fr;\n      gap: 0;\n    }\n\n    .bolonia-ficha__title {\n      font-size: 24px;\n    }\n  }\n\n  @media (max-width: 500px) {\n    #bolonia-ficha {\n      padding: 24px 15px 30px;\n    }\n\n    .bolonia-ficha__row {\n      grid-template-columns: 1fr;\n      gap: 4px;\n      padding: 10px 0;\n    }\n\n    .bolonia-ficha__value {\n      text-align: left;\n    }\n  }\n<\/style>\n\n<section id=\"bolonia-ficha\">\n\n  <div class=\"bolonia-ficha__wrap\">\n\n    <div class=\"bolonia-ficha__top\">\n\n      <div>\n        <p class=\"bolonia-ficha__eyebrow\">\n          Ficha t\u00e9cnica resumida\n        <\/p>\n\n        <h2 class=\"bolonia-ficha__title\">\n          Caracter\u00edsticas principales\n        <\/h2>\n      <\/div>\n\n      <p class=\"bolonia-ficha__intro\">\n        Los datos esenciales de Bolonia, visibles desde el primer vistazo.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"bolonia-ficha__grid\">\n\n      <!-- COLUMNA IZQUIERDA -->\n      <div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Producto\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            P\u00e9rgola bioclim\u00e1tica Bolonia\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Material\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            Aluminio 6063 T6\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Medida est\u00e1ndar\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            300 \u00d7 400 cm\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Accionamiento\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            Manual mediante manivela\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Apertura de lamas\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            Hasta 140\u00b0\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Cerramientos\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            Verticales manuales\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- COLUMNA DERECHA -->\n      <div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Fabricaci\u00f3n\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            Espa\u00f1a\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Aluminio\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            100% reciclable\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Altura\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            230 cm\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Sistema\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            Card\u00e1n integrado\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Techo cerrado\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            Plano\n          <\/span>\n        <\/div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Versiones\n          <\/span>\n          <span class=\"bolonia-ficha__value\">\n            Autoportante \u00b7 adosada\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-022928f e-flex e-con-boxed e-con e-parent\" data-id=\"022928f\" 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-b342baf e-con-full e-flex e-con e-child\" data-id=\"b342baf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79e690d elementor-widget elementor-widget-shortcode\" data-id=\"79e690d\" 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  #bolonia-lamas,\n  #bolonia-lamas *{\n    box-sizing:border-box;\n  }\n\n  #bolonia-lamas{\n    width:100%;\n    padding:34px 20px 40px;\n    background:#fff;\n    font-family:inherit;\n    color:#111;\n  }\n\n  .bolonia-lamas__wrap{\n    max-width:1100px;\n    margin:0 auto;\n  }\n\n  .bolonia-lamas__eyebrow{\n    margin:0 0 7px;\n    color:#FF9E18;\n    font-size:12px;\n    font-weight:700;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n  }\n\n  .bolonia-lamas__title{\n    margin:0 0 9px;\n    font-size:25px;\n    line-height:1.15;\n    font-weight:700;\n  }\n\n  .bolonia-lamas__intro{\n    max-width:760px;\n    margin:0 0 16px;\n    color:#777;\n    font-size:13px;\n    line-height:1.55;\n  }\n\n  .bolonia-lamas__manual{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    margin:0 0 24px;\n    padding:8px 12px;\n    border-radius:999px;\n    background:#fff7eb;\n    color:#222;\n    font-size:12px;\n    font-weight:700;\n  }\n\n  .bolonia-lamas__manual-dot{\n    width:7px;\n    height:7px;\n    border-radius:50%;\n    background:#FF9E18;\n  }\n\n  .bolonia-lamas__grid{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:18px;\n  }\n\n  .bolonia-lamas__card{\n    overflow:hidden;\n    border:1px solid #e3e3e3;\n    border-radius:16px;\n    background:#fff;\n    transition:\n      transform .2s ease,\n      box-shadow .2s ease,\n      border-color .2s ease;\n  }\n\n  .bolonia-lamas__card:hover{\n    transform:translateY(-3px);\n    border-color:#FF9E18;\n    box-shadow:0 12px 28px rgba(0,0,0,.06);\n  }\n\n  .bolonia-lamas__image{\n    width:100%;\n    height:235px;\n    overflow:hidden;\n    background:#fff;\n    padding:8px 14px 0;\n  }\n\n  .bolonia-lamas__image img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:contain;\n    background:#fff;\n  }\n\n  .bolonia-lamas__content{\n    padding:14px 18px 18px;\n    text-align:center;\n    border-top:1px solid #efefef;\n    background:#fff;\n  }\n\n  .bolonia-lamas__angle{\n    margin:0 0 4px;\n    color:#FF9E18;\n    font-size:22px;\n    line-height:1;\n    font-weight:700;\n  }\n\n  .bolonia-lamas__name{\n    margin:0 0 7px;\n    font-size:16px;\n    line-height:1.25;\n    font-weight:700;\n  }\n\n  .bolonia-lamas__text{\n    margin:0;\n    color:#858585;\n    font-size:12px;\n    line-height:1.5;\n  }\n\n  @media(max-width:700px){\n\n    #bolonia-lamas{\n      padding:28px 15px 34px;\n    }\n\n    .bolonia-lamas__grid{\n      grid-template-columns:1fr;\n    }\n\n    .bolonia-lamas__image{\n      height:210px;\n    }\n\n    .bolonia-lamas__title{\n      font-size:22px;\n    }\n  }\n<\/style>\n\n<section id=\"bolonia-lamas\">\n\n  <div class=\"bolonia-lamas__wrap\">\n\n    <p class=\"bolonia-lamas__eyebrow\">\n      Funcionamiento bioclim\u00e1tico\n    <\/p>\n\n    <h2 class=\"bolonia-lamas__title\">\n      Dos posiciones, un control total del ambiente\n    <\/h2>\n\n    <p class=\"bolonia-lamas__intro\">\n      La orientaci\u00f3n de las lamas permite adaptar la entrada de luz,\n      sombra y ventilaci\u00f3n seg\u00fan las necesidades de cada momento.\n    <\/p>\n\n    <div class=\"bolonia-lamas__manual\">\n      <span class=\"bolonia-lamas__manual-dot\"><\/span>\n      Accionamiento manual mediante manivela\n    <\/div>\n\n    <div class=\"bolonia-lamas__grid\">\n\n      <!-- 0\u00ba -->\n      <article class=\"bolonia-lamas__card\">\n\n        <div class=\"bolonia-lamas__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/0o.png\"\n            alt=\"Lamas Bolonia cerradas a 0 grados\">\n        <\/div>\n\n        <div class=\"bolonia-lamas__content\">\n\n          <p class=\"bolonia-lamas__angle\">\n            0\u00b0\n          <\/p>\n\n          <h3 class=\"bolonia-lamas__name\">\n            Techo cerrado\n          <\/h3>\n\n          <p class=\"bolonia-lamas__text\">\n            Las lamas se sit\u00faan en posici\u00f3n horizontal,\n            formando una cubierta plana.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 140\u00ba -->\n      <article class=\"bolonia-lamas__card\">\n\n        <div class=\"bolonia-lamas__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/140o.png\"\n            alt=\"Lamas Bolonia abiertas a 140 grados\">\n        <\/div>\n\n        <div class=\"bolonia-lamas__content\">\n\n          <p class=\"bolonia-lamas__angle\">\n            140\u00b0\n          <\/p>\n\n          <h3 class=\"bolonia-lamas__name\">\n            Apertura m\u00e1xima\n          <\/h3>\n\n          <p class=\"bolonia-lamas__text\">\n            M\u00e1xima orientaci\u00f3n de las lamas para favorecer\n            la entrada de luz y la ventilaci\u00f3n natural.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c7e516 elementor-widget elementor-widget-shortcode\" data-id=\"3c7e516\" 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  #bolonia-fabricado,\n  #bolonia-fabricado *{\n    box-sizing:border-box;\n  }\n\n  #bolonia-fabricado{\n    width:100%;\n    padding:22px 20px;\n    font-family:Arial, Helvetica, sans-serif;\n    background:#fff;\n  }\n\n  .bolonia-fabricado__box{\n    position:relative;\n    overflow:hidden;\n    max-width:1120px;\n    margin:0 auto;\n    padding:24px 38px 30px;\n    border-radius:20px;\n    background:#f5a000;\n    color:#111;\n  }\n\n  .bolonia-fabricado__watermark{\n    position:absolute;\n    top:-25px;\n    right:18px;\n    font-size:118px;\n    line-height:1;\n    font-weight:900;\n    color:rgba(255,255,255,.14);\n    pointer-events:none;\n    user-select:none;\n  }\n\n  .bolonia-fabricado__content{\n    position:relative;\n    z-index:2;\n    display:grid;\n    grid-template-columns:42% 58%;\n    gap:38px;\n    align-items:start;\n  }\n\n  .bolonia-fabricado__eyebrow{\n    margin:20px 0 8px;\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n  }\n\n  .bolonia-fabricado__title{\n    margin:0;\n    max-width:430px;\n    font-size:38px;\n    line-height:1.02;\n    font-weight:800;\n    letter-spacing:-.02em;\n  }\n\n  .bolonia-fabricado__text{\n    padding-right:6px;\n    padding-top:28px;\n  }\n\n  .bolonia-fabricado__text p{\n    margin:0 0 13px;\n    font-size:15px;\n    line-height:1.55;\n    color:#171717;\n  }\n\n  .bolonia-fabricado__line{\n    position:relative;\n    z-index:2;\n    width:calc(58% - 38px);\n    height:1px;\n    margin:14px 0 18px auto;\n    background:rgba(20,20,20,.14);\n  }\n\n  .bolonia-fabricado__features{\n    position:relative;\n    z-index:2;\n    display:flex;\n    align-items:center;\n    flex-wrap:wrap;\n    gap:16px;\n    font-size:13px;\n    font-weight:800;\n  }\n\n  .bolonia-fabricado__dot{\n    width:5px;\n    height:5px;\n    border-radius:50%;\n    background:#111;\n    display:inline-block;\n  }\n\n  @media(max-width:800px){\n\n    .bolonia-fabricado__box{\n      padding:24px 24px 26px;\n    }\n\n    .bolonia-fabricado__content{\n      grid-template-columns:1fr;\n      gap:20px;\n    }\n\n    .bolonia-fabricado__eyebrow{\n      margin-top:0;\n    }\n\n    .bolonia-fabricado__title{\n      font-size:32px;\n    }\n\n    .bolonia-fabricado__text{\n      padding-top:0;\n    }\n\n    .bolonia-fabricado__line{\n      width:100%;\n      margin-top:18px;\n    }\n\n    .bolonia-fabricado__watermark{\n      font-size:88px;\n    }\n  }\n<\/style>\n\n<section id=\"bolonia-fabricado\">\n\n  <div class=\"bolonia-fabricado__box\">\n\n    <div class=\"bolonia-fabricado__watermark\">\n      ES\n    <\/div>\n\n    <div class=\"bolonia-fabricado__content\">\n\n      <div>\n\n        <p class=\"bolonia-fabricado__eyebrow\">\n          Fabricado en Espa\u00f1a\n        <\/p>\n\n        <h2 class=\"bolonia-fabricado__title\">\n          Dise\u00f1o, fabricaci\u00f3n y precisi\u00f3n en cada detalle\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"bolonia-fabricado__text\">\n\n        <p>\n          Bolonia se fabrica en Espa\u00f1a con aluminio 6063 T6 y\n          aluminio 100% reciclable, combinando resistencia,\n          durabilidad y una est\u00e9tica limpia y minimalista.\n        <\/p>\n\n        <p>\n          Sus piezas se mecanizan mediante tecnolog\u00eda CNC de alta\n          precisi\u00f3n y cuentan con torniller\u00eda oculta, logrando un\n          acabado cuidado y preparado para integrarse en todo tipo\n          de espacios exteriores.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"bolonia-fabricado__line\"><\/div>\n\n    <div class=\"bolonia-fabricado__features\">\n\n      <span>Fabricaci\u00f3n nacional<\/span>\n\n      <span class=\"bolonia-fabricado__dot\"><\/span>\n\n      <span>Aluminio 6063 T6<\/span>\n\n      <span class=\"bolonia-fabricado__dot\"><\/span>\n\n      <span>Tecnolog\u00eda CNC<\/span>\n\n      <span class=\"bolonia-fabricado__dot\"><\/span>\n\n      <span>Torniller\u00eda oculta<\/span>\n\n      <span class=\"bolonia-fabricado__dot\"><\/span>\n\n      <span>100% reciclable<\/span>\n\n    <\/div>\n\n  <\/div>\n\n<\/section><\/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-90f1ae7 e-flex e-con-boxed e-con e-parent\" data-id=\"90f1ae7\" 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-b3d4017 elementor-widget elementor-widget-shortcode\" data-id=\"b3d4017\" 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#bolonia-configurador,\n#bolonia-configurador *{\n  box-sizing:border-box;\n}\n\n#bolonia-configurador{\n  width:100%;\n  padding:28px 20px 34px;\n  background:#fff;\n  color:#111;\n  font-family:inherit;\n}\n\n.bolonia-config__wrap{\n  max-width:900px;\n  margin:0 auto;\n}\n\n.bolonia-config__eyebrow{\n  margin:0 0 6px;\n  color:#FF9E18;\n  font-size:12px;\n  line-height:1.2;\n  font-weight:700;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n.bolonia-config__title{\n  margin:0 0 7px;\n  color:#111;\n  font-size:25px;\n  line-height:1.15;\n  font-weight:700;\n}\n\n.bolonia-config__intro{\n  max-width:560px;\n  margin:0 0 20px;\n  color:#777;\n  font-size:13px;\n  line-height:1.55;\n}\n\n.bolonia-config__grid{\n  display:grid;\n  grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);\n  gap:22px;\n  align-items:center;\n}\n\n.bolonia-config__visual{\n  position:relative;\n  width:100%;\n  overflow:hidden;\n  border-radius:13px;\n  background:#f3f3f3;\n  box-shadow:0 10px 24px rgba(0,0,0,.07);\n}\n\n.bolonia-config__image{\n  display:block;\n  width:100%;\n  height:300px;\n  object-fit:cover;\n  opacity:1;\n  transition:opacity .2s ease;\n}\n\n.bolonia-config__image.is-changing{\n  opacity:.25;\n}\n\n.bolonia-config__image-label{\n  position:absolute;\n  left:12px;\n  bottom:12px;\n  display:inline-flex;\n  align-items:center;\n  min-height:28px;\n  padding:0 10px;\n  border-radius:999px;\n  background:rgba(255,255,255,.92);\n  box-shadow:0 3px 10px rgba(0,0,0,.08);\n  color:#111;\n  font-size:11px;\n  font-weight:700;\n}\n\n.bolonia-config__panel-title{\n  margin:0 0 5px;\n  font-size:16px;\n  line-height:1.25;\n  font-weight:700;\n}\n\n.bolonia-config__panel-text{\n  margin:0 0 15px;\n  color:#858585;\n  font-size:12px;\n  line-height:1.5;\n}\n\n.bolonia-config__options{\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n}\n\n.bolonia-config__option{\n  width:100%;\n  display:grid;\n  grid-template-columns:38px 1fr;\n  align-items:center;\n  gap:10px;\n  padding:8px 10px;\n  border:1px solid #dedede;\n  border-radius:10px;\n  background:#fff;\n  text-align:left;\n  font-family:inherit;\n  cursor:pointer;\n  transition:\n    border-color .2s ease,\n    transform .2s ease,\n    background .2s ease;\n}\n\n.bolonia-config__option:hover{\n  transform:translateY(-1px);\n  border-color:#FF9E18;\n}\n\n.bolonia-config__option.is-active{\n  border-color:#FF9E18;\n  background:#fffaf3;\n}\n\n.bolonia-config__thumb{\n  width:38px;\n  height:38px;\n  overflow:hidden;\n  border-radius:7px;\n  background:#eee;\n}\n\n.bolonia-config__thumb img{\n  width:100%;\n  height:100%;\n  display:block;\n  object-fit:cover;\n}\n\n.bolonia-config__option-number{\n  display:block;\n  margin-bottom:1px;\n  color:#FF9E18;\n  font-size:9px;\n  line-height:1.2;\n  font-weight:700;\n  letter-spacing:.07em;\n}\n\n.bolonia-config__option-name{\n  display:block;\n  color:#111;\n  font-size:12px;\n  line-height:1.25;\n  font-weight:700;\n}\n\n.bolonia-config__hint{\n  margin:11px 0 0;\n  color:#999;\n  font-size:10px;\n  line-height:1.4;\n}\n\n@media(max-width:700px){\n\n  #bolonia-configurador{\n    padding:24px 15px 30px;\n  }\n\n  .bolonia-config__grid{\n    grid-template-columns:1fr;\n    gap:18px;\n  }\n\n  .bolonia-config__image{\n    height:250px;\n  }\n\n  .bolonia-config__options{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  .bolonia-config__option{\n    grid-template-columns:1fr;\n    justify-items:center;\n    text-align:center;\n  }\n\n  .bolonia-config__thumb{\n    width:100%;\n    height:62px;\n  }\n}\n\n@media(max-width:480px){\n\n  .bolonia-config__options{\n    grid-template-columns:1fr;\n  }\n\n  .bolonia-config__option{\n    grid-template-columns:44px 1fr;\n    justify-items:stretch;\n    text-align:left;\n  }\n\n  .bolonia-config__thumb{\n    width:44px;\n    height:44px;\n  }\n}\n<\/style>\n\n<section id=\"bolonia-configurador\">\n\n  <div class=\"bolonia-config__wrap\">\n\n    <p class=\"bolonia-config__eyebrow\">\n      Personalizaci\u00f3n\n    <\/p>\n\n    <h2 class=\"bolonia-config__title\">\n      Elige el acabado de tu Bolonia\n    <\/h2>\n\n    <p class=\"bolonia-config__intro\">\n      Pasa el cursor sobre cada acabado para visualizarlo en la p\u00e9rgola.\n    <\/p>\n\n    <div class=\"bolonia-config__grid\">\n\n      <div class=\"bolonia-config__visual\">\n\n        <img decoding=\"async\"\n          id=\"bolonia-config-imagen\"\n          class=\"bolonia-config__image\"\n          src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-3.jpg\"\n          alt=\"P\u00e9rgola Bolonia en acabado 01\"\n        >\n\n        <div\n          id=\"bolonia-config-label\"\n          class=\"bolonia-config__image-label\"\n        >\n          Acabado 01\n        <\/div>\n\n      <\/div>\n\n      <div class=\"bolonia-config__panel\">\n\n        <h3 class=\"bolonia-config__panel-title\">\n          Acabados\n        <\/h3>\n\n        <p class=\"bolonia-config__panel-text\">\n          Selecciona un color para cambiar la imagen.\n        <\/p>\n\n        <div class=\"bolonia-config__options\">\n\n          <button\n            type=\"button\"\n            class=\"bolonia-config__option is-active\"\n            data-image=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-3.jpg\"\n            data-name=\"Acabado 01\"\n            data-alt=\"P\u00e9rgola Bolonia en acabado 01\"\n          >\n\n            <span class=\"bolonia-config__thumb\">\n              <img decoding=\"async\"\n                src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-3.jpg\"\n                alt=\"\"\n              >\n            <\/span>\n\n            <span>\n              <span class=\"bolonia-config__option-number\">01<\/span>\n              <span class=\"bolonia-config__option-name\">Acabado 01<\/span>\n            <\/span>\n\n          <\/button>\n\n          <button\n            type=\"button\"\n            class=\"bolonia-config__option\"\n            data-image=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-12-scaled.jpg\"\n            data-name=\"Acabado 02\"\n            data-alt=\"P\u00e9rgola Bolonia en acabado 02\"\n          >\n\n            <span class=\"bolonia-config__thumb\">\n              <img decoding=\"async\"\n                src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-12-scaled.jpg\"\n                alt=\"\"\n              >\n            <\/span>\n\n            <span>\n              <span class=\"bolonia-config__option-number\">02<\/span>\n              <span class=\"bolonia-config__option-name\">Acabado 02<\/span>\n            <\/span>\n\n          <\/button>\n\n          <button\n            type=\"button\"\n            class=\"bolonia-config__option\"\n            data-image=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-1.jpg\"\n            data-name=\"Acabado 03\"\n            data-alt=\"P\u00e9rgola Bolonia en acabado 03\"\n          >\n\n            <span class=\"bolonia-config__thumb\">\n              <img decoding=\"async\"\n                src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-1.jpg\"\n                alt=\"\"\n              >\n            <\/span>\n\n            <span>\n              <span class=\"bolonia-config__option-number\">03<\/span>\n              <span class=\"bolonia-config__option-name\">Acabado 03<\/span>\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n        <p class=\"bolonia-config__hint\">\n          En m\u00f3vil, toca cada acabado.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n\n  const configurador =\n    document.getElementById('bolonia-configurador');\n\n  if(!configurador){\n    return;\n  }\n\n  const imagen =\n    configurador.querySelector('#bolonia-config-imagen');\n\n  const label =\n    configurador.querySelector('#bolonia-config-label');\n\n  const opciones =\n    configurador.querySelectorAll('.bolonia-config__option');\n\n\n  function actualizarActivo(opcion){\n\n    opciones.forEach(function(item){\n      item.classList.remove('is-active');\n    });\n\n    opcion.classList.add('is-active');\n\n    label.textContent =\n      opcion.dataset.name || '';\n\n  }\n\n\n  function mostrarAcabado(opcion){\n\n    if(!opcion){\n      return;\n    }\n\n    const nuevaImagen =\n      opcion.dataset.image;\n\n    const nuevoNombre =\n      opcion.dataset.name;\n\n    const nuevoAlt =\n      opcion.dataset.alt;\n\n    imagen.classList.add('is-changing');\n\n    const precarga = new Image();\n\n    precarga.onload = function(){\n\n      imagen.src = nuevaImagen;\n\n      imagen.alt =\n        nuevoAlt || nuevoNombre || 'P\u00e9rgola Bolonia';\n\n      actualizarActivo(opcion);\n\n      requestAnimationFrame(function(){\n        imagen.classList.remove('is-changing');\n      });\n\n    };\n\n    precarga.src = nuevaImagen;\n\n  }\n\n\n  opciones.forEach(function(opcion){\n\n    opcion.addEventListener(\n      'mouseenter',\n      function(){\n        mostrarAcabado(opcion);\n      }\n    );\n\n    opcion.addEventListener(\n      'click',\n      function(){\n        mostrarAcabado(opcion);\n      }\n    );\n\n    opcion.addEventListener(\n      'focus',\n      function(){\n        mostrarAcabado(opcion);\n      }\n    );\n\n  });\n\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90566cf e-flex e-con-boxed e-con e-parent\" data-id=\"90566cf\" 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-d94d5cd elementor-widget elementor-widget-shortcode\" data-id=\"d94d5cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- =========================================================\n     DOCUMENTACI\u00d3N \u00b7 G\u00c9NOVA\n========================================================= -->\n\n<section class=\"genova-documentacion\">\n\n  <div class=\"genova-documentacion-inner\">\n\n    <!-- CABECERA -->\n    <div class=\"genova-documentacion-header\">\n\n      <span class=\"genova-documentacion-eyebrow\">\n        DOCUMENTACI\u00d3N\n      <\/span>\n\n      <h2>\n        Manuales y soporte\n      <\/h2>\n\n      <p>\n        Consulta toda la documentaci\u00f3n t\u00e9cnica, manuales de instalaci\u00f3n,\n        uso y mantenimiento de nuestros productos.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- TARJETA DOCUMENTACI\u00d3N -->\n    <a\n      href=\"https:\/\/manuales.sun-stop.es\/\"\n      class=\"genova-documentacion-card\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n\n      <div class=\"genova-documentacion-icon\">\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M6 2.8h8l4 4V21H6z\"><\/path>\n          <path d=\"M14 2.8V7h4\"><\/path>\n          <path d=\"M9 11h6\"><\/path>\n          <path d=\"M9 14h6\"><\/path>\n          <path d=\"M9 17h4\"><\/path>\n        <\/svg>\n\n      <\/div>\n\n\n      <div class=\"genova-documentacion-content\">\n\n        <div class=\"genova-documentacion-text\">\n\n          <h3>\n            Documentaci\u00f3n Sun Stop\n          <\/h3>\n\n          <p>\n            Accede a nuestra biblioteca de manuales para consultar\n            toda la informaci\u00f3n de instalaci\u00f3n, funcionamiento y mantenimiento.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"genova-documentacion-link\">\n          Ver todos los manuales\n          <span>\u2192<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   DOCUMENTACI\u00d3N\n========================================================= *\/\n\n.genova-documentacion{\n  width:100%;\n  padding:55px 20px;\n\n  background:#f3f4f5;\n\n  font-family:inherit;\n}\n\n.genova-documentacion-inner{\n  width:100%;\n  max-width:1070px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.genova-documentacion-header{\n  max-width:720px;\n\n  margin-bottom:28px;\n}\n\n.genova-documentacion-eyebrow{\n  display:block;\n\n  margin-bottom:8px;\n\n  color:#FF9E18;\n\n  font-size:12px;\n  font-weight:700;\n  line-height:1.2;\n\n  letter-spacing:.08em;\n\n  text-transform:uppercase;\n}\n\n.genova-documentacion-header h2{\n  margin:0 0 10px;\n\n  color:#111;\n\n  font-family:inherit;\n  font-size:25px;\n  font-weight:700;\n  line-height:1.15;\n\n  letter-spacing:0;\n}\n\n.genova-documentacion-header p{\n  margin:0;\n\n  color:#777;\n\n  font-size:14px;\n  font-weight:400;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   TARJETA\n========================================================= *\/\n\n.genova-documentacion-card{\n  width:100%;\n\n  display:flex;\n  align-items:center;\n\n  gap:22px;\n\n  padding:22px 24px;\n\n  border:1px solid #dedede;\n  border-radius:14px;\n\n  background:#fff;\n\n  text-decoration:none;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    border-color .25s ease;\n}\n\n.genova-documentacion-card:hover{\n  transform:translateY(-3px);\n\n  border-color:#FF9E18;\n\n  box-shadow:\n    0 12px 30px rgba(0,0,0,.07);\n}\n\n\n\/* =========================================================\n   ICONO\n========================================================= *\/\n\n.genova-documentacion-icon{\n  width:54px;\n  min-width:54px;\n  height:54px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:12px;\n\n  background:#fff4e4;\n}\n\n.genova-documentacion-icon svg{\n  width:24px;\n  height:24px;\n\n  fill:none;\n\n  stroke:#FF9E18;\n  stroke-width:1.6;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.genova-documentacion-content{\n  width:100%;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.genova-documentacion-text h3{\n  margin:0 0 5px;\n\n  color:#181818;\n\n  font-family:inherit;\n  font-size:16px;\n  font-weight:700;\n  line-height:1.25;\n}\n\n.genova-documentacion-text p{\n  max-width:650px;\n\n  margin:0;\n\n  color:#777;\n\n  font-size:12px;\n  font-weight:400;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ENLACE\n========================================================= *\/\n\n.genova-documentacion-link{\n  flex-shrink:0;\n\n  display:flex;\n  align-items:center;\n\n  gap:7px;\n\n  color:#FF9E18;\n\n  font-size:12px;\n  font-weight:700;\n\n  text-transform:uppercase;\n\n  letter-spacing:.02em;\n\n  transition:gap .2s ease;\n}\n\n.genova-documentacion-card:hover\n.genova-documentacion-link{\n  gap:11px;\n}\n\n.genova-documentacion-link span{\n  font-size:17px;\n  line-height:1;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  .genova-documentacion{\n    padding:42px 18px;\n  }\n\n  .genova-documentacion-header{\n    margin-bottom:22px;\n  }\n\n  .genova-documentacion-header h2{\n    font-size:22px;\n  }\n\n  .genova-documentacion-card{\n    align-items:flex-start;\n\n    padding:19px;\n\n    gap:15px;\n  }\n\n  .genova-documentacion-icon{\n    width:46px;\n    min-width:46px;\n    height:46px;\n  }\n\n  .genova-documentacion-content{\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:14px;\n  }\n\n  .genova-documentacion-text h3{\n    font-size:15px;\n  }\n\n}\n\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1 2 3 4 \u00d7 \u26f6 DETALLE DE LA P\u00c9RGOLA P\u00c9RGOLA BIOCLIM\u00c1TICA BOLONIA La P\u00e9rgola Bioclim\u00e1tica Bolonia combina dise\u00f1o minimalista, funcionalidad y facilidad de uso. Fabricada en aluminio de alta calidad, incorpora lamas orientables de accionamiento manual que permiten regular la entrada de luz y ventilaci\u00f3n seg\u00fan las necesidades de cada momento. Disponible en versi\u00f3n [&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-3490","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/3490","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=3490"}],"version-history":[{"count":74,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/3490\/revisions"}],"predecessor-version":[{"id":4247,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/3490\/revisions\/4247"}],"wp:attachment":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}