{"id":1731,"date":"2026-07-27T10:25:12","date_gmt":"2026-07-27T10:25:12","guid":{"rendered":"https:\/\/nueva2025.sun-stop.es\/?page_id=1731"},"modified":"2026-10-06T10:19:43","modified_gmt":"2026-10-06T10:19:43","slug":"tokio-panel-decorativo-corredero","status":"publish","type":"page","link":"https:\/\/nueva2025.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\"><div id=\"tokio-interactiva\">\n\n  <div class=\"ti-escena\">\n\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_40_23.png\"\n      alt=\"Panel decorativo corredero Tokio integrado en p\u00e9rgola\"\n    >\n\n    <!-- PUNTO 1 -->\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 y sistema de deslizamiento\"\n    >\n      <span class=\"ti-pulso\"><\/span>\n      <span class=\"ti-numero\">1<\/span>\n    <\/button>\n\n\n    <!-- PUNTO 2 -->\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\n  <!-- MODAL -->\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\n    <div\n      class=\"ti-modal-fondo\"\n      data-cerrar\n    ><\/div>\n\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      >\n        \u00d7\n      <\/button>\n\n\n      <div class=\"ti-modal-imagen-wrap\">\n\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\n      <\/div>\n\n\n      <div class=\"ti-modal-informacion\">\n\n        <div class=\"ti-modal-etiqueta\">\n          DETALLE TOKIO\n        <\/div>\n\n        <div class=\"ti-modal-titulo\"><\/div>\n\n        <div class=\"ti-modal-texto\"><\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================\n   CONTENEDOR\n========================= *\/\n\n#tokio-interactiva {\n\n  width: 100%;\n  max-width: 980px;\n\n  margin: 0 auto;\n  padding: 0;\n\n  background: #ffffff;\n\n  color: #222222;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  box-sizing: border-box;\n\n}\n\n\n#tokio-interactiva,\n#tokio-interactiva * {\n\n  box-sizing: border-box;\n\n}\n\n\n\n\/* =========================\n   ESCENA PRINCIPAL\n========================= *\/\n\n#tokio-interactiva .ti-escena {\n\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 4 \/ 3;\n\n  min-height: 420px;\n  max-height: 620px;\n\n  overflow: hidden;\n\n  background: #f2f0eb;\n\n  border-radius: 4px;\n\n  box-shadow:\n    0 10px 30px\n    rgba(0, 0, 0, 0.12);\n\n}\n\n\n\n\/* =========================\n   IMAGEN PRINCIPAL\n========================= *\/\n\n#tokio-interactiva .ti-imagen-principal {\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  min-height: 100%;\n\n  object-fit: cover;\n\n  \/*\n    Recorta los laterales de la imagen\n    manteniendo la zona central.\n  *\/\n  object-position: center center;\n\n  background: #f2f0eb;\n\n}\n\n\n\n\/* =========================\n   PUNTOS INTERACTIVOS\n========================= *\/\n\n#tokio-interactiva .ti-punto {\n\n  position: absolute;\n\n  z-index: 5;\n\n  width: 34px;\n  height: 34px;\n\n  margin: 0;\n  padding: 0;\n\n  border:\n    2px solid #ffffff;\n\n  border-radius: 50%;\n\n  background: #f3972d;\n\n  color: #ffffff;\n\n  cursor: pointer;\n\n  box-shadow:\n\n    0 4px 12px\n    rgba(0, 0, 0, 0.32),\n\n    0 0 0 5px\n    rgba(243, 151, 45, 0.20);\n\n  transform:\n    translate(-50%, -50%);\n\n  transition:\n    transform 0.2s ease,\n    background 0.2s ease;\n\n}\n\n\n#tokio-interactiva .ti-punto:hover,\n#tokio-interactiva .ti-punto:focus {\n\n  background: #dc7e17;\n\n  transform:\n    translate(-50%, -50%)\n    scale(1.12);\n\n  outline: none;\n\n}\n\n\n\n\/* =========================\n   N\u00daMERO\n========================= *\/\n\n#tokio-interactiva .ti-numero {\n\n  position: relative;\n\n  z-index: 3;\n\n  display: grid;\n\n  width: 100%;\n  height: 100%;\n\n  place-items: center;\n\n  color: #ffffff;\n\n  font-size: 13px !important;\n  line-height: 1 !important;\n\n  font-weight: 700;\n\n}\n\n\n\n\/* =========================\n   PULSO\n========================= *\/\n\n#tokio-interactiva .ti-pulso {\n\n  position: absolute;\n\n  inset: -7px;\n\n  z-index: 1;\n\n  border:\n    2px solid\n    rgba(243, 151, 45, 0.7);\n\n  border-radius: 50%;\n\n  animation:\n    ti-pulso 1.8s infinite;\n\n}\n\n\n@keyframes ti-pulso {\n\n  0% {\n\n    opacity: 0.9;\n\n    transform:\n      scale(0.75);\n\n  }\n\n\n  70% {\n\n    opacity: 0;\n\n    transform:\n      scale(1.45);\n\n  }\n\n\n  100% {\n\n    opacity: 0;\n\n    transform:\n      scale(1.45);\n\n  }\n\n}\n\n\n\n\/* =========================\n   POSICIONES\n========================= *\/\n\n#tokio-interactiva .ti-punto-1 {\n\n  top: 48%;\n  left: 58%;\n\n}\n\n\n#tokio-interactiva .ti-punto-2 {\n\n  top: 35%;\n  left: 30%;\n\n}\n\n\n\n\/* =========================\n   MODAL\n========================= *\/\n\n#tokio-interactiva .ti-modal[hidden] {\n\n  display: none !important;\n\n}\n\n\n#tokio-interactiva .ti-modal {\n\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: grid;\n\n  place-items: center;\n\n  padding: 24px;\n\n}\n\n\n\n\/* =========================\n   FONDO MODAL\n========================= *\/\n\n#tokio-interactiva .ti-modal-fondo {\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    rgba(0, 0, 0, 0.78);\n\n  backdrop-filter:\n    blur(4px);\n\n}\n\n\n\n\/* =========================\n   CONTENIDO MODAL\n========================= *\/\n\n#tokio-interactiva .ti-modal-contenido {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.45fr)\n    minmax(260px, 0.55fr);\n\n  width:\n    min(1050px, 96vw);\n\n  max-height: 90vh;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  border-radius: 5px;\n\n  box-shadow:\n\n    0 24px 70px\n    rgba(0, 0, 0, 0.42);\n\n}\n\n\n\n\/* =========================\n   IMAGEN DEL MODAL\n========================= *\/\n\n#tokio-interactiva .ti-modal-imagen-wrap {\n\n  position: relative;\n\n  display: grid;\n\n  min-height: 420px;\n\n  overflow: hidden;\n\n  place-items: center;\n\n  background: #ffffff;\n\n}\n\n\n#tokio-interactiva .ti-modal-imagen {\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  max-height: 90vh;\n\n  object-fit: contain;\n\n  background: #ffffff;\n\n  transition:\n    transform 0.25s ease;\n\n  cursor: zoom-in;\n\n}\n\n\n#tokio-interactiva .ti-modal-imagen.ti-ampliada {\n\n  transform:\n    scale(1.65);\n\n  cursor: zoom-out;\n\n}\n\n\n\n\/* =========================\n   BOT\u00d3N AMPLIAR\n========================= *\/\n\n#tokio-interactiva .ti-ampliar {\n\n  position: absolute;\n\n  right: 13px;\n  bottom: 13px;\n\n  width: 39px;\n  height: 39px;\n\n  padding: 0;\n\n  border: 0;\n\n  border-radius: 50%;\n\n  background:\n    rgba(20, 20, 20, 0.78);\n\n  color: #ffffff;\n\n  font-size: 20px !important;\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n}\n\n\n\n\/* =========================\n   INFORMACI\u00d3N\n========================= *\/\n\n#tokio-interactiva .ti-modal-informacion {\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  padding:\n    38px 32px;\n\n  background: #ffffff;\n\n}\n\n\n#tokio-interactiva .ti-modal-etiqueta {\n\n  margin:\n    0 0 7px;\n\n  color: #e78b27;\n\n  font-size: 9px !important;\n  line-height: 1.2 !important;\n\n  font-weight: 700;\n\n  letter-spacing:\n    0.13em;\n\n}\n\n\n#tokio-interactiva .ti-modal-titulo {\n\n  margin:\n    0 0 13px;\n\n  color: #222222;\n\n  font-size: 21px !important;\n  line-height: 1.2 !important;\n\n  font-weight: 700;\n\n}\n\n\n#tokio-interactiva .ti-modal-texto {\n\n  margin: 0;\n\n  color: #606060;\n\n  font-size: 12px !important;\n  line-height: 1.55 !important;\n\n  font-weight: 400;\n\n}\n\n\n\n\/* =========================\n   CERRAR MODAL\n========================= *\/\n\n#tokio-interactiva .ti-cerrar {\n\n  position: absolute;\n\n  top: 12px;\n  right: 12px;\n\n  z-index: 8;\n\n  display: grid;\n\n  width: 38px;\n  height: 38px;\n\n  padding: 0;\n\n  border: 0;\n\n  border-radius: 50%;\n\n  place-items: center;\n\n  background:\n    rgba(20, 20, 20, 0.84);\n\n  color: #ffffff;\n\n  font-size: 25px !important;\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n}\n\n\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 760px) {\n\n  #tokio-interactiva .ti-escena {\n\n    aspect-ratio: 1 \/ 1;\n\n    min-height: 300px;\n\n    max-height: none;\n\n  }\n\n\n  #tokio-interactiva .ti-imagen-principal {\n\n    min-height: 100%;\n\n  }\n\n\n  #tokio-interactiva .ti-punto {\n\n    width: 30px;\n    height: 30px;\n\n  }\n\n\n  #tokio-interactiva .ti-numero {\n\n    font-size:\n      11px !important;\n\n  }\n\n\n  #tokio-interactiva .ti-modal {\n\n    padding: 10px;\n\n  }\n\n\n  #tokio-interactiva .ti-modal-contenido {\n\n    grid-template-columns:\n      1fr;\n\n    width: 96vw;\n\n    max-height: 94vh;\n\n    overflow-y: auto;\n\n  }\n\n\n  #tokio-interactiva .ti-modal-imagen-wrap {\n\n    min-height: 280px;\n\n    height: 55vh;\n\n  }\n\n\n  #tokio-interactiva .ti-modal-informacion {\n\n    padding:\n      22px 20px;\n\n  }\n\n\n  #tokio-interactiva .ti-modal-titulo {\n\n    font-size:\n      18px !important;\n\n  }\n\n\n  #tokio-interactiva .ti-modal-texto {\n\n    font-size:\n      11px !important;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  const raiz =\n    document.getElementById(\n      'tokio-interactiva'\n    );\n\n\n  if (\n    !raiz ||\n    raiz.dataset.iniciado === 'si'\n  ) {\n\n    return;\n\n  }\n\n\n  raiz.dataset.iniciado = 'si';\n\n\n\n  \/* =========================\n     IMAGEN PRINCIPAL\n  ========================= *\/\n\n  const IMAGEN_PRINCIPAL =\n\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-22-sept-2026-09_40_23.png';\n\n\n\n  \/* =========================\n     PUNTO 1\n     RA\u00cdL INFERIOR\n  ========================= *\/\n\n  const IMAGEN_RAIL =\n\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/rail_01-scaled.png';\n\n\n\n  \/* =========================\n     PUNTO 2\n  ========================= *\/\n\n  const IMAGEN_ESTRUCTURA =\n\n    'https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/detalle__1-scaled.jpg';\n\n\n\n  \/* =========================\n     INFORMACI\u00d3N\n  ========================= *\/\n\n  const detalles = {\n\n    1: {\n\n      titulo:\n        'Ra\u00edl inferior y sistema de deslizamiento',\n\n      texto:\n\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\n      imagen:\n        IMAGEN_RAIL,\n\n      alt:\n        'Detalle del ra\u00edl inferior y sistema de deslizamiento del panel Tokio'\n\n    },\n\n\n    2: {\n\n      titulo:\n        'Estructura de aluminio',\n\n      texto:\n\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\n      imagen:\n        IMAGEN_ESTRUCTURA,\n\n      alt:\n        'Detalle de la estructura de aluminio del panel Tokio'\n\n    }\n\n  };\n\n\n\n  \/* =========================\n     ELEMENTOS\n  ========================= *\/\n\n  const imagenPrincipal =\n\n    raiz.querySelector(\n      '#ti-imagen-principal'\n    );\n\n\n  const modal =\n\n    raiz.querySelector(\n      '.ti-modal'\n    );\n\n\n  const imagenModal =\n\n    raiz.querySelector(\n      '.ti-modal-imagen'\n    );\n\n\n  const tituloModal =\n\n    raiz.querySelector(\n      '.ti-modal-titulo'\n    );\n\n\n  const textoModal =\n\n    raiz.querySelector(\n      '.ti-modal-texto'\n    );\n\n\n  const botonAmpliar =\n\n    raiz.querySelector(\n      '.ti-ampliar'\n    );\n\n\n\n  imagenPrincipal.src =\n    IMAGEN_PRINCIPAL;\n\n\n\n  \/* =========================\n     ABRIR DETALLE\n  ========================= *\/\n\n  function abrirDetalle(numero) {\n\n    const detalle =\n      detalles[numero];\n\n\n    if (!detalle) {\n\n      return;\n\n    }\n\n\n    imagenModal.classList.remove(\n      'ti-ampliada'\n    );\n\n\n    imagenModal.src =\n      detalle.imagen;\n\n\n    imagenModal.alt =\n      detalle.alt;\n\n\n    tituloModal.textContent =\n      detalle.titulo;\n\n\n    textoModal.textContent =\n      detalle.texto;\n\n\n    modal.hidden =\n      false;\n\n\n    document.documentElement.style.overflow =\n      'hidden';\n\n  }\n\n\n\n  \/* =========================\n     CERRAR DETALLE\n  ========================= *\/\n\n  function cerrarDetalle() {\n\n    modal.hidden =\n      true;\n\n\n    imagenModal.classList.remove(\n      'ti-ampliada'\n    );\n\n\n    imagenModal.removeAttribute(\n      'src'\n    );\n\n\n    document.documentElement.style.overflow =\n      '';\n\n  }\n\n\n\n  \/* =========================\n     ZOOM\n  ========================= *\/\n\n  function cambiarZoom() {\n\n    imagenModal.classList.toggle(\n      'ti-ampliada'\n    );\n\n  }\n\n\n\n  \/* =========================\n     PUNTOS\n  ========================= *\/\n\n  raiz\n    .querySelectorAll(\n      '[data-detalle]'\n    )\n    .forEach(\n      function (punto) {\n\n        punto.addEventListener(\n          'click',\n          function () {\n\n            abrirDetalle(\n              punto.dataset.detalle\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n\n  \/* =========================\n     CERRAR\n  ========================= *\/\n\n  raiz\n    .querySelectorAll(\n      '[data-cerrar]'\n    )\n    .forEach(\n      function (elemento) {\n\n        elemento.addEventListener(\n          'click',\n          cerrarDetalle\n        );\n\n      }\n    );\n\n\n\n  \/* =========================\n     ZOOM IMAGEN\n  ========================= *\/\n\n  botonAmpliar.addEventListener(\n    'click',\n    cambiarZoom\n  );\n\n\n  imagenModal.addEventListener(\n    'click',\n    cambiarZoom\n  );\n\n\n\n  \/* =========================\n     ESC\n  ========================= *\/\n\n  document.addEventListener(\n    'keydown',\n    function (evento) {\n\n      if (\n        evento.key === 'Escape' &&\n        !modal.hidden\n      ) {\n\n        cerrarDetalle();\n\n      }\n\n    }\n  );\n\n\n})();\n\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div 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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Siwah-gris-Toquio-estructura-blanca-lama-blanca.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"40ef2d9\" data-elementor-lightbox-title=\"Siwah gris - Toquio estructura blanca - lama blanca\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTczOCwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL1Npd2FoLWdyaXMtVG9xdWlvLWVzdHJ1Y3R1cmEtYmxhbmNhLWxhbWEtYmxhbmNhLmpwZyIsInNsaWRlc2hvdyI6IjQwZWYyZDkifQ%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\/Siwah-gris-Toquio-estructura-blanca-lama-blanca-300x300.jpg\" data-width=\"300\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/rail_01-scaled.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"40ef2d9\" data-elementor-lightbox-title=\"rail_01\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTczNiwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL3JhaWxfMDEtc2NhbGVkLnBuZyIsInNsaWRlc2hvdyI6IjQwZWYyZDkifQ%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\/rail_01-300x231.png\" data-width=\"300\" data-height=\"231\" 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\/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%3DeyJpZCI6MTc0MCwidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL3Rva2lvXzEzLXNjYWxlZC5wbmciLCJzbGlkZXNob3ciOiI0MGVmMmQ5In0%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\/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:\/\/nueva2025.sun-stop.es\/wp-content\/uploads\/2026\/07\/Siwah-blanco-Toquio-estructura-gris-lama-gris.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"40ef2d9\" data-elementor-lightbox-title=\"Siwah blanco - Toquio estructura gris - lama gris\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTczNywidXJsIjoiaHR0cHM6XC9cL251ZXZhMjAyNS5zdW4tc3RvcC5lc1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDdcL1Npd2FoLWJsYW5jby1Ub3F1aW8tZXN0cnVjdHVyYS1ncmlzLWxhbWEtZ3Jpcy5qcGciLCJzbGlkZXNob3ciOiI0MGVmMmQ5In0%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\/Siwah-blanco-Toquio-estructura-gris-lama-gris-300x300.jpg\" data-width=\"300\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-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\">TOKIO | Panel Decorativo Corredero<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1930b27 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1930b27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-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><p>\u00a0<\/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\t\t<div class=\"elementor-element elementor-element-568036a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"568036a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/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>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-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=\"#\">\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=\"#\">\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\"><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  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  gap: 30px;\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-intro {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: #777;\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}\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  border-bottom: 1px solid #dedede;\n  padding: 11px 0;\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.ss-tc-specs dt {\n  color: #777;\n}\n\n.ss-tc-specs dd {\n  margin: 0;\n  text-align: right;\n  font-weight: 700;\n  color: #111;\n}\n\n@media (max-width: 760px) {\n  .ss-tc-specs {\n    padding: 24px 12px;\n  }\n\n  .ss-tc-specs .tc-head {\n    display: block;\n  }\n\n  .ss-tc-specs h2 {\n    font-size: 22px;\n  }\n\n  .ss-tc-specs .tc-intro {\n    margin-top: 12px;\n  }\n\n  .ss-tc-specs .tc-columns {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n}\n<\/style>\n\n<section class=\"ss-tc-specs\"\n         aria-label=\"Ficha t\u00e9cnica resumida de Tokio corredero\">\n\n  <div class=\"tc-head\">\n    <div>\n      <p class=\"tc-eyebrow\">FICHA T\u00c9CNICA RESUMIDA<\/p>\n      <h2>Caracter\u00edsticas principales<\/h2>\n    <\/div>\n\n    <p class=\"tc-intro\">\n      Los datos esenciales de Tokio corredero,\n      visibles desde el primer vistazo.\n    <\/p>\n  <\/div>\n\n  <div class=\"tc-columns\">\n    <dl>\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      <div class=\"tc-row\">\n        <dt>Guiado<\/dt>\n        <dd>Riel superior e inferior<\/dd>\n      <\/div>\n    <\/dl>\n\n    <dl>\n      <div class=\"tc-row\">\n        <dt>Instalaci\u00f3n<\/dt>\n        <dd>Riel superior a la p\u00e9rgola e inferior al suelo<\/dd>\n      <\/div>\n\n      <div class=\"tc-row\">\n        <dt>Apoyos<\/dt>\n        <dd>2 carros de ruedas regulables por panel<\/dd>\n      <\/div>\n\n      <div class=\"tc-row\">\n        <dt>Limpieza<\/dt>\n        <dd>Jab\u00f3n neutro y abundante aclarado<\/dd>\n      <\/div>\n\n      <div class=\"tc-row\">\n        <dt>Revisi\u00f3n recomendada<\/dt>\n        <dd>Como m\u00ednimo una vez al a\u00f1o<\/dd>\n      <\/div>\n    <\/dl>\n  <\/div>\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-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:\/\/nueva2025.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\"><style>\n.ss-tc-spain {\n  font-family: inherit;\n  max-width: 1320px;\n  margin: 0 auto;\n  background: #FF9E18;\n  color: #111;\n  border-radius: 22px;\n  padding: 38px;\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.ss-tc-spain * {\n  box-sizing: border-box;\n}\n\n.ss-tc-spain .tc-mark {\n  position: absolute;\n  right: 18px;\n  top: -38px;\n  font-size: 145px;\n  font-weight: 800;\n  line-height: 1;\n  color: rgba(255,255,255,.16);\n  pointer-events: none;\n}\n\n.ss-tc-spain .tc-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.15fr;\n  gap: 55px;\n  align-items: center;\n  position: relative;\n}\n\n.ss-tc-spain .tc-eyebrow {\n  margin: 0 0 14px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.ss-tc-spain h2 {\n  margin: 0;\n  font-size: 32px;\n  line-height: 1.2;\n  font-weight: 800;\n  letter-spacing: 0;\n  color: #111;\n}\n\n.ss-tc-spain .tc-text p {\n  font-size: 14px;\n  line-height: 1.65;\n  margin: 0 0 14px;\n}\n\n.ss-tc-spain .tc-text p:last-child {\n  margin-bottom: 0;\n}\n\n.ss-tc-spain .tc-points {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px 18px;\n  list-style: none;\n  margin: 28px 0 0;\n  padding: 19px 0 0;\n  border-top: 1px solid rgba(0,0,0,.16);\n  position: relative;\n}\n\n.ss-tc-spain .tc-points li {\n  font-size: 12px;\n  line-height: 1.5;\n  font-weight: 700;\n}\n\n.ss-tc-spain .tc-points li + li::before {\n  content: \"\u2022\";\n  margin-right: 18px;\n}\n\n@media (max-width: 760px) {\n  .ss-tc-spain {\n    padding: 28px 22px;\n  }\n\n  .ss-tc-spain .tc-grid {\n    grid-template-columns: 1fr;\n    gap: 22px;\n  }\n\n  .ss-tc-spain h2 {\n    font-size: 26px;\n  }\n\n  .ss-tc-spain .tc-points {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n\n  .ss-tc-spain .tc-points li + li::before {\n    content: none;\n  }\n}\n<\/style>\n\n<section class=\"ss-tc-spain\"\n         aria-label=\"Tokio corredero fabricado en Espa\u00f1a\">\n\n  <span class=\"tc-mark\" aria-hidden=\"true\">ES<\/span>\n\n  <div class=\"tc-grid\">\n    <div>\n      <p class=\"tc-eyebrow\">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=\"tc-text\">\n      <p>\n        Tokio corredero se fabrica en Espa\u00f1a y combina una estructura\n        de aluminio con paneles deslizantes de lamas fijas, pensados\n        para integrarse en la p\u00e9rgola y adaptar sus espacios laterales.\n      <\/p>\n\n      <p>\n        Sus paneles se desplazan sobre rieles superior e inferior\n        para abrir o delimitar el espacio. La separaci\u00f3n entre las\n        lamas permite el paso de luz y aire, mientras que las ruedas\n        regulables en altura facilitan la nivelaci\u00f3n durante\n        la instalaci\u00f3n.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <ul class=\"tc-points\">\n    <li>Fabricaci\u00f3n en Espa\u00f1a<\/li>\n    <li>Perfiles de aluminio<\/li>\n    <li>Paneles correderos<\/li>\n    <li>Integraci\u00f3n en p\u00e9rgolas<\/li>\n  <\/ul>\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-9578cc2 e-flex e-con-boxed e-con e-parent\" data-id=\"9578cc2\" 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-16467be elementor-widget elementor-widget-shortcode\" data-id=\"16467be\" 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-how {\n  font-family: inherit;\n  color: #111;\n  background: #fff;\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 30px 16px;\n  box-sizing: border-box;\n}\n\n.ss-tc-how * {\n  box-sizing: border-box;\n}\n\n.ss-tc-how .tc-eyebrow {\n  margin: 0 0 10px;\n  color: #FF9E18;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.ss-tc-how h2 {\n  margin: 0 0 25px;\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-how .tc-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.ss-tc-how .tc-card {\n  border: 1px solid #dedede;\n  border-radius: 15px;\n  padding: 20px 18px;\n  background: #fff;\n}\n\n.ss-tc-how h3 {\n  margin: 0 0 5px;\n  font-size: 20px;\n  line-height: 1.25;\n  font-weight: 700;\n  color: #111;\n}\n\n.ss-tc-how .tc-subtitle {\n  margin: 0 0 10px;\n  font-size: 15px;\n  line-height: 1.4;\n  font-weight: 700;\n  color: #111;\n}\n\n.ss-tc-how .tc-description {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.6;\n  color: #777;\n}\n\n@media (max-width: 760px) {\n  .ss-tc-how {\n    padding: 24px 12px;\n  }\n\n  .ss-tc-how h2 {\n    font-size: 22px;\n  }\n\n  .ss-tc-how .tc-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<section class=\"ss-tc-how\"\n         aria-label=\"Funcionamiento de Tokio corredero\">\n\n  <p class=\"tc-eyebrow\">FUNCIONAMIENTO<\/p>\n  <h2>C\u00f3mo funciona Tokio corredero<\/h2>\n\n  <div class=\"tc-grid\">\n\n    <article class=\"tc-card\">\n      <h3>Paneles correderos<\/h3>\n      <p class=\"tc-subtitle\">Apertura por deslizamiento<\/p>\n      <p class=\"tc-description\">\n        Los paneles se desplazan sobre rieles superior e inferior,\n        permitiendo abrir o delimitar el lateral de la p\u00e9rgola.\n      <\/p>\n    <\/article>\n\n    <article class=\"tc-card\">\n      <h3>Lamas fijas<\/h3>\n      <p class=\"tc-subtitle\">Una disposici\u00f3n permanente<\/p>\n      <p class=\"tc-description\">\n        Las lamas se atornillan a los perfiles laterales y mantienen\n        su posici\u00f3n dentro de cada panel. La separaci\u00f3n entre ellas\n        permite el paso de luz y aire.\n      <\/p>\n    <\/article>\n\n    <article class=\"tc-card\">\n      <h3>Ruedas regulables<\/h3>\n      <p class=\"tc-subtitle\">Ajuste durante la instalaci\u00f3n<\/p>\n      <p class=\"tc-description\">\n        Cada panel incorpora dos carros de ruedas. Su altura se regula\n        para nivelar el panel y comprobar su correcto deslizamiento.\n      <\/p>\n    <\/article>\n\n  <\/div>\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-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:\/\/nueva2025.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:\/\/nueva2025.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:\/\/nueva2025.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 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 la [&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:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1731","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=1731"}],"version-history":[{"count":82,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1731\/revisions"}],"predecessor-version":[{"id":4072,"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=\/wp\/v2\/pages\/1731\/revisions\/4072"}],"wp:attachment":[{"href":"https:\/\/nueva2025.sun-stop.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}