{"id":1731,"date":"2026-07-27T10:25:12","date_gmt":"2026-07-27T10:25:12","guid":{"rendered":"https:\/\/sun-stop.es\/?page_id=1731"},"modified":"2026-11-06T07:19:44","modified_gmt":"2026-11-06T07:19:44","slug":"tokio-panel-decorativo-corredero","status":"publish","type":"page","link":"https:\/\/sun-stop.es\/?page_id=1731","title":{"rendered":"TOKIO | Panel decorativo corredero"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1731\" class=\"elementor elementor-1731\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fed98f0 e-flex e-con-boxed e-con e-parent\" data-id=\"fed98f0\" 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-526bc68 e-con-full e-flex e-con e-child\" data-id=\"526bc68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d309ee0 e-con-full e-flex e-con e-child\" data-id=\"d309ee0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc86565 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"dc86565\" 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<div id=\"tokio-interactiva\">\n\n  <!-- IMAGEN PRINCIPAL -->\n  <div class=\"ti-escena\">\n\n    <img decoding=\"async\"\n      id=\"ti-imagen-principal\"\n      class=\"ti-imagen-principal\"\n      src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-22-sept-2026-09_40_23.png\"\n      alt=\"Panel decorativo Tokio corredero integrado en p\u00e9rgola\"\n    >\n\n    <!-- PUNTO 1: RA\u00cdL INFERIOR -->\n    <button\n      type=\"button\"\n      class=\"ti-punto ti-punto-1\"\n      data-detalle=\"1\"\n      aria-label=\"Ver detalle del ra\u00edl inferior\"\n    >\n      <span class=\"ti-pulso\"><\/span>\n      <span class=\"ti-numero\">1<\/span>\n    <\/button>\n\n    <!-- PUNTO 2: ESTRUCTURA -->\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  <\/div>\n\n  <!-- VENTANA EMERGENTE -->\n  <div\n    class=\"ti-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Detalle del panel Tokio corredero\"\n    aria-hidden=\"true\"\n    hidden\n  >\n\n    <div class=\"ti-modal-fondo\" data-cerrar><\/div>\n\n    <div class=\"ti-modal-contenido\">\n\n      <button\n        type=\"button\"\n        class=\"ti-cerrar\"\n        data-cerrar\n        aria-label=\"Cerrar detalle\"\n      >\u00d7<\/button>\n\n      <!-- IMAGEN DEL DETALLE -->\n      <div class=\"ti-modal-imagen-wrap\">\n\n        <img\n          class=\"ti-modal-imagen\"\n          alt=\"\"\n        >\n\n        <button\n          type=\"button\"\n          class=\"ti-ampliar\"\n          aria-label=\"Ampliar imagen\"\n          title=\"Ampliar imagen\"\n        >\u26f6<\/button>\n\n      <\/div>\n\n      <!-- INFORMACI\u00d3N -->\n      <div class=\"ti-modal-informacion\">\n\n        <div class=\"ti-modal-etiqueta\">\n          DETALLE TOKIO\n        <\/div>\n\n        <h3 class=\"ti-modal-titulo\"><\/h3>\n\n        <p class=\"ti-modal-texto\"><\/p>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* CONTENEDOR GENERAL *\/\n#tokio-interactiva,\n#tokio-interactiva * {\n  box-sizing: border-box;\n}\n\n#tokio-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\/* IMAGEN PRINCIPAL *\/\n#tokio-interactiva .ti-escena {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 \/ 3;\n  min-height: 420px;\n  max-height: 620px;\n  overflow: hidden;\n  background: #f2f0eb;\n  border-radius: 4px;\n  box-shadow: 0 10px 30px rgba(0,0,0,.12);\n}\n\n#tokio-interactiva .ti-imagen-principal {\n  display: block;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  inset: 0;\n  object-fit: cover;\n  object-position: center center;\n}\n\n\/* PUNTOS INTERACTIVOS *\/\n#tokio-interactiva .ti-punto {\n  position: absolute;\n  z-index: 5;\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  margin: 0;\n  padding: 0;\n  border: 2px solid #fff;\n  border-radius: 50%;\n  background: #FF9E18;\n  color: #fff;\n  cursor: pointer;\n  box-shadow:\n    0 4px 12px rgba(0,0,0,.32),\n    0 0 0 5px rgba(255,158,24,.20);\n  transform: translate(-50%, -50%);\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n#tokio-interactiva .ti-punto:hover,\n#tokio-interactiva .ti-punto:focus-visible {\n  background: #dc7e17;\n  transform: translate(-50%, -50%) scale(1.12);\n  outline: 2px solid #fff;\n  outline-offset: 3px;\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: #fff;\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(255,158,24,.7);\n  border-radius: 50%;\n  pointer-events: none;\n  animation: ti-pulso 1.8s infinite;\n}\n\n@keyframes ti-pulso {\n  0% {\n    opacity: .9;\n    transform: scale(.75);\n  }\n\n  70%, 100% {\n    opacity: 0;\n    transform: scale(1.45);\n  }\n}\n\n\/* ===================================\n   POSICIONES CORREGIDAS\n=================================== *\/\n\n\/* 1 - RA\u00cdL INFERIOR *\/\n#tokio-interactiva .ti-punto-1 {\n  top: 89%;\n  left: 28%;\n}\n\n\/* 2 - ESTRUCTURA DE ALUMINIO *\/\n#tokio-interactiva .ti-punto-2 {\n  top: 30%;\n  left: 23%;\n}\n\n\/* ===================================\n   MODAL\n=================================== *\/\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,.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:\n    minmax(0,1.45fr)\n    minmax(260px,.55fr);\n  width: min(1050px,96vw);\n  max-height: 90vh;\n  overflow: hidden;\n  background: #fff;\n  border-radius: 5px;\n  box-shadow: 0 24px 70px rgba(0,0,0,.42);\n}\n\n\/* IMAGEN DEL MODAL *\/\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: #fff;\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: #fff;\n  transition: transform .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\/* BOT\u00d3N AMPLIAR *\/\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,.78);\n  color: #fff;\n  font-size: 20px !important;\n  line-height: 1 !important;\n  cursor: pointer;\n}\n\n\/* INFORMACI\u00d3N DEL MODAL *\/\n#tokio-interactiva .ti-modal-informacion {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 38px 32px;\n  background: #fff;\n}\n\n#tokio-interactiva .ti-modal-etiqueta {\n  margin: 0 0 7px;\n  color: #FF9E18;\n  font-size: 12px !important;\n  line-height: 1.2 !important;\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n#tokio-interactiva .ti-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#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\/* CERRAR *\/\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,.84);\n  color: #fff;\n  font-size: 25px !important;\n  line-height: 1 !important;\n  cursor: pointer;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 760px) {\n  #tokio-interactiva .ti-escena {\n    aspect-ratio: 1 \/ 1;\n    min-height: 300px;\n    max-height: none;\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  #tokio-interactiva .ti-punto-1 {\n    top: 89%;\n    left: 28%;\n  }\n\n  #tokio-interactiva .ti-punto-2 {\n    top: 30%;\n    left: 23%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tokio-interactiva .ti-pulso {\n    animation: none;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const raiz = document.getElementById(\n    'tokio-interactiva'\n  );\n\n  if (!raiz || raiz.dataset.iniciado === 'si') {\n    return;\n  }\n\n  raiz.dataset.iniciado = 'si';\n\n  \/* IM\u00c1GENES *\/\n  const IMAGEN_RAIL =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/07\/rail_01-scaled.png';\n\n  const IMAGEN_ESTRUCTURA =\n    'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle__1-scaled.jpg';\n\n  \/* DETALLES INTERACTIVOS *\/\n  const detalles = {\n    1: {\n      titulo: 'Ra\u00edl inferior y sistema de deslizamiento',\n      texto:\n        'El panel Tokio se desplaza sobre un ra\u00edl inferior de aluminio que gu\u00eda el movimiento de forma precisa y estable. El sistema de rodadura queda integrado en la parte baja del panel, permitiendo un desplazamiento suave y manteniendo una est\u00e9tica limpia y discreta.',\n      imagen: IMAGEN_RAIL,\n      alt: 'Detalle del ra\u00edl inferior y sistema de deslizamiento del panel 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 especialmente adecuado para exteriores. La perfiler\u00eda proporciona estabilidad al conjunto y permite que el panel Tokio mantenga una est\u00e9tica limpia, uniforme y perfectamente integrada en la p\u00e9rgola.',\n      imagen: IMAGEN_ESTRUCTURA,\n      alt: 'Detalle de la estructura de aluminio del panel Tokio'\n    }\n  };\n\n  \/* ELEMENTOS *\/\n  const modal = raiz.querySelector('.ti-modal');\n  const imagenModal = raiz.querySelector('.ti-modal-imagen');\n  const tituloModal = raiz.querySelector('.ti-modal-titulo');\n  const textoModal = raiz.querySelector('.ti-modal-texto');\n  const botonAmpliar = raiz.querySelector('.ti-ampliar');\n  const botonCerrar = raiz.querySelector('.ti-cerrar');\n\n  let botonAnterior = null;\n  let overflowAnterior = '';\n\n  \/* ABRIR DETALLE *\/\n  function abrirDetalle(numero, boton) {\n    const detalle = detalles[numero];\n\n    if (!detalle) return;\n\n    botonAnterior = boton;\n\n    imagenModal.classList.remove('ti-ampliada');\n    imagenModal.src = detalle.imagen;\n    imagenModal.alt = detalle.alt;\n\n    tituloModal.textContent = detalle.titulo;\n    textoModal.textContent = detalle.texto;\n\n    overflowAnterior =\n      document.documentElement.style.overflow;\n\n    modal.hidden = false;\n    modal.setAttribute('aria-hidden', 'false');\n\n    document.documentElement.style.overflow = 'hidden';\n\n    botonCerrar.focus();\n  }\n\n  \/* CERRAR DETALLE *\/\n  function cerrarDetalle() {\n    modal.hidden = true;\n    modal.setAttribute('aria-hidden', 'true');\n\n    imagenModal.classList.remove('ti-ampliada');\n    imagenModal.removeAttribute('src');\n\n    document.documentElement.style.overflow =\n      overflowAnterior;\n\n    if (botonAnterior) {\n      botonAnterior.focus();\n    }\n  }\n\n  \/* AMPLIAR IMAGEN *\/\n  function cambiarZoom() {\n    imagenModal.classList.toggle('ti-ampliada');\n  }\n\n  \/* EVENTOS DE PUNTOS *\/\n  raiz.querySelectorAll('[data-detalle]').forEach(\n    function (punto) {\n      punto.addEventListener('click', function () {\n        abrirDetalle(punto.dataset.detalle, punto);\n      });\n    }\n  );\n\n  \/* EVENTOS DE CIERRE *\/\n  raiz.querySelectorAll('[data-cerrar]').forEach(\n    function (elemento) {\n      elemento.addEventListener('click', cerrarDetalle);\n    }\n  );\n\n  botonAmpliar.addEventListener('click', cambiarZoom);\n  imagenModal.addEventListener('click', cambiarZoom);\n\n  \/* CERRAR CON ESCAPE *\/\n  document.addEventListener('keydown', function (evento) {\n    if (evento.key === 'Escape' && !modal.hidden) {\n      cerrarDetalle();\n    }\n  });\n})();\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40ef2d9 elementor-widget__width-initial elementor-widget elementor-widget-gallery\" data-id=\"40ef2d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns&quot;:4,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/07\/tokio_13-scaled.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"40ef2d9\" data-elementor-lightbox-title=\"tokio_13\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTc0MCwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wN1wvdG9raW9fMTMtc2NhbGVkLnBuZyIsInNsaWRlc2hvdyI6IjQwZWYyZDkifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/07\/tokio_13-300x167.png\" data-width=\"300\" data-height=\"167\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/00_tokio_corredero.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"40ef2d9\" data-elementor-lightbox-title=\"00_tokio_corredero\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDQ4MCwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvMDBfdG9raW9fY29ycmVkZXJvLndlYnAiLCJzbGlkZXNob3ciOiI0MGVmMmQ5In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/00_tokio_corredero-300x200.webp\" data-width=\"300\" data-height=\"200\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/tokio_17-scaled.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"40ef2d9\" data-elementor-lightbox-title=\"tokio_17\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDQ4MSwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvdG9raW9fMTctc2NhbGVkLnBuZyIsInNsaWRlc2hvdyI6IjQwZWYyZDkifQ%3D%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/tokio_17-167x300.png\" data-width=\"167\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/tokio_18.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"40ef2d9\" data-elementor-lightbox-title=\"tokio_18\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDQ4MiwidXJsIjoiaHR0cHM6XC9cL3N1bi1zdG9wLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8xMFwvdG9raW9fMTgucG5nIiwic2xpZGVzaG93IjoiNDBlZjJkOSJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/tokio_18-300x300.png\" data-width=\"300\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1eedcef e-con-full e-flex e-con e-child\" data-id=\"1eedcef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-239acbf e-con-full e-flex e-con e-child\" data-id=\"239acbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-89ed177 e-con-full e-flex e-con e-child\" data-id=\"89ed177\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-617aab0 elementor-widget elementor-widget-heading\" data-id=\"617aab0\" 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-73dca66 elementor-widget elementor-widget-heading\" data-id=\"73dca66\" 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 Corredero<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36d6f7f elementor-widget elementor-widget-text-editor\" data-id=\"36d6f7f\" 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\u00e9tica de la p\u00e9rgola G\u00e9nova.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9e2791 elementor-widget elementor-widget-shortcode\" data-id=\"f9e2791\" 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-cor-features {\n  font-family: inherit;\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  color: #202020;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.ss-tokio-cor-features .tc-feature {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  padding: 11px 12px;\n  border: 1px solid #dedede;\n  border-radius: 13px;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.3;\n  box-sizing: border-box;\n  background: #fff;\n}\n\n.ss-tokio-cor-features .tc-number {\n  color: #FF9E18;\n  flex-shrink: 0;\n}\n\n@media (max-width: 540px) {\n  .ss-tokio-cor-features {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<div class=\"ss-tokio-cor-features\"\n     aria-label=\"Caracter\u00edsticas de Tokio corredero\">\n\n  <div class=\"tc-feature\">\n    <span class=\"tc-number\">01.<\/span>\n    Paneles de lamas correderos\n  <\/div>\n\n  <div class=\"tc-feature\">\n    <span class=\"tc-number\">02.<\/span>\n    Estructura de aluminio\n  <\/div>\n\n  <div class=\"tc-feature\">\n    <span class=\"tc-number\">03.<\/span>\n    Ruedas regulables en altura\n  <\/div>\n\n  <div class=\"tc-feature\">\n    <span class=\"tc-number\">04.<\/span>\n    Riel superior e inferior\n  <\/div>\n\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23a365b e-con-full e-flex e-con e-child\" data-id=\"23a365b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b49c191 elementor-widget elementor-widget-text-editor\" data-id=\"b49c191\" 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><strong>Producto desde 899.00\u0404<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8530247 elementor-widget elementor-widget-text-editor\" data-id=\"8530247\" 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>Cerramiento 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-efe4d8e elementor-align-center elementor-widget elementor-widget-button\" data-id=\"efe4d8e\" 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\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-ce67cd3 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"ce67cd3\" 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.configuradoramedida.com\/application\">\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-29099e5 e-flex e-con-boxed e-con e-parent\" data-id=\"29099e5\" 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-29428ab elementor-widget elementor-widget-shortcode\" data-id=\"29428ab\" 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.ss-tc-specs {\n  font-family: inherit;\n  color: #202020;\n  background: #fff;\n  padding: 30px 16px;\n  max-width: 1320px;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n\n.ss-tc-specs * {\n  box-sizing: border-box;\n}\n\n.ss-tc-specs .tc-head {\n  margin-bottom: 20px;\n}\n\n.ss-tc-specs .tc-eyebrow {\n  margin: 0 0 9px;\n  color: #FF9E18;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.ss-tc-specs h2 {\n  margin: 0;\n  font-size: 25px;\n  line-height: 1.15;\n  font-weight: 700;\n  letter-spacing: 0;\n  color: #111;\n}\n\n.ss-tc-specs .tc-columns {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 32px;\n}\n\n.ss-tc-specs dl {\n  margin: 0;\n  min-width: 0;\n}\n\n.ss-tc-specs .tc-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);\n  gap: 18px;\n  align-items: center;\n  border-bottom: 1px solid #dedede;\n  padding: 11px 0;\n  min-height: 43px;\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.ss-tc-specs dt {\n  color: #777;\n  font-weight: 400;\n}\n\n.ss-tc-specs dd {\n  margin: 0;\n  text-align: right;\n  font-weight: 700;\n  color: #111;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 760px) {\n  .ss-tc-specs {\n    padding: 24px 12px;\n  }\n\n  .ss-tc-specs h2 {\n    font-size: 22px;\n  }\n\n  .ss-tc-specs .tc-columns {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  .ss-tc-specs .tc-row {\n    gap: 12px;\n  }\n}\n<\/style>\n\n<section class=\"ss-tc-specs\"\n  aria-label=\"Ficha t\u00e9cnica de Tokio corredero\">\n\n  <div class=\"tc-head\">\n    <p class=\"tc-eyebrow\">FICHA T\u00c9CNICA<\/p>\n    <h2>Caracter\u00edsticas principales<\/h2>\n  <\/div>\n\n  <div class=\"tc-columns\">\n\n    <!-- COLUMNA IZQUIERDA: 3 FILAS -->\n    <dl>\n\n      <div class=\"tc-row\">\n        <dt>Producto<\/dt>\n        <dd>Panel decorativo Tokio corredero<\/dd>\n      <\/div>\n\n      <div class=\"tc-row\">\n        <dt>Material de la estructura<\/dt>\n        <dd>Aluminio<\/dd>\n      <\/div>\n\n      <div class=\"tc-row\">\n        <dt>Tipo de panel<\/dt>\n        <dd>Panel corredero de lamas fijas<\/dd>\n      <\/div>\n\n    <\/dl>\n\n    <!-- COLUMNA DERECHA: 3 FILAS -->\n    <dl>\n\n      <div class=\"tc-row\">\n        <dt>Guiado<\/dt>\n        <dd>Riel superior e inferior<\/dd>\n      <\/div>\n\n      <div class=\"tc-row\">\n        <dt>Fabricaci\u00f3n<\/dt>\n        <dd>Fabricado en Espa\u00f1a<\/dd>\n      <\/div>\n\n      <div class=\"tc-row\">\n        <dt>Colores disponibles<\/dt>\n        <dd>Blanco \u00b7 Gris \u00b7 Imitaci\u00f3n a madera<\/dd>\n      <\/div>\n\n    <\/dl>\n\n  <\/div>\n\n<\/section>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cc7c69 e-flex e-con-boxed e-con e-parent\" data-id=\"4cc7c69\" 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-b20532f elementor-widget elementor-widget-shortcode\" data-id=\"b20532f\" 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-tc-compat {\n  font-family: inherit;\n  box-sizing: border-box;\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 28px;\n  border: 1px solid #dedede;\n  border-radius: 18px;\n  background: #fff;\n  color: #111;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n}\n\n.ss-tc-compat * {\n  box-sizing: border-box;\n}\n\n.ss-tc-compat .tc-copy {\n  max-width: 700px;\n}\n\n.ss-tc-compat .tc-eyebrow {\n  margin: 0 0 10px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  color: #FF9E18;\n  text-transform: uppercase;\n}\n\n.ss-tc-compat h2 {\n  margin: 0 0 12px;\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: 0;\n  color: #111;\n}\n\n.ss-tc-compat .tc-text {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.65;\n  color: #777;\n}\n\n.ss-tc-compat .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: 9px;\n  background: #FF9E18;\n  color: #111;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.ss-tc-compat .tc-button:focus-visible {\n  outline: 3px solid #111;\n  outline-offset: 4px;\n}\n\n@media (max-width: 760px) {\n  .ss-tc-compat {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 24px 20px;\n    gap: 20px;\n  }\n\n  .ss-tc-compat h2 {\n    font-size: 22px;\n  }\n}\n<\/style>\n\n<section class=\"ss-tc-compat\"\n         aria-label=\"Compatibilidad de Tokio corredero con G\u00e9nova\">\n\n  <div class=\"tc-copy\">\n    <p class=\"tc-eyebrow\">COMPATIBILIDAD<\/p>\n\n    <h2>Compatible con la p\u00e9rgola G\u00e9nova<\/h2>\n\n    <p class=\"tc-text\">\n      El cerramiento Tokio corredero se integra en la p\u00e9rgola G\u00e9nova\n      con paneles deslizantes de lamas fijas, permitiendo abrir\n      o delimitar sus laterales y mantener una est\u00e9tica uniforme\n      en el conjunto.\n    <\/p>\n  <\/div>\n\n  <a class=\"tc-button\"\n     href=\"https:\/\/sun-stop.es\/?page_id=3373\">\n    Ver p\u00e9rgola G\u00e9nova\n    <span aria-hidden=\"true\">\u2192<\/span>\n  <\/a>\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-5da4720 e-flex e-con-boxed e-con e-parent\" data-id=\"5da4720\" 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-e87ae10 elementor-widget elementor-widget-shortcode\" data-id=\"e87ae10\" 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.ss-tc-fabricacion,\n.ss-tc-fabricacion * {\n  box-sizing: border-box;\n}\n\n.ss-tc-fabricacion {\n  width: 100%;\n  padding: 32px 38px;\n  background: #FF9E18;\n  border-radius: 20px;\n  font-family: inherit;\n  color: #111;\n}\n\n.ss-tc-fabricacion .tf-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 34px;\n}\n\n.ss-tc-fabricacion .tf-item {\n  min-width: 0;\n}\n\n.ss-tc-fabricacion .tf-number {\n  display: block;\n  margin-bottom: 10px;\n  color: #704900;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.ss-tc-fabricacion h3 {\n  margin: 0 0 9px;\n  color: #111;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: 0;\n}\n\n.ss-tc-fabricacion p {\n  margin: 0;\n  color: #242424;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.7;\n}\n\n\/* TABLET *\/\n@media (max-width: 900px) {\n  .ss-tc-fabricacion {\n    padding: 28px;\n  }\n\n  .ss-tc-fabricacion .tf-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 26px;\n  }\n}\n\n\/* M\u00d3VIL *\/\n@media (max-width: 480px) {\n  .ss-tc-fabricacion {\n    padding: 25px 22px;\n    border-radius: 16px;\n  }\n\n  .ss-tc-fabricacion .tf-grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .ss-tc-fabricacion h3 {\n    font-size: 15px;\n  }\n\n  .ss-tc-fabricacion p {\n    font-size: 12px;\n  }\n}\n<\/style>\n\n<section class=\"ss-tc-fabricacion\"\n  aria-label=\"Fabricaci\u00f3n y caracter\u00edsticas del panel Tokio corredero\">\n\n  <div class=\"tf-grid\">\n\n    <!-- 01 -->\n    <div class=\"tf-item\">\n      <span class=\"tf-number\">01<\/span>\n\n      <h3>Fabricaci\u00f3n en Espa\u00f1a<\/h3>\n\n      <p>\n        Control directo del proceso productivo,\n        supervisando cada etapa desde la\n        preparaci\u00f3n de los componentes hasta\n        el acabado y ensamblado final.\n      <\/p>\n    <\/div>\n\n    <!-- 02 -->\n    <div class=\"tf-item\">\n      <span class=\"tf-number\">02<\/span>\n\n      <h3>Aluminio extrusionado<\/h3>\n\n      <p>\n        Estructura de aluminio resistente\n        a la corrosi\u00f3n, que combina\n        ligereza, estabilidad y durabilidad\n        para su instalaci\u00f3n en exteriores.\n      <\/p>\n    <\/div>\n\n    <!-- 03 -->\n    <div class=\"tf-item\">\n      <span class=\"tf-number\">03<\/span>\n\n      <h3>Sistema corredero<\/h3>\n\n      <p>\n        Paneles que se desplazan mediante\n        rodamientos met\u00e1licos sobre\n        rieles superior e inferior,\n        ofreciendo un movimiento\n        suave y preciso.\n      <\/p>\n    <\/div>\n\n    <!-- 04 -->\n    <div class=\"tf-item\">\n      <span class=\"tf-number\">04<\/span>\n\n      <h3>Instalaci\u00f3n sencilla<\/h3>\n\n      <p>\n        Sistema de guiado con riel inferior\n        de bajo perfil y componentes\n        dise\u00f1ados para facilitar el\n        montaje y la integraci\u00f3n\n        est\u00e9tica en la p\u00e9rgola.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd22d43 e-flex e-con-boxed e-con e-parent\" data-id=\"fd22d43\" 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-fd37c4c elementor-widget elementor-widget-shortcode\" data-id=\"fd37c4c\" 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-cor-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.ss-tokio-cor-config * { box-sizing: border-box; }\n.ss-tokio-cor-config h2 {\n  color: #FF9E18;\n  font-size: 18px;\n  font-weight: 800;\n  letter-spacing: .03em;\n  margin: 0 0 12px;\n}\n.ss-tokio-cor-config .tk-intro {\n  font-size: 14px;\n  line-height: 1.6;\n  color: #666;\n  margin: 0 0 24px;\n}\n.ss-tokio-cor-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.ss-tokio-cor-config figure { margin: 0; }\n.ss-tokio-cor-config img {\n  width: 100%;\n  height: 420px;\n  display: block;\n  object-fit: cover;\n  object-position: center 57%;\n  border-radius: 16px;\n}\n.ss-tokio-cor-config figcaption {\n  font-size: 12px;\n  color: #666;\n  margin-top: 10px;\n}\n.ss-tokio-cor-config fieldset {\n  border: 0;\n  padding: 0;\n  margin: 0 0 25px;\n  min-width: 0;\n}\n.ss-tokio-cor-config legend {\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 12px;\n  padding: 0;\n}\n.ss-tokio-cor-config .tk-choices {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.ss-tokio-cor-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.ss-tokio-cor-config button[aria-pressed=\"true\"] {\n  border-color: #FF9E18;\n  box-shadow: 0 0 0 1px #FF9E18;\n}\n.ss-tokio-cor-config button:focus-visible,\n.ss-tokio-cor-config a:focus-visible {\n  outline: 3px solid #FF9E18;\n  outline-offset: 3px;\n}\n.ss-tokio-cor-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.ss-tokio-cor-config .tk-gray {\n  background: #25272a;\n  border-color: #25272a;\n}\n.ss-tokio-cor-config .tk-wood {\n  background: linear-gradient(\n    110deg, #bb8043, #e3b57b 45%,\n    #ae7138 50%, #d8a469 75%, #bb8043\n  );\n}\n.ss-tokio-cor-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.ss-tokio-cor-config .tk-note a {\n  color: #202020;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  font-weight: 700;\n}\n.ss-tokio-cor-config .tk-summary {\n  font-size: 13px;\n  margin: 0 0 20px;\n}\n.ss-tokio-cor-config .tk-error {\n  color: #a22;\n  font-size: 12px;\n}\n@media (max-width: 760px) {\n  .ss-tokio-cor-config .tk-layout {\n    grid-template-columns: 1fr;\n    gap: 22px;\n  }\n  .ss-tokio-cor-config { padding: 24px 12px; }\n  .ss-tokio-cor-config fieldset { margin-bottom: 20px; }\n}\n<\/style>\n\n<section class=\"ss-tokio-cor-config\"\n  aria-label=\"Configurador de colores de Tokio corredero\">\n\n  <h2>CONFIGURA TU CERRAMIENTO TOKIO CORREDERO<\/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 corredero.\n  <\/p>\n\n  <div class=\"tk-layout\">\n    <figure>\n      <img fetchpriority=\"high\" decoding=\"async\"\n        src=\"https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/Cerramiento-blanco-bajo-pergola-moderna.png\"\n        alt=\"Tokio corredero con perfiles blancos y lamas blancas sobre p\u00e9rgola antracita\"\n        width=\"937\"\n        height=\"1679\">\n\n      <figcaption>\n        Vista orientativa de los acabados del cerramiento Tokio corredero.\n      <\/figcaption>\n\n      <p class=\"tk-error\" hidden>\n        No se ha podido cargar la imagen. Vuelve a seleccionar el acabado.\n      <\/p>\n    <\/figure>\n\n    <div>\n      <fieldset data-group=\"profile\">\n        <legend>01 \u00b7 Color de los perfiles<\/legend>\n        <div class=\"tk-choices\">\n          <button type=\"button\" data-value=\"gris\" aria-pressed=\"false\">\n            <span class=\"tk-dot tk-gray\" aria-hidden=\"true\"><\/span>\n            Gris\n          <\/button>\n          <button type=\"button\" data-value=\"blanco\" aria-pressed=\"true\">\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        <div class=\"tk-choices\">\n          <button type=\"button\" data-value=\"gris\" aria-pressed=\"false\">\n            <span class=\"tk-dot tk-gray\" aria-hidden=\"true\"><\/span>\n            Gris\n          <\/button>\n          <button type=\"button\" data-value=\"blanco\" aria-pressed=\"true\">\n            <span class=\"tk-dot\" aria-hidden=\"true\"><\/span>\n            Blanco\n          <\/button>\n          <button type=\"button\" data-value=\"madera\" 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: <strong>perfiles blancos \u00b7 lamas blancas<\/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 corredero.\n        La p\u00e9rgola se muestra con estructura antracita y lamas de techo blancas.\n        Para ver las opciones de color de la p\u00e9rgola, visita la p\u00e1gina de la\n        <a href=\"https:\/\/sun-stop.es\/?page_id=3373\">p\u00e9rgola G\u00e9nova<\/a>.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  const root = document.currentScript.previousElementSibling;\n  if (!root || !root.classList.contains('ss-tokio-cor-config')) return;\n\n  const base = 'https:\/\/sun-stop.es\/wp-content\/uploads\/2026\/10\/';\n\n  const images = {\n    'blanco-blanco': base + 'Cerramiento-blanco-bajo-pergola-moderna.png',\n    'blanco-gris': base + 'Pergola-moderna-con-cerramiento-blanco-y-antracita.png',\n    'blanco-madera': base + 'Cerramiento-Tokio-en-blanco-y-madera-calida.png',\n    'gris-blanco': base + 'Cerramiento-deslizante-Tokio-en-gris-y-blanco.png',\n    'gris-gris': base + 'Cerramiento-Tokio-gris-antracita.png',\n    'gris-madera': base + 'Cerramiento-Tokio-gris-antracita-y-madera.png'\n  };\n\n  const state = { profile: 'blanco', slats: 'blanco' };\n  const img = root.querySelector('img');\n  const error = root.querySelector('.tk-error');\n\n  img.addEventListener('load', () => {\n    error.hidden = true;\n  });\n\n  img.addEventListener('error', () => {\n    error.hidden = false;\n  });\n\n  Object.values(images).forEach(src => {\n    const preload = new Image();\n    preload.src = src;\n  });\n\n  root.querySelectorAll('fieldset button').forEach(button => {\n    button.addEventListener('click', () => {\n      const group = button.closest('fieldset');\n      state[group.dataset.group] = button.dataset.value;\n\n      group.querySelectorAll('button').forEach(item => {\n        item.setAttribute('aria-pressed', String(item === button));\n      });\n\n      const profiles = state.profile === 'gris' ? 'grises' : 'blancos';\n      const slats = state.slats === 'madera'\n        ? 'acabado madera'\n        : state.slats === 'gris' ? 'grises' : 'blancas';\n\n      img.alt = 'Tokio corredero con perfiles ' + profiles\n        + ' y lamas ' + slats + ' sobre p\u00e9rgola antracita';\n\n      img.src = images[state.profile + '-' + state.slats];\n\n      root.querySelector('.tk-summary strong').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-a0f37ca e-flex e-con-boxed e-con e-parent\" data-id=\"a0f37ca\" 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-0b37b08 elementor-widget elementor-widget-shortcode\" data-id=\"0b37b08\" 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 \u00d7 \u26f6 DETALLE TOKIO CERRAMIENTO TOKIO | Panel Decorativo Corredero 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 a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-1731","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1731","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=1731"}],"version-history":[{"count":0,"href":"https:\/\/sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1731\/revisions"}],"wp:attachment":[{"href":"https:\/\/sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}