{"id":3490,"date":"2026-09-30T12:32:44","date_gmt":"2026-09-30T12:32:44","guid":{"rendered":"https:\/\/sun-stop.es\/?page_id=3490"},"modified":"2026-11-06T06:38:24","modified_gmt":"2026-11-06T06:38:24","slug":"bolonia","status":"publish","type":"page","link":"https:\/\/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__width-initial 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=\"bolonia-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:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept-2026-11_55_05.png\"\n      alt=\"P\u00e9rgola bioclim\u00e1tica Bolonia con tres detalles interactivos\"\n    >\n\n    <!-- PUNTO 1 \u00b7 MANIVELA + CARD\u00c1N -->\n    <button\n      type=\"button\"\n      class=\"gi-punto gi-punto-1\"\n      data-detalle=\"1\"\n      aria-label=\"Ver manivela y card\u00e1n oculto\"\n    >\n      <span class=\"gi-pulso\"><\/span>\n      <span class=\"gi-numero\">1<\/span>\n    <\/button>\n\n    <!-- PUNTO 2 \u00b7 LAMAS -->\n    <button\n      type=\"button\"\n      class=\"gi-punto gi-punto-2\"\n      data-detalle=\"2\"\n      aria-label=\"Ver funcionamiento de las lamas\"\n    >\n      <span class=\"gi-pulso\"><\/span>\n      <span class=\"gi-numero\">2<\/span>\n    <\/button>\n\n    <!-- PUNTO 3 \u00b7 PILAR -->\n    <button\n      type=\"button\"\n      class=\"gi-punto gi-punto-3\"\n      data-detalle=\"3\"\n      aria-label=\"Ver detalle del pilar\"\n    >\n      <span class=\"gi-pulso\"><\/span>\n      <span class=\"gi-numero\">3<\/span>\n    <\/button>\n\n  <\/div>\n\n\n  <!-- MODAL -->\n  <div\n    class=\"gi-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Detalle de la p\u00e9rgola Bolonia\"\n    hidden\n  >\n\n    <div\n      class=\"gi-modal-fondo\"\n      data-cerrar\n    ><\/div>\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      <div class=\"gi-modal-imagen-wrap\">\n        <div class=\"gi-modal-galeria\"><\/div>\n      <\/div>\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#bolonia-interactiva,\n#bolonia-interactiva *{\n  box-sizing:border-box;\n}\n\n#bolonia-interactiva{\n  width:100%;\n  max-width:980px;\n  margin:0 auto;\n  padding:0;\n  background:#fff;\n  color:#222;\n  font-family:inherit;\n}\n\n\n\/* ESCENA *\/\n\n#bolonia-interactiva .gi-escena{\n  position:relative;\n  width:100%;\n  aspect-ratio:4 \/ 5;\n  overflow:hidden;\n  background:#f2f0eb;\n  border-radius:4px;\n  box-shadow:0 10px 30px rgba(0,0,0,.12);\n}\n\n\n\/* IMAGEN PRINCIPAL *\/\n\n#bolonia-interactiva .gi-imagen-principal{\n  display:block;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center bottom;\n}\n\n\n\/* PUNTOS *\/\n\n#bolonia-interactiva .gi-punto{\n  position:absolute;\n  z-index:5;\n  width:34px;\n  height:34px;\n  margin:0;\n  padding:0;\n  border:2px solid #fff;\n  border-radius:50%;\n  background:#f3972d;\n  color:#fff;\n  cursor:pointer;\n  box-shadow:\n    0 4px 12px rgba(0,0,0,.32),\n    0 0 0 5px rgba(243,151,45,.20);\n  transform:translate(-50%,-50%);\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n#bolonia-interactiva .gi-punto:hover,\n#bolonia-interactiva .gi-punto:focus{\n  background:#dc7e17;\n  transform:\n    translate(-50%,-50%)\n    scale(1.12);\n  outline:none;\n}\n\n\n\/* N\u00daMEROS *\/\n\n#bolonia-interactiva .gi-numero{\n  position:relative;\n  z-index:3;\n  display:grid;\n  width:100%;\n  height:100%;\n  place-items:center;\n  color:#fff;\n  font-size:13px !important;\n  line-height:1 !important;\n  font-weight:700;\n}\n\n\n\/* PULSO *\/\n\n#bolonia-interactiva .gi-pulso{\n  position:absolute;\n  inset:-7px;\n  z-index:1;\n  border:2px solid rgba(243,151,45,.70);\n  border-radius:50%;\n  animation:bolonia-pulso 1.8s infinite;\n}\n\n@keyframes bolonia-pulso{\n\n  0%{\n    opacity:.9;\n    transform:scale(.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\n\/* POSICI\u00d3N PUNTOS *\/\n\n#bolonia-interactiva .gi-punto-1{\n  top:62%;\n  left:25%;\n}\n\n#bolonia-interactiva .gi-punto-2{\n  top:44%;\n  left:55%;\n}\n\n#bolonia-interactiva .gi-punto-3{\n  top:75%;\n  left:75%;\n}\n\n\n\/* MODAL *\/\n\n#bolonia-interactiva .gi-modal[hidden]{\n  display:none !important;\n}\n\n#bolonia-interactiva .gi-modal{\n  position:fixed;\n  inset:0;\n  z-index:999999;\n  display:grid;\n  place-items:center;\n  padding:24px;\n}\n\n#bolonia-interactiva .gi-modal-fondo{\n  position:absolute;\n  inset:0;\n  background:rgba(0,0,0,.78);\n  backdrop-filter:blur(4px);\n}\n\n#bolonia-interactiva .gi-modal-contenido{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:\n    minmax(0,1.45fr)\n    minmax(280px,.55fr);\n  width:min(1050px,96vw);\n  max-height:90vh;\n  overflow:hidden;\n  background:#fff;\n  border-radius:8px;\n  box-shadow:0 24px 70px rgba(0,0,0,.42);\n}\n\n\n\/* GALER\u00cdA *\/\n\n#bolonia-interactiva .gi-modal-imagen-wrap{\n  position:relative;\n  display:grid;\n  place-items:center;\n  min-height:430px;\n  padding:18px;\n  overflow:hidden;\n  background:#f2f2f2;\n}\n\n#bolonia-interactiva .gi-modal-galeria{\n  display:grid;\n  width:100%;\n  height:100%;\n  gap:10px;\n}\n\n#bolonia-interactiva\n.gi-modal-galeria.gi-una-imagen{\n  grid-template-columns:1fr;\n}\n\n#bolonia-interactiva\n.gi-modal-galeria.gi-dos-imagenes{\n  grid-template-columns:1fr 1fr;\n}\n\n#bolonia-interactiva .gi-modal-foto{\n  position:relative;\n  width:100%;\n  height:100%;\n  min-height:380px;\n  overflow:hidden;\n  border-radius:7px;\n  background:#fff;\n}\n\n#bolonia-interactiva .gi-modal-foto img{\n  display:block;\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  background:#fff;\n}\n\n#bolonia-interactiva .gi-foto-label{\n  position:absolute;\n  left:12px;\n  bottom:12px;\n  padding:7px 11px;\n  border-radius:999px;\n  background:rgba(255,255,255,.94);\n  color:#222;\n  box-shadow:0 3px 12px rgba(0,0,0,.12);\n  font-size:11px;\n  line-height:1;\n  font-weight:700;\n}\n\n\n\/* TEXTO *\/\n\n#bolonia-interactiva .gi-modal-informacion{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:38px 32px;\n  background:#fff;\n}\n\n#bolonia-interactiva .gi-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:.13em;\n}\n\n#bolonia-interactiva .gi-modal-titulo{\n  margin:0 0 13px;\n  color:#222;\n  font-size:21px !important;\n  line-height:1.2 !important;\n  font-weight:700;\n}\n\n#bolonia-interactiva .gi-modal-texto{\n  margin:0;\n  color:#606060;\n  font-size:12px !important;\n  line-height:1.65 !important;\n}\n\n\n\/* CERRAR *\/\n\n#bolonia-interactiva .gi-cerrar{\n  position:absolute;\n  top:12px;\n  right:12px;\n  z-index:8;\n  display:grid;\n  place-items:center;\n  width:38px;\n  height:38px;\n  padding:0;\n  border:0;\n  border-radius:50%;\n  background:rgba(20,20,20,.84);\n  color:#fff;\n  font-size:25px !important;\n  cursor:pointer;\n}\n\n#bolonia-interactiva .gi-cerrar:hover{\n  background:#f3972d;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media(max-width:760px){\n\n  #bolonia-interactiva .gi-punto{\n    width:30px;\n    height:30px;\n  }\n\n  #bolonia-interactiva .gi-numero{\n    font-size:11px !important;\n  }\n\n  #bolonia-interactiva .gi-modal{\n    padding:10px;\n  }\n\n  #bolonia-interactiva .gi-modal-contenido{\n    grid-template-columns:1fr;\n    width:96vw;\n    max-height:94vh;\n    overflow-y:auto;\n  }\n\n  #bolonia-interactiva .gi-modal-imagen-wrap{\n    min-height:auto;\n    height:auto;\n    padding:10px;\n  }\n\n  #bolonia-interactiva\n  .gi-modal-galeria.gi-dos-imagenes{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #bolonia-interactiva .gi-modal-foto{\n    min-height:230px;\n  }\n\n  #bolonia-interactiva .gi-modal-informacion{\n    padding:22px 20px;\n  }\n\n  #bolonia-interactiva .gi-modal-titulo{\n    font-size:18px !important;\n  }\n\n  #bolonia-interactiva .gi-modal-texto{\n    font-size:11px !important;\n  }\n}\n\n@media(max-width:480px){\n\n  #bolonia-interactiva\n  .gi-modal-galeria.gi-dos-imagenes{\n    grid-template-columns:1fr;\n  }\n\n  #bolonia-interactiva .gi-modal-foto{\n    min-height:210px;\n  }\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  const raiz =\n    document.getElementById('bolonia-interactiva');\n\n  if(\n    !raiz ||\n    raiz.dataset.iniciado === 'si'\n  ){\n    return;\n  }\n\n  raiz.dataset.iniciado = 'si';\n\n\n  \/* IMAGEN PRINCIPAL *\/\n\n  const IMAGEN_PRINCIPAL =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-10-sept-2026-11_55_05.png';\n\n\n  \/* IM\u00c1GENES *\/\n\n  const IMAGEN_MANIVELA =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/07\/bolonia-11-scaled.jpg';\n\n  const IMAGEN_CARDAN =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-cardan-catalogo-1.webp';\n\n  const IMAGEN_LAMAS_CERRADAS =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/0o.png';\n\n  const IMAGEN_LAMAS_ABIERTAS =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/140o.png';\n\n  const IMAGEN_PILAR =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/07\/bolonia-2.jpg';\n\n\n  \/* CONTENIDO *\/\n\n  const detalles = {\n\n    1:{\n\n      titulo:\n        'Accionamiento manual y card\u00e1n oculto',\n\n      texto:\n        'Bolonia incorpora un sistema de accionamiento manual mediante manivela imantada, dise\u00f1ado para ofrecer un manejo c\u00f3modo, preciso y sencillo. El card\u00e1n permanece oculto en la gu\u00eda, manteniendo una est\u00e9tica limpia y uniforme sin mecanismos visibles que alteren el dise\u00f1o de la p\u00e9rgola.',\n\n      imagenes:[\n\n        {\n          src:IMAGEN_MANIVELA,\n          alt:'Manivela de accionamiento de la p\u00e9rgola Bolonia',\n          label:'Manivela imantada'\n        },\n\n        {\n          src:IMAGEN_CARDAN,\n          alt:'Card\u00e1n oculto de la p\u00e9rgola Bolonia',\n          label:'Card\u00e1n oculto'\n        }\n\n      ]\n\n    },\n\n\n    2:{\n\n      titulo:\n        'Lamas orientables hasta 140\u00b0',\n\n      texto:\n        'Las lamas de Bolonia permiten regular de forma manual la entrada de luz y la ventilaci\u00f3n. En posici\u00f3n paralela permanecen cerradas formando un techo plano. Durante su recorrido pueden situarse en posiciones intermedias y perpendiculares para favorecer el paso de luz y aire, continuando su giro hasta alcanzar una apertura m\u00e1xima de 140\u00b0.',\n\n      imagenes:[\n\n        {\n          src:IMAGEN_LAMAS_CERRADAS,\n          alt:'Lamas Bolonia cerradas',\n          label:'0\u00b0 \u00b7 Posici\u00f3n paralela'\n        },\n\n        {\n          src:IMAGEN_LAMAS_ABIERTAS,\n          alt:'Lamas Bolonia abiertas hasta 140 grados',\n          label:'140\u00b0 \u00b7 Apertura m\u00e1xima'\n        }\n\n      ]\n\n    },\n\n\n    3:{\n\n      titulo:\n        'Pilar 100 \u00d7 100 mm y torniller\u00eda oculta',\n\n      texto:\n        'Los pilares de la P\u00e9rgola Bolonia tienen una secci\u00f3n de 100 \u00d7 100 mm, proporcionando una estructura estable, resistente y visualmente equilibrada. La uni\u00f3n entre perfiles incorpora torniller\u00eda oculta, evitando elementos visibles y consiguiendo un acabado m\u00e1s limpio, continuo y cuidado.',\n\n      imagenes:[\n\n        {\n          src:IMAGEN_PILAR,\n          alt:'Detalle del pilar de la p\u00e9rgola Bolonia',\n          label:'Pilar \u00b7 100 \u00d7 100 mm'\n        }\n\n      ]\n\n    }\n\n  };\n\n\n  \/* ELEMENTOS *\/\n\n  const imagenPrincipal =\n    raiz.querySelector('#gi-imagen-principal');\n\n  const modal =\n    raiz.querySelector('.gi-modal');\n\n  const galeria =\n    raiz.querySelector('.gi-modal-galeria');\n\n  const tituloModal =\n    raiz.querySelector('.gi-modal-titulo');\n\n  const textoModal =\n    raiz.querySelector('.gi-modal-texto');\n\n\n  imagenPrincipal.src =\n    IMAGEN_PRINCIPAL;\n\n\n  \/* CREAR GALER\u00cdA *\/\n\n  function crearGaleria(imagenes){\n\n    galeria.innerHTML = '';\n\n    galeria.classList.remove(\n      'gi-una-imagen',\n      'gi-dos-imagenes'\n    );\n\n    if(imagenes.length > 1){\n      galeria.classList.add('gi-dos-imagenes');\n    }else{\n      galeria.classList.add('gi-una-imagen');\n    }\n\n\n    imagenes.forEach(function(imagen){\n\n      const contenedor =\n        document.createElement('div');\n\n      contenedor.className =\n        'gi-modal-foto';\n\n\n      const img =\n        document.createElement('img');\n\n      img.src =\n        imagen.src;\n\n      img.alt =\n        imagen.alt || '';\n\n      contenedor.appendChild(img);\n\n\n      if(imagen.label){\n\n        const etiqueta =\n          document.createElement('div');\n\n        etiqueta.className =\n          'gi-foto-label';\n\n        etiqueta.textContent =\n          imagen.label;\n\n        contenedor.appendChild(etiqueta);\n\n      }\n\n      galeria.appendChild(contenedor);\n\n    });\n\n  }\n\n\n  \/* ABRIR *\/\n\n  function abrirDetalle(numero){\n\n    const detalle =\n      detalles[numero];\n\n    if(!detalle){\n      return;\n    }\n\n    crearGaleria(detalle.imagenes);\n\n    tituloModal.textContent =\n      detalle.titulo;\n\n    textoModal.textContent =\n      detalle.texto;\n\n    modal.hidden =\n      false;\n\n    document.documentElement.style.overflow =\n      'hidden';\n\n  }\n\n\n  \/* CERRAR *\/\n\n  function cerrarDetalle(){\n\n    modal.hidden =\n      true;\n\n    galeria.innerHTML =\n      '';\n\n    document.documentElement.style.overflow =\n      '';\n\n  }\n\n\n  \/* EVENTOS PUNTOS *\/\n\n  raiz\n    .querySelectorAll('[data-detalle]')\n    .forEach(function(punto){\n\n      punto.addEventListener(\n        'click',\n        function(){\n\n          abrirDetalle(\n            punto.dataset.detalle\n          );\n\n        }\n      );\n\n    });\n\n\n  \/* CERRAR *\/\n\n  raiz\n    .querySelectorAll('[data-cerrar]')\n    .forEach(function(elemento){\n\n      elemento.addEventListener(\n        'click',\n        cerrarDetalle\n      );\n\n    });\n\n\n  \/* ESC *\/\n\n  document.addEventListener(\n    'keydown',\n    function(evento){\n\n      if(\n        evento.key === 'Escape' &&\n        !modal.hidden\n      ){\n        cerrarDetalle();\n      }\n\n    }\n  );\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-e6977e7 elementor-widget elementor-widget-image-gallery\" data-id=\"e6977e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-1' class='gallery galleryid-3490 gallery-columns-4 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e6977e7\" data-elementor-lightbox-title=\"00_ambiente_bolonia\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDMwMywidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvMDBfYW1iaWVudGVfYm9sb25pYS53ZWJwIiwic2xpZGVzaG93IjoiZTY5NzdlNyJ9\" href='https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/00_ambiente_bolonia.webp'><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/00_ambiente_bolonia-150x150.webp\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e6977e7\" data-elementor-lightbox-title=\"00_p\u00e9rgola_bolonia\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDMwNCwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvMDBfcGVyZ29sYV9ib2xvbmlhLndlYnAiLCJzbGlkZXNob3ciOiJlNjk3N2U3In0%3D\" href='https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/00_pergola_bolonia.webp'><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/00_pergola_bolonia-150x150.webp\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e6977e7\" data-elementor-lightbox-title=\"02_p\u00e9rgola_bolonia\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDMwNiwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvMDJfcGVyZ29sYV9ib2xvbmlhLndlYnAiLCJzbGlkZXNob3ciOiJlNjk3N2U3In0%3D\" href='https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/02_pergola_bolonia.webp'><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/02_pergola_bolonia-150x150.webp\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"e6977e7\" data-elementor-lightbox-title=\"bolonia 1\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDMxNywidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvYm9sb25pYS0xLnBuZyIsInNsaWRlc2hvdyI6ImU2OTc3ZTcifQ%3D%3D\" href='https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-1.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/bolonia-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/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\n  \/* ==================================================\n     MODAL\n  ================================================== *\/\n\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    z-index:5;\n  }\n\n  .bolonia-modal__close:hover{\n    background:#f5a000;\n    color:#fff;\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\n  \/* ==================================================\n     V\u00cdDEO \u00b7 FONDO BLANCO\n  ================================================== *\/\n\n  .bolonia-modal__video{\n    width:100%;\n    max-width:560px;\n    margin:0 auto;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    background:#fff;\n\n    border-radius:14px;\n    overflow:hidden;\n  }\n\n  .bolonia-modal__video video{\n    display:block;\n\n    width:100%;\n    height:auto;\n\n    max-height:500px;\n\n    object-fit:contain;\n    object-position:center;\n\n    background:#fff;\n\n    border:0;\n    outline:0;\n\n    cursor:pointer;\n  }\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\n  \/* ==================================================\n     RESPONSIVE\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      background:#fff;\n    }\n\n    .bolonia-modal__video video{\n      max-height:60vh;\n      background:#fff;\n    }\n\n  }\n<\/style>\n\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\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\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\n<!-- ==================================================\n     MODAL FUNCIONAMIENTO\n================================================== -->\n\n<div\n  class=\"bolonia-modal\"\n  id=\"bolonia-video-modal\"\n  aria-hidden=\"true\"\n>\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\n    <p class=\"bolonia-modal__eyebrow\">\n      Funcionamiento\n    <\/p>\n\n\n    <h2 class=\"bolonia-modal__title\">\n      Movimiento manual de las lamas\n    <\/h2>\n\n\n    <p class=\"bolonia-modal__text\">\n      La p\u00e9rgola bioclim\u00e1tica Bolonia incorpora un sistema de\n      accionamiento manual mediante manivela imantada. Su card\u00e1n\n      oculto permite orientar las lamas de forma c\u00f3moda y precisa,\n      regulando la entrada de luz y la ventilaci\u00f3n hasta alcanzar\n      una apertura m\u00e1xima de 140\u00b0.\n    <\/p>\n\n\n    <div class=\"bolonia-modal__video\">\n\n      <video\n        id=\"bolonia-video\"\n        controls\n        preload=\"metadata\"\n        playsinline\n      >\n\n        <source\n          src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/magnific_haz-el-mismo-video-respet_N2fYHZf6D9.mp4\"\n          type=\"video\/mp4\"\n        >\n\n        Tu navegador no admite la reproducci\u00f3n de v\u00eddeo.\n\n      <\/video>\n\n    <\/div>\n\n\n    <p class=\"bolonia-modal__hint\">\n      Pulsa sobre el v\u00eddeo para ver el movimiento de las lamas.\n    <\/p>\n\n  <\/div>\n\n<\/div>\n\n\n<script>\n\n(function(){\n\n  const boloniaOpenVideo =\n    document.getElementById('bolonia-open-video');\n\n  const boloniaCloseVideo =\n    document.getElementById('bolonia-close-video');\n\n  const boloniaModal =\n    document.getElementById('bolonia-video-modal');\n\n  const boloniaVideo =\n    document.getElementById('bolonia-video');\n\n\n  if(\n    !boloniaOpenVideo ||\n    !boloniaCloseVideo ||\n    !boloniaModal ||\n    !boloniaVideo\n  ){\n    return;\n  }\n\n\n  function openBoloniaVideo(){\n\n    boloniaModal.classList.add('active');\n\n    boloniaModal.setAttribute(\n      'aria-hidden',\n      'false'\n    );\n\n    document.documentElement.style.overflow =\n      'hidden';\n\n  }\n\n\n  function closeBoloniaVideo(){\n\n    boloniaModal.classList.remove('active');\n\n    boloniaModal.setAttribute(\n      'aria-hidden',\n      'true'\n    );\n\n    boloniaVideo.pause();\n    boloniaVideo.currentTime = 0;\n\n    document.documentElement.style.overflow =\n      '';\n\n  }\n\n\n  boloniaOpenVideo.addEventListener(\n    'click',\n    openBoloniaVideo\n  );\n\n\n  boloniaCloseVideo.addEventListener(\n    'click',\n    closeBoloniaVideo\n  );\n\n\n  boloniaModal.addEventListener(\n    'click',\n    function(e){\n\n      if(e.target === boloniaModal){\n        closeBoloniaVideo();\n      }\n\n    }\n  );\n\n\n  document.addEventListener(\n    'keydown',\n    function(e){\n\n      if(\n        e.key === 'Escape' &&\n        boloniaModal.classList.contains('active')\n      ){\n        closeBoloniaVideo();\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-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 3099,00\u0404<\/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=\"https:\/\/sun-stop.es\/?page_id=4726\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00f3nde comprar<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\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:\/\/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:\/\/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\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\n  @media (max-width: 500px) {\n\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  }\n<\/style>\n\n\n<section id=\"bolonia-ficha\">\n\n  <div class=\"bolonia-ficha__wrap\">\n\n    <div class=\"bolonia-ficha__top\">\n\n      <div>\n\n        <p class=\"bolonia-ficha__eyebrow\">\n          Ficha t\u00e9cnica\n        <\/p>\n\n        <h2 class=\"bolonia-ficha__title\">\n          Caracter\u00edsticas principales\n        <\/h2>\n\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\n      <!-- COLUMNA IZQUIERDA -->\n      <div>\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Producto\n          <\/span>\n\n          <span class=\"bolonia-ficha__value\">\n            P\u00e9rgola bioclim\u00e1tica Bolonia\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Material\n          <\/span>\n\n          <span class=\"bolonia-ficha__value\">\n            Aluminio 6063 T6\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Medida est\u00e1ndar\n          <\/span>\n\n          <span class=\"bolonia-ficha__value\">\n            300 \u00d7 400 cm\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Accionamiento\n          <\/span>\n\n          <span class=\"bolonia-ficha__value\">\n            Manual mediante manivela\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Apertura de lamas\n          <\/span>\n\n          <span class=\"bolonia-ficha__value\">\n            Hasta 140\u00b0\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Cerramientos\n          <\/span>\n\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\n          <span class=\"bolonia-ficha__value\">\n            Espa\u00f1a\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Aluminio\n          <\/span>\n\n          <span class=\"bolonia-ficha__value\">\n            100% reciclable\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Altura\n          <\/span>\n\n          <span class=\"bolonia-ficha__value\">\n            230 cm\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Sistema\n          <\/span>\n\n          <span class=\"bolonia-ficha__value\">\n            Card\u00e1n integrado\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Techo cerrado\n          <\/span>\n\n          <span class=\"bolonia-ficha__value\">\n            Plano\n          <\/span>\n        <\/div>\n\n\n        <div class=\"bolonia-ficha__row\">\n          <span class=\"bolonia-ficha__label\">\n            Versiones\n          <\/span>\n\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:\/\/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:\/\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7fc6f2 e-con e-atomic-element e-flexbox-base e-default-div e-e085568 \" data-id=\"f7fc6f2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f7fc6f2\" data-e-type=\"e-flexbox\" data-id=\"f7fc6f2\">\n    <div class=\"elementor-element elementor-element-2c584b3 e-flex e-con-boxed e-con e-parent\" data-id=\"2c584b3\" 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-733862d elementor-widget elementor-widget-shortcode\" data-id=\"733862d\" 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<style>\n  #bolonia-milan,\n  #bolonia-milan *{\n    box-sizing:border-box;\n  }\n\n  #bolonia-milan{\n    width:100%;\n    padding:34px 18px 42px;\n    background:#fff;\n    font-family:inherit;\n    color:#111;\n  }\n\n  .bolonia-milan__wrap{\n    max-width:1120px;\n    margin:0 auto;\n  }\n\n  .bolonia-milan__box{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n    align-items:center;\n    gap:38px;\n    padding:24px;\n    border:1px solid #e4e4e4;\n    border-radius:18px;\n    background:#fff;\n  }\n\n  .bolonia-milan__image{\n    width:100%;\n    height:280px;\n    overflow:hidden;\n    border-radius:14px;\n    background:#f4f4f4;\n  }\n\n  .bolonia-milan__image img{\n    display:block;\n    width:100%;\n    height:100%;\n    object-fit:cover;\n  }\n\n  .bolonia-milan__content{\n    padding:10px 10px 10px 0;\n  }\n\n  .bolonia-milan__eyebrow{\n    margin:0 0 8px;\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-milan__title{\n    margin:0 0 12px;\n    color:#111;\n    font-size:25px;\n    line-height:1.15;\n    font-weight:700;\n  }\n\n  .bolonia-milan__text{\n    margin:0 0 18px;\n    max-width:520px;\n    color:#777;\n    font-size:14px;\n    line-height:1.6;\n  }\n\n  \/* BOT\u00d3N MIL\u00c1N *\/\n\n  .bolonia-milan__button{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:9px;\n    min-height:40px;\n    padding:0 16px;\n    border:1px solid #FF9E18;\n    border-radius:999px;\n    background:#fff7eb;\n    color:#111;\n    text-decoration:none;\n    font-size:12px;\n    line-height:1.2;\n    font-weight:700;\n    transition:\n      background .2s ease,\n      color .2s ease,\n      transform .2s ease,\n      box-shadow .2s ease;\n  }\n\n  .bolonia-milan__button:hover{\n    background:#FF9E18;\n    color:#fff;\n    transform:translateY(-2px);\n    box-shadow:0 7px 18px rgba(0,0,0,.08);\n  }\n\n  .bolonia-milan__dot{\n    width:7px;\n    height:7px;\n    flex:0 0 7px;\n    border-radius:50%;\n    background:#FF9E18;\n    transition:background .2s ease;\n  }\n\n  .bolonia-milan__button:hover .bolonia-milan__dot{\n    background:#fff;\n  }\n\n  .bolonia-milan__arrow{\n    font-size:15px;\n    line-height:1;\n    transition:transform .2s ease;\n  }\n\n  .bolonia-milan__button:hover .bolonia-milan__arrow{\n    transform:translateX(3px);\n  }\n\n  \/* TABLET *\/\n\n  @media(max-width:900px){\n\n    .bolonia-milan__box{\n      grid-template-columns:1fr;\n      gap:22px;\n    }\n\n    .bolonia-milan__content{\n      padding:0;\n    }\n\n  }\n\n  \/* M\u00d3VIL *\/\n\n  @media(max-width:560px){\n\n    #bolonia-milan{\n      padding:28px 15px 34px;\n    }\n\n    .bolonia-milan__box{\n      padding:16px;\n      border-radius:16px;\n    }\n\n    .bolonia-milan__image{\n      height:220px;\n    }\n\n    .bolonia-milan__title{\n      font-size:22px;\n    }\n\n    .bolonia-milan__text{\n      font-size:13px;\n    }\n\n    .bolonia-milan__button{\n      width:100%;\n    }\n\n  }\n<\/style>\n\n<section id=\"bolonia-milan\">\n\n  <div class=\"bolonia-milan__wrap\">\n\n    <div class=\"bolonia-milan__box\">\n\n      <!-- IMAGEN CERRAMIENTO MIL\u00c1N -->\n\n      <div class=\"bolonia-milan__image\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/03_cerramiento_milan.webp\"\n          alt=\"Cerramiento Mil\u00e1n compatible con la p\u00e9rgola Bolonia\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n      <!-- CONTENIDO -->\n\n      <div class=\"bolonia-milan__content\">\n\n        <p class=\"bolonia-milan__eyebrow\">\n          Cerramiento compatible\n        <\/p>\n\n        <h2 class=\"bolonia-milan__title\">\n          Bolonia + cerramiento Mil\u00e1n\n        <\/h2>\n\n        <p class=\"bolonia-milan__text\">\n          La p\u00e9rgola Bolonia es apta para la instalaci\u00f3n\n          del cerramiento Mil\u00e1n, permitiendo proteger\n          lateralmente el espacio y ampliar sus\n          posibilidades de uso.\n        <\/p>\n\n        <!-- BOT\u00d3N ENLAZADO A LA FICHA MIL\u00c1N -->\n\n        <a\n          href=\"https:\/\/sun-stop.es\/?page_id=4323\"\n          class=\"bolonia-milan__button\"\n          aria-label=\"Ver ficha del cerramiento Mil\u00e1n\"\n        >\n\n          <span class=\"bolonia-milan__dot\"><\/span>\n\n          Ver cerramiento Mil\u00e1n\n\n          <span class=\"bolonia-milan__arrow\"\n                aria-hidden=\"true\">\u2192<\/span>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n\t\t\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:12px 18px;\n    background:#fff;\n    font-family:inherit;\n    color:#111;\n  }\n\n  .bolonia-fabricado__box{\n    width:100%;\n    max-width:1120px;\n    margin:0 auto;\n\n    padding:30px 38px 32px;\n\n    background:#f5a000;\n\n    border-radius:20px;\n  }\n\n  .bolonia-fabricado__grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:44px;\n  }\n\n  .bolonia-fabricado__item{\n    min-width:0;\n  }\n\n  .bolonia-fabricado__number{\n    margin:0 0 12px;\n\n    color:#7b5700;\n\n    font-size:12px;\n    line-height:1;\n\n    font-weight:700;\n  }\n\n  .bolonia-fabricado__title{\n    margin:0 0 8px;\n\n    color:#111;\n\n    font-size:16px;\n    line-height:1.25;\n\n    font-weight:700;\n  }\n\n  .bolonia-fabricado__text{\n    margin:0;\n\n    color:#2c260f;\n\n    font-size:13px;\n    line-height:1.55;\n\n    font-weight:400;\n  }\n\n\n  \/* ==================================================\n     RESPONSIVE\n  ================================================== *\/\n\n  @media(max-width:900px){\n\n    .bolonia-fabricado__grid{\n      grid-template-columns:repeat(2,1fr);\n      gap:30px 35px;\n    }\n\n  }\n\n\n  @media(max-width:560px){\n\n    #bolonia-fabricado{\n      padding:10px 15px;\n    }\n\n    .bolonia-fabricado__box{\n      padding:26px 22px;\n      border-radius:17px;\n    }\n\n    .bolonia-fabricado__grid{\n      grid-template-columns:1fr;\n      gap:25px;\n    }\n\n    .bolonia-fabricado__number{\n      margin-bottom:7px;\n    }\n\n    .bolonia-fabricado__title{\n      font-size:15px;\n    }\n\n    .bolonia-fabricado__text{\n      font-size:12px;\n    }\n\n  }\n<\/style>\n\n\n<section id=\"bolonia-fabricado\">\n\n  <div class=\"bolonia-fabricado__box\">\n\n    <div class=\"bolonia-fabricado__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"bolonia-fabricado__item\">\n\n        <p class=\"bolonia-fabricado__number\">\n          01\n        <\/p>\n\n        <h3 class=\"bolonia-fabricado__title\">\n          Fabricaci\u00f3n en Espa\u00f1a\n        <\/h3>\n\n        <p class=\"bolonia-fabricado__text\">\n          Control directo del proceso productivo para supervisar\n          cada etapa, desde la preparaci\u00f3n de los componentes\n          hasta el acabado y el ensamblado final.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"bolonia-fabricado__item\">\n\n        <p class=\"bolonia-fabricado__number\">\n          02\n        <\/p>\n\n        <h3 class=\"bolonia-fabricado__title\">\n          Tecnolog\u00eda CNC\n        <\/h3>\n\n        <p class=\"bolonia-fabricado__text\">\n          Mecanizado de componentes con precisi\u00f3n para conseguir\n          uniones y ensamblajes ajustados, cuidando la uniformidad\n          y el acabado de cada pieza.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"bolonia-fabricado__item\">\n\n        <p class=\"bolonia-fabricado__number\">\n          03\n        <\/p>\n\n        <h3 class=\"bolonia-fabricado__title\">\n          Aluminio extrusionado\n        <\/h3>\n\n        <p class=\"bolonia-fabricado__text\">\n          Perfiles que combinan ligereza, resistencia y durabilidad,\n          con una geometr\u00eda dise\u00f1ada para cumplir su funci\u00f3n dentro\n          de la estructura.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"bolonia-fabricado__item\">\n\n        <p class=\"bolonia-fabricado__number\">\n          04\n        <\/p>\n\n        <h3 class=\"bolonia-fabricado__title\">\n          Especializaci\u00f3n retail\n        <\/h3>\n\n        <p class=\"bolonia-fabricado__text\">\n          Productos concebidos para su comercializaci\u00f3n en grandes\n          superficies, con un enfoque orientado a las necesidades\n          de este canal y de sus clientes.\n        <\/p>\n\n      <\/div>\n\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\n<\/div>\n<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:\/\/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:\/\/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:\/\/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:\/\/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:\/\/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:\/\/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:\/\/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 \u00d7 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 autoportante y [&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:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/3490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3490"}],"version-history":[{"count":0,"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/3490\/revisions"}],"wp:attachment":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}