{"id":1667,"date":"2026-07-27T09:13:09","date_gmt":"2026-07-27T09:13:09","guid":{"rendered":"https:\/\/nueva2025.sun-stop.es\/?page_id=1667"},"modified":"2026-10-06T09:34:02","modified_gmt":"2026-10-06T09:34:02","slug":"tokio-panel-decorativo-fijo","status":"publish","type":"page","link":"https:\/\/nueva2025.sun-stop.es\/?page_id=1667","title":{"rendered":"Tokio | Panel decorativo Fijo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1667\" class=\"elementor elementor-1667\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ffdb49 e-flex e-con-boxed e-con e-parent\" data-id=\"5ffdb49\" 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-b07919a e-con-full e-flex e-con e-child\" data-id=\"b07919a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-22d0e1d e-con-full e-flex e-con e-child\" data-id=\"22d0e1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e42f569 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"e42f569\" 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=\"tokio-interactiva\">\n  <div class=\"ti-escena\">\n    <img decoding=\"async\"\n      id=\"ti-imagen-principal\"\n      class=\"ti-imagen-principal\"\n      src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-22-sept-2026-09_47_01.png\"\n      alt=\"Panel decorativo Tokio integrado en p\u00e9rgola\"\n    >\n\n    <!-- Punto 1: panel decorativo -->\n    <button\n      type=\"button\"\n      class=\"ti-punto ti-punto-1\"\n      data-detalle=\"1\"\n      aria-label=\"Ver detalle del panel decorativo\"\n    >\n      <span class=\"ti-pulso\"><\/span>\n      <span class=\"ti-numero\">1<\/span>\n    <\/button>\n\n    <!-- Punto 2: estructura de aluminio -->\n    <button\n      type=\"button\"\n      class=\"ti-punto ti-punto-2\"\n      data-detalle=\"2\"\n      aria-label=\"Ver detalle de la estructura de aluminio\"\n    >\n      <span class=\"ti-pulso\"><\/span>\n      <span class=\"ti-numero\">2<\/span>\n    <\/button>\n\n    <!-- Punto 3: soporte del panel fijo -->\n    <button\n      type=\"button\"\n      class=\"ti-punto ti-punto-3\"\n      data-detalle=\"3\"\n      aria-label=\"Ver detalle del soporte del panel fijo\"\n    >\n      <span class=\"ti-pulso\"><\/span>\n      <span class=\"ti-numero\">3<\/span>\n    <\/button>\n  <\/div>\n\n  <!-- Ventana emergente -->\n  <div\n    class=\"ti-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Detalle del panel decorativo Tokio\"\n    hidden\n  >\n    <div class=\"ti-modal-fondo\" data-cerrar><\/div>\n\n    <div class=\"ti-modal-contenido\">\n      <button\n        type=\"button\"\n        class=\"ti-cerrar\"\n        data-cerrar\n        aria-label=\"Cerrar detalle\"\n      >\n        \u00d7\n      <\/button>\n\n      <div class=\"ti-modal-imagen-wrap\">\n        <img decoding=\"async\"\n          class=\"ti-modal-imagen\"\n          src=\"\"\n          alt=\"\"\n        >\n\n        <button\n          type=\"button\"\n          class=\"ti-ampliar\"\n          aria-label=\"Ampliar imagen\"\n          title=\"Ampliar imagen\"\n        >\n          \u26f6\n        <\/button>\n      <\/div>\n\n      <div class=\"ti-modal-informacion\">\n        <div class=\"ti-modal-etiqueta\">\n          DETALLE TOKIO\n        <\/div>\n\n        <div class=\"ti-modal-titulo\"><\/div>\n        <div class=\"ti-modal-texto\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n#tokio-interactiva {\n  width: 100%;\n  max-width: 980px;\n  margin: 0 auto;\n  padding: 0;\n  background: #ffffff;\n  color: #222222;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n\n#tokio-interactiva,\n#tokio-interactiva * {\n  box-sizing: border-box;\n}\n\n#tokio-interactiva .ti-escena {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background: #f2f0eb;\n  border-radius: 4px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);\n}\n\n#tokio-interactiva .ti-imagen-principal {\n  display: block;\n  width: 100%;\n  height: auto;\n  min-height: 300px;\n  object-fit: cover;\n  background: #f2f0eb;\n}\n\n#tokio-interactiva .ti-punto {\n  position: absolute;\n  z-index: 5;\n  width: 34px;\n  height: 34px;\n  margin: 0;\n  padding: 0;\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n  background: #f3972d;\n  color: #ffffff;\n  cursor: pointer;\n  box-shadow:\n    0 4px 12px rgba(0, 0, 0, 0.32),\n    0 0 0 5px rgba(243, 151, 45, 0.20);\n  transform: translate(-50%, -50%);\n  transition:\n    transform 0.2s ease,\n    background 0.2s ease;\n}\n\n#tokio-interactiva .ti-punto:hover,\n#tokio-interactiva .ti-punto:focus {\n  background: #dc7e17;\n  transform: translate(-50%, -50%) scale(1.12);\n  outline: none;\n}\n\n#tokio-interactiva .ti-numero {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  width: 100%;\n  height: 100%;\n  place-items: center;\n  color: #ffffff;\n  font-size: 13px !important;\n  line-height: 1 !important;\n  font-weight: 700;\n}\n\n#tokio-interactiva .ti-pulso {\n  position: absolute;\n  inset: -7px;\n  z-index: 1;\n  border: 2px solid rgba(243, 151, 45, 0.7);\n  border-radius: 50%;\n  animation: ti-pulso 1.8s infinite;\n}\n\n@keyframes ti-pulso {\n  0% {\n    opacity: 0.9;\n    transform: scale(0.75);\n  }\n\n  70% {\n    opacity: 0;\n    transform: scale(1.45);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1.45);\n  }\n}\n\n\/* Posici\u00f3n de los puntos *\/\n#tokio-interactiva .ti-punto-1 {\n  top: 48%;\n  left: 58%;\n}\n\n#tokio-interactiva .ti-punto-2 {\n  top: 35%;\n  left: 30%;\n}\n\n#tokio-interactiva .ti-punto-3 {\n  top: 72%;\n  left: 26%;\n}\n\n\/* Ventana emergente *\/\n#tokio-interactiva .ti-modal[hidden] {\n  display: none !important;\n}\n\n#tokio-interactiva .ti-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  display: grid;\n  place-items: center;\n  padding: 24px;\n}\n\n#tokio-interactiva .ti-modal-fondo {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.78);\n  backdrop-filter: blur(4px);\n}\n\n#tokio-interactiva .ti-modal-contenido {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr);\n  width: min(1050px, 96vw);\n  max-height: 90vh;\n  overflow: hidden;\n  background: #ffffff;\n  border-radius: 5px;\n  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);\n}\n\n#tokio-interactiva .ti-modal-imagen-wrap {\n  position: relative;\n  display: grid;\n  min-height: 420px;\n  overflow: hidden;\n  place-items: center;\n  background: #ffffff;\n}\n\n#tokio-interactiva .ti-modal-imagen {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-height: 90vh;\n  object-fit: contain;\n  background: #ffffff;\n  transition: transform 0.25s ease;\n  cursor: zoom-in;\n}\n\n#tokio-interactiva .ti-modal-imagen.ti-ampliada {\n  transform: scale(1.65);\n  cursor: zoom-out;\n}\n\n#tokio-interactiva .ti-ampliar {\n  position: absolute;\n  right: 13px;\n  bottom: 13px;\n  width: 39px;\n  height: 39px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: rgba(20, 20, 20, 0.78);\n  color: #ffffff;\n  font-size: 20px !important;\n  line-height: 1 !important;\n  cursor: pointer;\n}\n\n#tokio-interactiva .ti-modal-informacion {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 38px 32px;\n  background: #ffffff;\n}\n\n#tokio-interactiva .ti-modal-etiqueta {\n  margin: 0 0 7px;\n  color: #e78b27;\n  font-size: 9px !important;\n  line-height: 1.2 !important;\n  font-weight: 700;\n  letter-spacing: 0.13em;\n}\n\n#tokio-interactiva .ti-modal-titulo {\n  margin: 0 0 13px;\n  color: #222222;\n  font-size: 21px !important;\n  line-height: 1.2 !important;\n  font-weight: 700;\n}\n\n#tokio-interactiva .ti-modal-texto {\n  margin: 0;\n  color: #606060;\n  font-size: 12px !important;\n  line-height: 1.55 !important;\n  font-weight: 400;\n}\n\n#tokio-interactiva .ti-cerrar {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 8;\n  display: grid;\n  width: 38px;\n  height: 38px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  place-items: center;\n  background: rgba(20, 20, 20, 0.84);\n  color: #ffffff;\n  font-size: 25px !important;\n  line-height: 1 !important;\n  cursor: pointer;\n}\n\n@media (max-width: 760px) {\n  #tokio-interactiva .ti-imagen-principal {\n    min-height: 230px;\n  }\n\n  #tokio-interactiva .ti-punto {\n    width: 30px;\n    height: 30px;\n  }\n\n  #tokio-interactiva .ti-numero {\n    font-size: 11px !important;\n  }\n\n  #tokio-interactiva .ti-modal {\n    padding: 10px;\n  }\n\n  #tokio-interactiva .ti-modal-contenido {\n    grid-template-columns: 1fr;\n    width: 96vw;\n    max-height: 94vh;\n    overflow-y: auto;\n  }\n\n  #tokio-interactiva .ti-modal-imagen-wrap {\n    min-height: 280px;\n    height: 55vh;\n  }\n\n  #tokio-interactiva .ti-modal-informacion {\n    padding: 22px 20px;\n  }\n\n  #tokio-interactiva .ti-modal-titulo {\n    font-size: 18px !important;\n  }\n\n  #tokio-interactiva .ti-modal-texto {\n    font-size: 11px !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const raiz = document.getElementById('tokio-interactiva');\n\n  if (!raiz || raiz.dataset.iniciado === 'si') {\n    return;\n  }\n\n  raiz.dataset.iniciado = 'si';\n\n  const IMAGEN_PRINCIPAL =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-22-sept-2026-09_47_01.png';\n\n  const IMAGEN_PANEL =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_2-scaled.jpg';\n\n  const IMAGEN_ESTRUCTURA =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle__1-scaled.jpg';\n\n  const IMAGEN_SOPORTE_FIJO =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Recurso-3@2x.webp';\n\n  const detalles = {\n    1: {\n      titulo: 'Panel decorativo de lamas',\n      texto:\n        'El panel decorativo Tokio aporta privacidad y protecci\u00f3n visual manteniendo el paso de luz. Su composici\u00f3n de lamas de aluminio crea una soluci\u00f3n ligera, resistente y completamente integrada en la p\u00e9rgola.',\n      imagen: IMAGEN_PANEL,\n      alt: 'Detalle del panel decorativo Tokio'\n    },\n\n    2: {\n      titulo: 'Estructura de aluminio',\n      texto:\n        'La estructura y las lamas est\u00e1n fabricadas en aluminio, un material resistente a la corrosi\u00f3n y adecuado para exteriores. La perfiler\u00eda proporciona estabilidad al conjunto y favorece una est\u00e9tica limpia y uniforme.',\n      imagen: IMAGEN_ESTRUCTURA,\n      alt: 'Detalle de la estructura de aluminio del panel Tokio'\n    },\n\n    3: {\n      titulo: 'Soporte del panel fijo',\n      texto:\n        'El soporte mecanizado permite fijar el panel a la estructura de la p\u00e9rgola con precisi\u00f3n y estabilidad. Su dise\u00f1o queda discretamente integrado para mantener la continuidad est\u00e9tica del conjunto.',\n      imagen: IMAGEN_SOPORTE_FIJO,\n      alt: 'Detalle del soporte de fijaci\u00f3n del panel Tokio'\n    }\n  };\n\n  const imagenPrincipal =\n    raiz.querySelector('#ti-imagen-principal');\n\n  const modal =\n    raiz.querySelector('.ti-modal');\n\n  const imagenModal =\n    raiz.querySelector('.ti-modal-imagen');\n\n  const tituloModal =\n    raiz.querySelector('.ti-modal-titulo');\n\n  const textoModal =\n    raiz.querySelector('.ti-modal-texto');\n\n  const botonAmpliar =\n    raiz.querySelector('.ti-ampliar');\n\n  imagenPrincipal.src = IMAGEN_PRINCIPAL;\n\n  function abrirDetalle(numero) {\n    const detalle = detalles[numero];\n\n    if (!detalle) {\n      return;\n    }\n\n    imagenModal.classList.remove('ti-ampliada');\n    imagenModal.src = detalle.imagen;\n    imagenModal.alt = detalle.alt;\n    tituloModal.textContent = detalle.titulo;\n    textoModal.textContent = detalle.texto;\n\n    modal.hidden = false;\n    document.documentElement.style.overflow = 'hidden';\n  }\n\n  function cerrarDetalle() {\n    modal.hidden = true;\n    imagenModal.classList.remove('ti-ampliada');\n    imagenModal.removeAttribute('src');\n    document.documentElement.style.overflow = '';\n  }\n\n  function cambiarZoom() {\n    imagenModal.classList.toggle('ti-ampliada');\n  }\n\n  raiz\n    .querySelectorAll('[data-detalle]')\n    .forEach(function (punto) {\n      punto.addEventListener('click', function () {\n        abrirDetalle(punto.dataset.detalle);\n      });\n    });\n\n  raiz\n    .querySelectorAll('[data-cerrar]')\n    .forEach(function (elemento) {\n      elemento.addEventListener('click', cerrarDetalle);\n    });\n\n  botonAmpliar.addEventListener('click', cambiarZoom);\n  imagenModal.addEventListener('click', cambiarZoom);\n\n  document.addEventListener('keydown', function (evento) {\n    if (evento.key === 'Escape' && !modal.hidden) {\n      cerrarDetalle();\n    }\n  });\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f241c7 elementor-widget__width-initial elementor-widget elementor-widget-gallery\" data-id=\"5f241c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns&quot;:4,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle__1-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5f241c7\" data-elementor-lightbox-title=\"detalle__1\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTY3OCwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL2RldGFsbGVfXzEtc2NhbGVkLmpwZyIsInNsaWRlc2hvdyI6IjVmMjQxYzcifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle__1-300x225.jpg\" data-width=\"300\" data-height=\"225\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_4-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5f241c7\" data-elementor-lightbox-title=\"detalle_4\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTY4MSwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL2RldGFsbGVfNC1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiNWYyNDFjNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_4-300x225.jpg\" data-width=\"300\" data-height=\"225\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_3-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5f241c7\" data-elementor-lightbox-title=\"detalle_3\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTY4MCwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL2RldGFsbGVfMy1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiNWYyNDFjNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_3-300x225.jpg\" data-width=\"300\" data-height=\"225\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_2-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"5f241c7\" data-elementor-lightbox-title=\"detalle_2\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTY3OSwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL2RldGFsbGVfMi1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiNWYyNDFjNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle_2-300x225.jpg\" data-width=\"300\" data-height=\"225\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80ae676 e-con-full e-flex e-con e-child\" data-id=\"80ae676\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-503b4ed e-con-full e-flex e-con e-child\" data-id=\"503b4ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-986a337 e-con-full e-flex e-con e-child\" data-id=\"986a337\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0231c elementor-widget elementor-widget-heading\" data-id=\"af0231c\" 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\">CERRAMIENTO<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac7cbbf elementor-widget elementor-widget-heading\" data-id=\"ac7cbbf\" 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\">TOKIO | Panel Decorativo Fijo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39a55f7 elementor-widget elementor-widget-text-editor\" data-id=\"39a55f7\" 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>El panel decorativo TOKIO es un complemento estructural para la p\u00e9rgola bioclim\u00e1tica G\u00e9nova, dise\u00f1ado para aportar privacidad sin bloquear la entrada de luz.<\/p><p>Su montaje est\u00e1 optimizado para una instalaci\u00f3n sencilla y eficiente, quedando el producto integrado totalmente aportando un valor a\u00f1adido a la est\u00e9ticade la p\u00e9rgola G\u00e9nova.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a28267 elementor-widget elementor-widget-shortcode\" data-id=\"4a28267\" 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.ss-tokio-features {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  width: 100%;\n  font-family: inherit;\n}\n\n.ss-tokio-features .st-feature {\n  display: flex;\n  align-items: center;\n  min-height: 39px;\n  padding: 10px 12px;\n  border: 1px solid #dedede;\n  border-radius: 12px;\n  background: #fff;\n  color: #343a40;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.4;\n  box-sizing: border-box;\n}\n\n.ss-tokio-features .st-number {\n  color: #FF9E18;\n  margin-right: 4px;\n  flex-shrink: 0;\n}\n\n@media (max-width: 480px) {\n  .ss-tokio-features {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<div class=\"ss-tokio-features\"\n     aria-label=\"Caracter\u00edsticas del cerramiento Tokio fijo\">\n\n  <div class=\"st-feature\">\n    <span class=\"st-number\">01.<\/span>\n    Panel de lamas fijas\n  <\/div>\n\n  <div class=\"st-feature\">\n    <span class=\"st-number\">02.<\/span>\n    Estructura de aluminio\n  <\/div>\n\n  <div class=\"st-feature\">\n    <span class=\"st-number\">03.<\/span>\n    Pies regulables en altura\n  <\/div>\n\n  <div class=\"st-feature\">\n    <span class=\"st-number\">04.<\/span>\n    Fijaci\u00f3n a la p\u00e9rgola\n  <\/div>\n\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4650070 e-con-full e-flex e-con e-child\" data-id=\"4650070\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6eab51 elementor-widget elementor-widget-text-editor\" data-id=\"e6eab51\" 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-b0f921f elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b0f921f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00d3NDE COMPRAR<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ebed39 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"5ebed39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">PRESUPUESTADOR<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1b312b e-flex e-con-boxed e-con e-parent\" data-id=\"b1b312b\" 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-3266a8d elementor-widget elementor-widget-shortcode\" data-id=\"3266a8d\" 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.ss-tokio-tech {\n  font-family: inherit;\n  background: #fff;\n  color: #111;\n  padding: 30px 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.ss-tokio-tech * {\n  box-sizing: border-box;\n}\n\n.ss-tokio-tech .rt-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  gap: 28px;\n  margin-bottom: 18px;\n}\n\n.ss-tokio-tech .rt-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.ss-tokio-tech h2 {\n  margin: 0;\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: 0;\n  color: #111;\n}\n\n.ss-tokio-tech .rt-intro {\n  margin: 0;\n  color: #777;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n.ss-tokio-tech .rt-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 32px;\n}\n\n.ss-tokio-tech dl {\n  margin: 0;\n}\n\n.ss-tokio-tech .rt-row {\n  display: grid;\n  grid-template-columns: minmax(95px, .85fr) minmax(0, 1.5fr);\n  gap: 16px;\n  align-items: center;\n  border-bottom: 1px solid #ddd;\n  padding: 10px 0;\n  font-size: 12px;\n  line-height: 1.5;\n}\n\n.ss-tokio-tech dt {\n  color: #777;\n  font-weight: 400;\n}\n\n.ss-tokio-tech dd {\n  margin: 0;\n  text-align: right;\n  font-weight: 700;\n  color: #111;\n}\n\n@media (max-width: 767px) {\n  .ss-tokio-tech .rt-header {\n    display: block;\n  }\n\n  .ss-tokio-tech h2 {\n    font-size: 22px;\n  }\n\n  .ss-tokio-tech .rt-intro {\n    margin-top: 12px;\n  }\n\n  .ss-tokio-tech .rt-grid {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  .ss-tokio-tech .rt-row {\n    gap: 12px;\n  }\n}\n<\/style>\n\n<section class=\"ss-tokio-tech\"\n         aria-label=\"Ficha t\u00e9cnica del cerramiento Tokio fijo\">\n\n  <div class=\"rt-header\">\n    <div>\n      <p class=\"rt-eyebrow\">FICHA T\u00c9CNICA RESUMIDA<\/p>\n      <h2>Caracter\u00edsticas principales<\/h2>\n    <\/div>\n\n    <p class=\"rt-intro\">\n      Los datos esenciales de Tokio fijo, visibles desde el primer vistazo.\n    <\/p>\n  <\/div>\n\n  <div class=\"rt-grid\">\n\n    <dl>\n      <div class=\"rt-row\">\n        <dt>Producto<\/dt>\n        <dd>Panel decorativo Tokio fijo<\/dd>\n      <\/div>\n\n      <div class=\"rt-row\">\n        <dt>Material de la estructura<\/dt>\n        <dd>Aluminio<\/dd>\n      <\/div>\n\n      <div class=\"rt-row\">\n        <dt>Tipo de panel<\/dt>\n        <dd>Lamas fijas<\/dd>\n      <\/div>\n\n      <div class=\"rt-row\">\n        <dt>Composici\u00f3n del kit<\/dt>\n        <dd>18 lamas \u00b7 2 perfiles laterales<\/dd>\n      <\/div>\n    <\/dl>\n\n    <dl>\n      <div class=\"rt-row\">\n        <dt>Instalaci\u00f3n<\/dt>\n        <dd>Fijaci\u00f3n a la p\u00e9rgola<\/dd>\n      <\/div>\n\n      <div class=\"rt-row\">\n        <dt>Apoyos<\/dt>\n        <dd>2 pies regulables en altura<\/dd>\n      <\/div>\n\n      <div class=\"rt-row\">\n        <dt>Limpieza<\/dt>\n        <dd>Jab\u00f3n neutro y abundante aclarado<\/dd>\n      <\/div>\n\n      <div class=\"rt-row\">\n        <dt>Revisi\u00f3n recomendada<\/dt>\n        <dd>Como m\u00ednimo una vez al a\u00f1o<\/dd>\n      <\/div>\n    <\/dl>\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-009ed42 e-flex e-con-boxed e-con e-parent\" data-id=\"009ed42\" 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-ee8b639 elementor-widget elementor-widget-shortcode\" data-id=\"ee8b639\" 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.ss-tokio-compatible {\n  font-family: inherit;\n  background: #fff;\n  padding: 28px 0;\n  color: #111;\n}\n\n.ss-tokio-compatible * {\n  box-sizing: border-box;\n}\n\n.ss-tokio-compatible .tc-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  border: 1px solid #e3e3e3;\n  border-radius: 16px;\n  padding: 26px 28px;\n}\n\n.ss-tokio-compatible .tc-label {\n  margin: 0 0 8px;\n  color: #FF9E18;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.ss-tokio-compatible h2 {\n  margin: 0 0 10px;\n  color: #111;\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: 0;\n}\n\n.ss-tokio-compatible .tc-text {\n  margin: 0;\n  color: #777;\n  font-size: 13px;\n  line-height: 1.65;\n  max-width: 680px;\n}\n\n.ss-tokio-compatible .tc-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  flex-shrink: 0;\n  padding: 13px 20px;\n  border-radius: 8px;\n  background: #FF9E18;\n  color: #171717;\n  text-decoration: none;\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.3;\n  transition: background .2s;\n}\n\n.ss-tokio-compatible .tc-button:hover {\n  background: #ef900b;\n  color: #171717;\n}\n\n.ss-tokio-compatible .tc-button:focus-visible {\n  outline: 3px solid #171717;\n  outline-offset: 4px;\n}\n\n@media (max-width: 767px) {\n  .ss-tokio-compatible .tc-inner {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 22px;\n  }\n\n  .ss-tokio-compatible h2 {\n    font-size: 22px;\n  }\n\n  .ss-tokio-compatible .tc-button {\n    width: 100%;\n  }\n}\n<\/style>\n\n<section class=\"ss-tokio-compatible\"\n         aria-label=\"Compatibilidad con la p\u00e9rgola G\u00e9nova\">\n\n  <div class=\"tc-inner\">\n\n    <div>\n      <p class=\"tc-label\">COMPATIBILIDAD<\/p>\n\n      <h2>Compatible con la p\u00e9rgola G\u00e9nova<\/h2>\n\n      <p class=\"tc-text\">\n        El cerramiento Tokio fijo se integra en la p\u00e9rgola\n        G\u00e9nova para delimitar sus laterales con un panel\n        de lamas fijas y mantener una est\u00e9tica uniforme\n        en el conjunto.\n      <\/p>\n    <\/div>\n\n    <a class=\"tc-button\"\n       href=\"https:\/\/nueva2025.sun-stop.es\/?page_id=3373\">\n      Ver p\u00e9rgola G\u00e9nova\n      <span aria-hidden=\"true\">\u2192<\/span>\n    <\/a>\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-0f28c3f e-flex e-con-boxed e-con e-parent\" data-id=\"0f28c3f\" 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-7cb3297 elementor-widget elementor-widget-shortcode\" data-id=\"7cb3297\" 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.ss-tokio-spain {\n  position: relative;\n  overflow: hidden;\n  background: #FF9E18;\n  color: #171717;\n  border-radius: 20px;\n  padding: 36px 38px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.ss-tokio-spain * {\n  box-sizing: border-box;\n}\n\n.ss-tokio-spain .ts-mark {\n  position: absolute;\n  right: 18px;\n  top: -28px;\n  font-size: 140px;\n  line-height: 1;\n  font-weight: 800;\n  color: rgba(255, 255, 255, .15);\n  pointer-events: none;\n  user-select: none;\n}\n\n.ss-tokio-spain .ts-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr 1.15fr;\n  gap: 52px;\n  align-items: center;\n}\n\n.ss-tokio-spain .ts-label {\n  margin: 0 0 10px;\n  color: #171717;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.ss-tokio-spain h2 {\n  margin: 0;\n  color: #171717;\n  font-size: 34px;\n  font-weight: 800;\n  line-height: 1.12;\n  letter-spacing: 0;\n}\n\n.ss-tokio-spain .ts-copy p {\n  margin: 0 0 13px;\n  color: #292929;\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.ss-tokio-spain .ts-copy p:last-child {\n  margin-bottom: 0;\n}\n\n.ss-tokio-spain .ts-footer {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px 18px;\n  border-top: 1px solid rgba(0, 0, 0, .18);\n  margin-top: 26px;\n  padding-top: 18px;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.ss-tokio-spain .ts-separator {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: #171717;\n}\n\n@media (max-width: 767px) {\n  .ss-tokio-spain {\n    padding: 28px 22px;\n    border-radius: 16px;\n  }\n\n  .ss-tokio-spain .ts-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .ss-tokio-spain h2 {\n    font-size: 27px;\n  }\n\n  .ss-tokio-spain .ts-mark {\n    font-size: 110px;\n    top: -15px;\n    right: 10px;\n  }\n\n  .ss-tokio-spain .ts-footer {\n    gap: 10px 12px;\n    margin-top: 22px;\n  }\n\n  .ss-tokio-spain .ts-copy p {\n    font-size: 13px;\n  }\n}\n<\/style>\n\n<section class=\"ss-tokio-spain\"\n         aria-label=\"Cerramiento Tokio fijo fabricado en Espa\u00f1a\">\n\n  <span class=\"ts-mark\" aria-hidden=\"true\">ES<\/span>\n\n  <div class=\"ts-grid\">\n\n    <div>\n      <p class=\"ts-label\">FABRICADO EN ESPA\u00d1A<\/p>\n\n      <h2>\n        Dise\u00f1o y fabricaci\u00f3n<br>\n        para tu espacio exterior\n      <\/h2>\n    <\/div>\n\n    <div class=\"ts-copy\">\n      <p>\n        Tokio fijo se fabrica en Espa\u00f1a y combina una estructura\n        de aluminio con un panel de lamas fijas, pensado para\n        integrarse en la p\u00e9rgola y definir sus espacios laterales.\n      <\/p>\n\n      <p>\n        Sus l\u00edneas limpias aportan continuidad al conjunto,\n        mientras que la separaci\u00f3n entre las lamas permite\n        el paso de luz y aire. Los pies regulables facilitan\n        el ajuste del panel durante la instalaci\u00f3n.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"ts-footer\">\n    <span>Fabricaci\u00f3n en Espa\u00f1a<\/span>\n\n    <span class=\"ts-separator\" aria-hidden=\"true\"><\/span>\n\n    <span>Perfiles de aluminio<\/span>\n\n    <span class=\"ts-separator\" aria-hidden=\"true\"><\/span>\n\n    <span>Lamas fijas<\/span>\n\n    <span class=\"ts-separator\" aria-hidden=\"true\"><\/span>\n\n    <span>Integraci\u00f3n en p\u00e9rgolas<\/span>\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-6da2c8b e-flex e-con-boxed e-con e-parent\" data-id=\"6da2c8b\" 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-c6e2415 elementor-widget elementor-widget-shortcode\" data-id=\"c6e2415\" 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.ss-tokio-function {\n  font-family: inherit;\n  background: #fff;\n  color: #111;\n  padding: 30px 0;\n  box-sizing: border-box;\n}\n\n.ss-tokio-function * {\n  box-sizing: border-box;\n}\n\n.ss-tokio-function .tf-eyebrow {\n  margin: 0 0 8px;\n  color: #FF9E18;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.ss-tokio-function h2 {\n  margin: 0 0 24px;\n  color: #111;\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: 0;\n}\n\n.ss-tokio-function .tf-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.ss-tokio-function .tf-card {\n  padding: 20px 18px;\n  border: 1px solid #dedede;\n  border-radius: 14px;\n  background: #fff;\n  transition:\n    transform .2s,\n    border-color .2s,\n    box-shadow .2s;\n}\n\n.ss-tokio-function .tf-card:hover {\n  transform: translateY(-3px);\n  border-color: #FF9E18;\n  box-shadow: 0 8px 22px rgba(0, 0, 0, .06);\n}\n\n.ss-tokio-function .tf-card h3 {\n  margin: 0 0 5px;\n  color: #111;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.ss-tokio-function .tf-subtitle {\n  margin: 0 0 9px;\n  color: #222;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.ss-tokio-function .tf-text {\n  margin: 0;\n  color: #777;\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n@media (max-width: 767px) {\n  .ss-tokio-function h2 {\n    font-size: 22px;\n  }\n\n  .ss-tokio-function .tf-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ss-tokio-function .tf-card {\n    padding: 18px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ss-tokio-function .tf-card {\n    transition: none;\n  }\n\n  .ss-tokio-function .tf-card:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section class=\"ss-tokio-function\"\n         aria-label=\"Funcionamiento del cerramiento Tokio fijo\">\n\n  <p class=\"tf-eyebrow\">FUNCIONAMIENTO<\/p>\n\n  <h2>C\u00f3mo funciona Tokio fijo<\/h2>\n\n  <div class=\"tf-grid\">\n\n    <article class=\"tf-card\">\n      <h3>Panel fijo<\/h3>\n\n      <p class=\"tf-subtitle\">\n        Integrado en la p\u00e9rgola\n      <\/p>\n\n      <p class=\"tf-text\">\n        El panel se fija a la estructura de la p\u00e9rgola\n        y permanece en su posici\u00f3n, delimitando\n        el lateral del espacio.\n      <\/p>\n    <\/article>\n\n    <article class=\"tf-card\">\n      <h3>Lamas fijas<\/h3>\n\n      <p class=\"tf-subtitle\">\n        Una disposici\u00f3n permanente\n      <\/p>\n\n      <p class=\"tf-text\">\n        Las lamas se atornillan a los perfiles laterales\n        y mantienen su posici\u00f3n. La separaci\u00f3n entre\n        ellas permite el paso de luz y aire.\n      <\/p>\n    <\/article>\n\n    <article class=\"tf-card\">\n      <h3>Apoyos regulables<\/h3>\n\n      <p class=\"tf-subtitle\">\n        Ajuste durante la instalaci\u00f3n\n      <\/p>\n\n      <p class=\"tf-text\">\n        Los dos pies permiten regular la altura para\n        ajustar el panel al nivel del suelo y completar\n        su colocaci\u00f3n.\n      <\/p>\n    <\/article>\n\n  <\/div>\n\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2abdb6c elementor-widget elementor-widget-shortcode\" data-id=\"2abdb6c\" 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.ss-tokio-config {\n  font-family: inherit;\n  color: #202020;\n  background: #fff;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 30px 16px;\n  box-sizing: border-box;\n}\n\n.ss-tokio-config * {\n  box-sizing: border-box;\n}\n\n.ss-tokio-config h2 {\n  color: #FF9E18;\n  font-size: 18px;\n  font-weight: 800;\n  letter-spacing: .03em;\n  margin: 0 0 12px;\n}\n\n.ss-tokio-config .tk-intro {\n  font-size: 14px;\n  line-height: 1.6;\n  color: #666;\n  margin: 0 0 24px;\n}\n\n.ss-tokio-config .tk-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.8fr) minmax(260px, 1fr);\n  gap: 34px;\n  align-items: center;\n}\n\n.ss-tokio-config figure {\n  margin: 0;\n}\n\n.ss-tokio-config img {\n  width: 100%;\n  display: block;\n  aspect-ratio: 3 \/ 2;\n  object-fit: contain;\n  border-radius: 16px;\n}\n\n.ss-tokio-config figcaption {\n  font-size: 12px;\n  color: #666;\n  margin-top: 10px;\n}\n\n.ss-tokio-config fieldset {\n  border: 0;\n  padding: 0;\n  margin: 0 0 25px;\n  min-width: 0;\n}\n\n.ss-tokio-config legend {\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 12px;\n  padding: 0;\n}\n\n.ss-tokio-config .tk-choices {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.ss-tokio-config button {\n  font: inherit;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  border: 1px solid #d8d8d8;\n  border-radius: 8px;\n  padding: 11px 14px;\n  background: #fff;\n  color: #222;\n  cursor: pointer;\n}\n\n.ss-tokio-config button[aria-pressed=\"true\"] {\n  border-color: #FF9E18;\n  box-shadow: 0 0 0 1px #FF9E18;\n}\n\n.ss-tokio-config button:focus-visible,\n.ss-tokio-config a:focus-visible {\n  outline: 3px solid #FF9E18;\n  outline-offset: 3px;\n}\n\n.ss-tokio-config .tk-dot {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1px solid #ccc;\n  background: #fafafa;\n  flex-shrink: 0;\n}\n\n.ss-tokio-config .tk-black {\n  background: #25272a;\n  border-color: #25272a;\n}\n\n.ss-tokio-config .tk-wood {\n  background: linear-gradient(\n    110deg,\n    #bb8043,\n    #e3b57b 45%,\n    #ae7138 50%,\n    #d8a469 75%,\n    #bb8043\n  );\n}\n\n.ss-tokio-config .tk-summary {\n  font-size: 13px;\n  margin: 0 0 20px;\n}\n\n.ss-tokio-config .tk-note {\n  font-size: 12px;\n  line-height: 1.65;\n  color: #666;\n  border-top: 1px solid #eee;\n  padding-top: 18px;\n  margin: 0;\n}\n\n.ss-tokio-config .tk-note a {\n  color: #202020;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  font-weight: 700;\n}\n\n.ss-tokio-config .tk-error {\n  color: #a22;\n  font-size: 12px;\n}\n\n@media (max-width: 760px) {\n  .ss-tokio-config .tk-layout {\n    grid-template-columns: 1fr;\n    gap: 22px;\n  }\n\n  .ss-tokio-config {\n    padding: 24px 12px;\n  }\n\n  .ss-tokio-config fieldset {\n    margin-bottom: 20px;\n  }\n}\n<\/style>\n\n<section class=\"ss-tokio-config\"\n         aria-label=\"Configurador de colores de Tokio fijo\">\n\n  <h2>CONFIGURA TU CERRAMIENTO TOKIO FIJO<\/h2>\n\n  <p class=\"tk-intro\">\n    Combina el color de los perfiles y el acabado de las lamas\n    y descubre c\u00f3mo queda tu cerramiento Tokio fijo.\n  <\/p>\n\n  <div class=\"tk-layout\">\n\n    <figure>\n      <img fetchpriority=\"high\" decoding=\"async\"\n        src=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/tokio_fijo-1-scaled.jpg\"\n        alt=\"Tokio fijo con perfiles negros y lamas negras sobre p\u00e9rgola negra\"\n        width=\"1920\"\n        height=\"1280\"\n      >\n\n      <figcaption>\n        Vista orientativa de los acabados del cerramiento Tokio fijo.\n      <\/figcaption>\n\n      <p class=\"tk-error\" hidden>\n        No se ha podido cargar la imagen.\n        Vuelve a seleccionar el acabado.\n      <\/p>\n    <\/figure>\n\n    <div>\n\n      <fieldset data-group=\"profile\">\n        <legend>01 \u00b7 Color de los perfiles<\/legend>\n\n        <div class=\"tk-choices\">\n          <button type=\"button\"\n                  data-value=\"negro\"\n                  aria-pressed=\"true\">\n            <span class=\"tk-dot tk-black\" aria-hidden=\"true\"><\/span>\n            Negro\n          <\/button>\n\n          <button type=\"button\"\n                  data-value=\"blanco\"\n                  aria-pressed=\"false\">\n            <span class=\"tk-dot\" aria-hidden=\"true\"><\/span>\n            Blanco\n          <\/button>\n        <\/div>\n      <\/fieldset>\n\n      <fieldset data-group=\"slats\">\n        <legend>02 \u00b7 Acabado de las lamas<\/legend>\n\n        <div class=\"tk-choices\">\n          <button type=\"button\"\n                  data-value=\"negro\"\n                  aria-pressed=\"true\">\n            <span class=\"tk-dot tk-black\" aria-hidden=\"true\"><\/span>\n            Negro\n          <\/button>\n\n          <button type=\"button\"\n                  data-value=\"blanco\"\n                  aria-pressed=\"false\">\n            <span class=\"tk-dot\" aria-hidden=\"true\"><\/span>\n            Blanco\n          <\/button>\n\n          <button type=\"button\"\n                  data-value=\"madera\"\n                  aria-pressed=\"false\">\n            <span class=\"tk-dot tk-wood\" aria-hidden=\"true\"><\/span>\n            Madera\n          <\/button>\n        <\/div>\n      <\/fieldset>\n\n      <p class=\"tk-summary\" aria-live=\"polite\">\n        Tu selecci\u00f3n:\n        <strong>perfiles negros \u00b7 lamas negras<\/strong>\n      <\/p>\n\n      <p class=\"tk-note\">\n        Este visor refleja \u00fanicamente los colores de los perfiles\n        y los acabados de las lamas del cerramiento Tokio fijo.\n        La p\u00e9rgola se muestra siempre en negro.\n        Para ver las opciones de color de la p\u00e9rgola, visita\n        la p\u00e1gina de la\n        <a href=\"https:\/\/nueva2025.sun-stop.es\/?page_id=3373\">\n          p\u00e9rgola G\u00e9nova\n        <\/a>.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  const root = document.currentScript.previousElementSibling;\n\n  if (!root || !root.classList.contains('ss-tokio-config')) return;\n\n  const base =\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/10\/';\n\n  const images = {\n    'negro-negro': base + 'tokio_fijo-1-scaled.jpg',\n    'negro-blanco': base + 'tokio_fijo-2-scaled.jpg',\n    'negro-madera': base + 'tokio_fijo-3-scaled.jpg',\n    'blanco-blanco': base + 'tokio_fijo-4-scaled.jpg',\n    'blanco-negro': base + 'tokio_fijo-5-scaled.jpg',\n    'blanco-madera': base + 'tokio_fijo-6-scaled.jpg'\n  };\n\n  const state = {\n    profile: 'negro',\n    slats: 'negro'\n  };\n\n  const img = root.querySelector('img');\n  const error = root.querySelector('.tk-error');\n  const summary = root.querySelector('.tk-summary strong');\n\n  img.addEventListener('load', function () {\n    error.hidden = true;\n  });\n\n  img.addEventListener('error', function () {\n    error.hidden = false;\n  });\n\n  Object.values(images).forEach(function (src) {\n    const preload = new Image();\n    preload.src = src;\n  });\n\n  root.querySelectorAll('fieldset button').forEach(function (button) {\n    button.addEventListener('click', function () {\n      const group = button.closest('fieldset');\n\n      state[group.dataset.group] = button.dataset.value;\n\n      group.querySelectorAll('button').forEach(function (item) {\n        item.setAttribute(\n          'aria-pressed',\n          String(item === button)\n        );\n      });\n\n      const profiles =\n        state.profile === 'negro' ? 'negros' : 'blancos';\n\n      const slats =\n        state.slats === 'madera'\n          ? 'acabado madera'\n          : state.slats === 'negro'\n            ? 'negras'\n            : 'blancas';\n\n      img.alt =\n        'Tokio fijo con perfiles ' + profiles +\n        ' y lamas ' + slats +\n        ' sobre p\u00e9rgola negra';\n\n      img.src = images[state.profile + '-' + state.slats];\n\n      summary.textContent =\n        'perfiles ' + profiles + ' \u00b7 lamas ' + slats;\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-4332d51 e-flex e-con-boxed e-con e-parent\" data-id=\"4332d51\" 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-e60b36b elementor-widget elementor-widget-shortcode\" data-id=\"e60b36b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- =========================================================\n     DOCUMENTACI\u00d3N \u00b7 G\u00c9NOVA\n========================================================= -->\n\n<section class=\"genova-documentacion\">\n\n  <div class=\"genova-documentacion-inner\">\n\n    <!-- CABECERA -->\n    <div class=\"genova-documentacion-header\">\n\n      <span class=\"genova-documentacion-eyebrow\">\n        DOCUMENTACI\u00d3N\n      <\/span>\n\n      <h2>\n        Manuales y soporte\n      <\/h2>\n\n      <p>\n        Consulta toda la documentaci\u00f3n t\u00e9cnica, manuales de instalaci\u00f3n,\n        uso y mantenimiento de nuestros productos.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- TARJETA DOCUMENTACI\u00d3N -->\n    <a\n      href=\"https:\/\/manuales.sun-stop.es\/\"\n      class=\"genova-documentacion-card\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n\n      <div class=\"genova-documentacion-icon\">\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M6 2.8h8l4 4V21H6z\"><\/path>\n          <path d=\"M14 2.8V7h4\"><\/path>\n          <path d=\"M9 11h6\"><\/path>\n          <path d=\"M9 14h6\"><\/path>\n          <path d=\"M9 17h4\"><\/path>\n        <\/svg>\n\n      <\/div>\n\n\n      <div class=\"genova-documentacion-content\">\n\n        <div class=\"genova-documentacion-text\">\n\n          <h3>\n            Documentaci\u00f3n Sun Stop\n          <\/h3>\n\n          <p>\n            Accede a nuestra biblioteca de manuales para consultar\n            toda la informaci\u00f3n de instalaci\u00f3n, funcionamiento y mantenimiento.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"genova-documentacion-link\">\n          Ver todos los manuales\n          <span>\u2192<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   DOCUMENTACI\u00d3N\n========================================================= *\/\n\n.genova-documentacion{\n  width:100%;\n  padding:55px 20px;\n\n  background:#f3f4f5;\n\n  font-family:inherit;\n}\n\n.genova-documentacion-inner{\n  width:100%;\n  max-width:1070px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.genova-documentacion-header{\n  max-width:720px;\n\n  margin-bottom:28px;\n}\n\n.genova-documentacion-eyebrow{\n  display:block;\n\n  margin-bottom:8px;\n\n  color:#FF9E18;\n\n  font-size:12px;\n  font-weight:700;\n  line-height:1.2;\n\n  letter-spacing:.08em;\n\n  text-transform:uppercase;\n}\n\n.genova-documentacion-header h2{\n  margin:0 0 10px;\n\n  color:#111;\n\n  font-family:inherit;\n  font-size:25px;\n  font-weight:700;\n  line-height:1.15;\n\n  letter-spacing:0;\n}\n\n.genova-documentacion-header p{\n  margin:0;\n\n  color:#777;\n\n  font-size:14px;\n  font-weight:400;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   TARJETA\n========================================================= *\/\n\n.genova-documentacion-card{\n  width:100%;\n\n  display:flex;\n  align-items:center;\n\n  gap:22px;\n\n  padding:22px 24px;\n\n  border:1px solid #dedede;\n  border-radius:14px;\n\n  background:#fff;\n\n  text-decoration:none;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    border-color .25s ease;\n}\n\n.genova-documentacion-card:hover{\n  transform:translateY(-3px);\n\n  border-color:#FF9E18;\n\n  box-shadow:\n    0 12px 30px rgba(0,0,0,.07);\n}\n\n\n\/* =========================================================\n   ICONO\n========================================================= *\/\n\n.genova-documentacion-icon{\n  width:54px;\n  min-width:54px;\n  height:54px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:12px;\n\n  background:#fff4e4;\n}\n\n.genova-documentacion-icon svg{\n  width:24px;\n  height:24px;\n\n  fill:none;\n\n  stroke:#FF9E18;\n  stroke-width:1.6;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n\/* =========================================================\n   CONTENIDO\n========================================================= *\/\n\n.genova-documentacion-content{\n  width:100%;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.genova-documentacion-text h3{\n  margin:0 0 5px;\n\n  color:#181818;\n\n  font-family:inherit;\n  font-size:16px;\n  font-weight:700;\n  line-height:1.25;\n}\n\n.genova-documentacion-text p{\n  max-width:650px;\n\n  margin:0;\n\n  color:#777;\n\n  font-size:12px;\n  font-weight:400;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ENLACE\n========================================================= *\/\n\n.genova-documentacion-link{\n  flex-shrink:0;\n\n  display:flex;\n  align-items:center;\n\n  gap:7px;\n\n  color:#FF9E18;\n\n  font-size:12px;\n  font-weight:700;\n\n  text-transform:uppercase;\n\n  letter-spacing:.02em;\n\n  transition:gap .2s ease;\n}\n\n.genova-documentacion-card:hover\n.genova-documentacion-link{\n  gap:11px;\n}\n\n.genova-documentacion-link span{\n  font-size:17px;\n  line-height:1;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  .genova-documentacion{\n    padding:42px 18px;\n  }\n\n  .genova-documentacion-header{\n    margin-bottom:22px;\n  }\n\n  .genova-documentacion-header h2{\n    font-size:22px;\n  }\n\n  .genova-documentacion-card{\n    align-items:flex-start;\n\n    padding:19px;\n\n    gap:15px;\n  }\n\n  .genova-documentacion-icon{\n    width:46px;\n    min-width:46px;\n    height:46px;\n  }\n\n  .genova-documentacion-content{\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:14px;\n  }\n\n  .genova-documentacion-text h3{\n    font-size:15px;\n  }\n\n}\n\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1 2 3 \u00d7 \u26f6 DETALLE TOKIO CERRAMIENTO TOKIO | Panel Decorativo Fijo El panel decorativo TOKIO es un complemento estructural para la p\u00e9rgola bioclim\u00e1tica G\u00e9nova, dise\u00f1ado para aportar privacidad sin bloquear la entrada de luz. Su montaje est\u00e1 optimizado para una instalaci\u00f3n sencilla y eficiente, quedando el producto integrado totalmente aportando un valor a\u00f1adido [&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-1667","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1667","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=1667"}],"version-history":[{"count":73,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1667\/revisions"}],"predecessor-version":[{"id":4038,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1667\/revisions\/4038"}],"wp:attachment":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}