https://pengchi.net/es/pages/ Recent content in Pages on PENGCHI Hugo es-ES Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/es/laboratory-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/es/laboratory-furniture-turnkey-solution/ <section class="position-relative text-white overflow-hidden" > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-labfurnituresolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-labfurnituresolution"><div class="swiper-manager-container swiper-slide-name-labfurnituresolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-1" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="labfurnituresolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="KHh1vSSHchY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="laboratory-bench-sink" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/laboratory-sink-workbench-cabinets-bright-yj93HuMH-1280x720-1.jpg" loading="lazy" alt="Mesa de laboratorio y fregadero" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Mesa de laboratorio y fregadero</h2></div></div></div><div id="laboratory-bench-cabinets" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/bright-modern-laboratory-workbench-equipment-TffpHSxw-1280x720-1.jpg" loading="lazy" alt="Mesa de laboratorio y armarios" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Mesa de laboratorio y armarios</h2></div></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- INTRODUCCIÓN DE LA SOLUCIÓN + BOTONES DE PDF / CATÁLOGO DE LA SOLUCIÓN --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Descripción general de la solución</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Sistemas completos de mobiliario para un laboratorio en funcionamiento</h2> <p class="text-body-secondary">La Solución Llave en Mano de Mobiliario de Laboratorio de Pengchi proporciona todo aquello sobre lo que se construye un laboratorio — mesas de laboratorio de acero, campanas extractoras, plataformas para balanzas totalmente de acero, armarios de laboratorio y estanterías para reactivos — bajo un único contrato. En lugar de adquirir mesas, campanas y almacenamiento por separado, los laboratorios y propietarios de proyectos reciben un único paquete coordinado, fabricado bajo un mismo estándar de calidad e instalado como un alcance secuenciado.</p> https://pengchi.net/es/medical-hospital-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:09:53 +0000 https://pengchi.net/es/medical-hospital-furniture-turnkey-solution/ <section class="position-relative text-white overflow-hidden" > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-hospitalfurnituresolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-hospitalfurnituresolution"><div class="swiper-manager-container swiper-slide-name-hospitalfurnituresolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-7" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="hospitalfurnituresolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="OKXU1WiiclQ" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/medical-cabinets-with-nurse.jpg" loading="lazy" alt="Gabinetes de sala de tratamiento médico" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="cEvrObGkIFM" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/nurse-hospital-triage-desk-flowchart-kewAj8NH-1280x720-1.jpg" loading="lazy" alt="estación de enfermería" class="slide-background-img" /></div></div><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/stainless-medical-carts-clinical-showroom-7QkP4hnQ-1280x720-1.jpg" loading="lazy" alt="" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="hcsPlunfKLg" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- INTRODUCCIÓN DE LA SOLUCIÓN + BOTONES DE PDF / CATÁLOGO DE LA SOLUCIÓN --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Descripción general de la solución</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Mobiliario que Organiza el Trabajo Diario de Todo el Hospital</h2> <p class="text-body-secondary">La Solución Llave en Mano de Mobiliario Hospitalario Médico de Pengchi proporciona los sistemas de mobiliario que un hospital utiliza todos los días — estaciones de enfermería, mostradores de recepción del vestíbulo, gabinetes médicos, gabinetes de gestión inteligente, lavabos quirúrgicos para el lavado de manos y mobiliario de acero inoxidable para la Central de Esterilización (CSSD) — bajo un solo contrato. En lugar de adquirir escritorios, gabinetes y lavabos de proveedores distintos con estándares y cronogramas diferentes, los propietarios del proyecto reciben un paquete coordinado, fabricado bajo un único sistema de calidad e instalado como un alcance secuenciado.</p> https://pengchi.net/es/metal-medical-door-solution/ Thu, 08 Oct 2026 09:59:55 +0000 https://pengchi.net/es/metal-medical-door-solution/ <section > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-medicaldoorsolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-medicaldoorsolution"><div class="swiper-manager-container swiper-slide-name-medicaldoorsolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-14" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="medicaldoorsolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="oj-uLRXaEZ0" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="vM1Wwfh3UjY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="IVJm58p2EZ0" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- SOLUTION INTRODUCTION + VR / CATALOGUE BUTTONS --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Descripción General de la Solución</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Cada Puerta del Hospital, Diseñada y Suministrada por un Solo Fabricante</h2> <p class="text-body-secondary">La Solución de Puertas Médicas Metálicas de Pengchi ofrece un programa completo de puertas para hospitales, clínicas y edificios de laboratorios bajo un único contrato: puertas correderas médicas automáticas, puertas plegables automáticas, puertas para salas limpias, puertas manuales de acero para uso médico, puertas batientes antirradiación y puertas de seguridad de acero. En lugar de adquirir cada tipo de puerta a un proveedor diferente, los propietarios del proyecto reciben un cronograma coordinado, un único estándar de fabricación y un proveedor responsable desde el primer plano de la puerta hasta la puesta en marcha final.</p> https://pengchi.net/es/modular-operating-rooms-turnkey-solution/ Thu, 08 Oct 2026 08:55:44 +0000 https://pengchi.net/es/modular-operating-rooms-turnkey-solution/ <section > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-operatingroomsolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-operatingroomsolution"><div class="swiper-manager-container swiper-slide-name-operatingroomsolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-21" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="operatingroomsolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="0HNem0HbCvw" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="iDniASs9Sqc" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="YJ5o-C0x47Y" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- ==================== INTRODUCCIÓN DE LA SOLUCIÓN + BOTONES DE VR / CATÁLOGO ==================== --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Descripción General de la Solución</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Una Suite Quirúrgica Completa Entregada por un Único Fabricante Responsable</h2> <p class="text-body-secondary">La Solución Llave en Mano de Quirófanos Modulares de Pengchi ofrece una suite quirúrgica completa y prefabricada en fábrica — cerramiento de paredes y techos, techo de flujo de aire laminar, sistema HVAC, armarios empotrados y unidad de control integrada — bajo un único contrato. En lugar de coordinar a varios contratistas en la obra, los propietarios de hospitales trabajan con un solo fabricante que asume la responsabilidad desde el primer plano de distribución hasta la entrega validada.</p> https://pengchi.net/es/vr-show-of-operating-room/ Thu, 08 Oct 2026 07:24:57 +0000 https://pengchi.net/es/vr-show-of-operating-room/ <style id="pfvr-styles">/** * Estilos de front-end para los visores de PlayForge VR. * * El visor es una superposición oscura estilo cristal sobre el lienzo de A-Frame. * La superposición en sí es transparente a los clics; los elementos interactivos * de la interfaz vuelven a activarse mediante pointer-events en .pfvr-ui / button. */ .pfvr-viewer { position: relative; width: 100%; height: var(--pfvr-height, 100vh); background: #05070a; border-radius: 10px; overflow: hidden; outline: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #fff; } .pfvr-viewer:focus-visible { box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.55); } /* A-Frame llena el contenedor (embedded elimina su min-height predeterminado). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Superposición: transparente a los clics de forma predeterminada para que al arrastrar se pueda mirar alrededor. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Barra superior ---------- */ .pfvr-topbar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-select { flex: 1; min-width: 0; max-width: 360px; padding: 7px 10px; font-size: 13px; color: #fff; background: rgba(20, 26, 34, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; } .pfvr-select option { color: #111; } .pfvr-top-actions { margin-left: auto; display: flex; gap: 8px; } /* ---------- Botones ---------- */ .pfvr-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(20, 26, 34, 0.66); color: #fff; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.15s ease, transform 0.15s ease; } .pfvr-btn:hover { background: rgba(48, 60, 75, 0.9); } .pfvr-btn:active { transform: scale(0.94); } .pfvr-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 12; } .pfvr-nav:active { transform: translateY(-50%) scale(0.94); } .pfvr-nav-prev { left: 14px; } .pfvr-nav-next { right: 14px; } /* ---------- Iconos (máscara para que hereden currentColor) ---------- */ .pfvr-icon { width: 20px; height: 20px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .pfvr-icon-prev { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); } .pfvr-icon-next { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); } .pfvr-icon-fs { width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); } .pfvr-icon-auto { width: 19px; height: 19px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); } .pfvr-auto-btn.is-off { opacity: 0.45; } .pfvr-fs-btn.is-fullscreen .pfvr-icon-fs { opacity: 0.7; } /* ---------- Panel de información ---------- */ .pfvr-info { position: absolute; left: 14px; bottom: 116px; max-width: min(440px, calc(100% - 28px)); padding: 12px 16px; background: rgba(10, 14, 20, 0.62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .pfvr-info[hidden] { display: none; } .pfvr-scene-title { font-size: 16px; font-weight: 700; line-height: 1.35; margin-bottom: 4px; } .pfvr-scene-desc { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); word-break: break-word; } .pfvr-scene-desc p { margin: 0 0 6px; } .pfvr-scene-desc p:last-child { margin-bottom: 0; } /* ---------- Tira de miniaturas ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* el espacio derecho deja sitio para el botón VR de A-Frame */ overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) transparent; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-thumbs::-webkit-scrollbar { height: 6px; } .pfvr-thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } .pfvr-thumb { flex: 0 0 auto; width: 108px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.08); cursor: pointer; text-align: left; transition: border-color 0.15s ease, transform 0.15s ease; } .pfvr-thumb:hover { transform: translateY(-2px); } .pfvr-thumb img { display: block; width: 108px; height: 64px; object-fit: cover; } .pfvr-thumb-label { display: block; padding: 4px 6px; font-size: 11px; line-height: 1.3; color: rgba(255, 255, 255, 0.88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pfvr-thumb.is-active { border-color: #42a5f5; box-shadow: 0 0 0 1px rgba(66, 165, 245, 0.6); } .pfvr-thumb.is-active .pfvr-thumb-label { color: #90caf9; } /* ---------- Indicador de carga ---------- */ .pfvr-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .pfvr-spinner { width: 42px; height: 42px; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: #42a5f5; border-radius: 50%; animation: pfvr-spin 0.9s linear infinite; } @keyframes pfvr-spin { to { transform: rotate(360deg); } } .pfvr-viewer:not(.pfvr-loading) .pfvr-loader { display: none; } /* ---------- Pantalla completa ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Pantallas pequeñas ---------- */ @media (max-width: 600px) { .pfvr-viewer { border-radius: 6px; } .pfvr-info { left: 8px; right: 8px; bottom: 108px; max-width: none; padding: 10px 12px; } .pfvr-scene-title { font-size: 14px; } .pfvr-scene-desc { font-size: 12px; } .pfvr-nav { width: 34px; height: 34px; } .pfvr-nav-prev { left: 6px; } .pfvr-nav-next { right: 6px; } .pfvr-thumb { width: 92px; } .pfvr-thumb img { width: 92px; height: 56px; } .pfvr-topbar { padding: 8px 10px; } } /* Aviso visible en el editor para shortcodes mal configurados. */ .pfvr-notice { padding: 12px 16px; background: #fcf0f1; border-left: 4px solid #d63638; color: #3c434a; } </style> <script src="https://pengchi.net/wp-content/plugins/playforge-vr/assets/vendor/aframe.min.js"></script> <div id="pfvr-viewer-624-1" class="pfvr-viewer pfvr-loading" style="--pfvr-height: 100vh;" data-scene="0" data-autoplay="1" data-preload="all" tabindex="0" > <a-scene embedded loading-screen="enabled: false" vr-mode-ui="enabled: true" renderer="colorManagement: true; antialias: true" > <a-assets timeout="30000"> <img id="pfvr-a-0" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled.jpg" alt="" > <img id="pfvr-a-1" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled.jpg" alt="" > <img id="pfvr-a-2" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled.jpg" alt="" > </a-assets> <a-sky data-role="sky" src="#pfvr-a-0"></a-sky> <a-entity data-role="rig" pfvr-auto="speed: 0.06; enabled: true"> <a-entity camera look-controls="reverseMouseDrag: true" fov="80"></a-entity> </a-entity> </a-scene> <div class="pfvr-overlay"> <div class="pfvr-topbar pfvr-ui"> <select class="pfvr-select" aria-label="Cambiar de escena por título"></select> <div class="pfvr-top-actions"> <button type="button" class="pfvr-btn pfvr-auto-btn" aria-label="Interruptor de rotación automática" title="Rotación automática"> <span class="pfvr-icon pfvr-icon-auto" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-fs-btn" aria-label="Pantalla completa" title="Pantalla completa"> <span class="pfvr-icon pfvr-icon-fs" aria-hidden="true"></span> </button> </div> </div> <div class="pfvr-info"> <div class="pfvr-scene-title"></div> <div class="pfvr-scene-desc"></div> </div> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-prev pfvr-ui" aria-label="Anterior"> <span class="pfvr-icon pfvr-icon-prev" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-next pfvr-ui" aria-label="Siguiente"> <span class="pfvr-icon pfvr-icon-next" aria-hidden="true"></span> </button> <div class="pfvr-thumbs pfvr-ui"></div> <div class="pfvr-loader" aria-hidden="true"> <span class="pfvr-spinner"></span> </div> </div> <script type="application/json" class="pfvr-data">[{"id":"scene-1790645683076-1","title":"Pasillo del quirófano","description":"El pasillo del quirófano está equipado con puertas herméticas médicas, lavamanos de acero inoxidable 304 y otras instalaciones auxiliares.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled-1.jpg"},{"id":"scene-1790645700912-2","title":"Quirófano 1","description":"Proyecto llave en mano de quirófano modular Clase 100, que incluye armarios para instrumentos, armarios de anestesia, refrigeradores empotrados, techos de flujo laminar, difusores de aire HEPA, paneles de control de temperatura y humedad, terminales de salida de gases médicos, paneles de tomas eléctricas, etc. Paneles de pared con esquinas curvas, fáciles de limpiar y sin rincones sanitarios muertos.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled-1.jpg"},{"id":"scene-1790645733838-3","title":"Quirófano 2","description":"Este es un proyecto llave en mano de quirófano modular ISO Clase 5, equipado con armarios para instrumentos, armarios de anestesia y refrigeradores empotrados. También consta de techos de flujo laminar, difusores de aire HEPA, paneles de control de temperatura \u0026amp; humedad, terminales de salida de gases médicos, paneles de tomas eléctricas, cajas de luz para visualización de radiografías, paneles de luz herméticos y carros de quirófano. Se adoptan paneles de pared con esquinas curvas para facilitar la limpieza y eliminar los rincones sanitarios muertos.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled-1.jpg"}]</script> </div> <script>/** * Lógica front-end para los visores PlayForge VR. * * Lee el JSON de escenas generado por el shortcode, construye el selector de títulos, * la tira de miniaturas y el panel de información, y cambia la textura de <a-sky> al cambiar de escena. */ ( function () { 'use strict'; /** * Componente A-Frame: rotación lenta de guiñada del conjunto de la cámara. * * Se pausa mientras el visitante arrastra/mira alrededor y se reanuda después de un * tiempo de inactividad, para que nunca interfiera con los controles del espectador. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // radianes por segundo. enabled: { default: true } }, init: function () { this.userPaused = false; this.tempPaused = false; this.resumeTimer = null; var self = this; var pauseTemporarily = function () { self.tempPaused = true; window.clearTimeout( self.resumeTimer ); self.resumeTimer = window.setTimeout( function () { self.tempPaused = false; }, 4000 ); }; // El canvas recibe los eventos de puntero/táctiles que usa look-controls. var bind = function () { var canvas = self.el.sceneEl.canvas; if ( ! canvas ) { return; } canvas.addEventListener( 'pointerdown', pauseTemporarily ); canvas.addEventListener( 'wheel', pauseTemporarily, { passive: true } ); canvas.addEventListener( 'touchstart', pauseTemporarily, { passive: true } ); }; if ( this.el.sceneEl.canvas ) { bind(); } else { this.el.sceneEl.addEventListener( 'rendertargetchanged', bind ); window.setTimeout( bind, 500 ); } }, setEnabled: function ( enabled ) { this.userPaused = ! enabled; }, tick: function ( _time, delta ) { if ( ! this.data.enabled || this.userPaused || this.tempPaused || document.hidden ) { return; } this.el.object3D.rotation.y += ( delta / 1000 ) * this.data.speed; } } ); } /** Crea un span de icono con una clase (el contenido proviene del CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Inicializa un elemento de visor. * * @param {HTMLElement} viewer Elemento raíz .pfvr-viewer. */ function initViewer( viewer ) { var dataEl = viewer.querySelector( '.pfvr-data' ); var scenes; try { scenes = JSON.parse( dataEl.textContent || '{}' ); } catch ( e ) { scenes = []; } if ( ! Array.isArray( scenes ) || ! scenes.length ) { return; } var sky = viewer.querySelector( '[data-role="sky"]' ); var rig = viewer.querySelector( '[data-role="rig"]' ); var select = viewer.querySelector( '.pfvr-select' ); var thumbs = viewer.querySelector( '.pfvr-thumbs' ); var infoTitle = viewer.querySelector( '.pfvr-scene-title' ); var infoDesc = viewer.querySelector( '.pfvr-scene-desc' ); var infoBox = viewer.querySelector( '.pfvr-info' ); var loader = viewer.querySelector( '.pfvr-loader' ); var autoBtn = viewer.querySelector( '.pfvr-auto-btn' ); var fsBtn = viewer.querySelector( '.pfvr-fs-btn' ); var prevBtn = viewer.querySelector( '.pfvr-nav-prev' ); var nextBtn = viewer.querySelector( '.pfvr-nav-next' ); var current = Math.min( parseInt( viewer.getAttribute( 'data-scene' ), 10 ) || 0, scenes.length - 1 ); var autoEnabled = viewer.getAttribute( 'data-autoplay' ) === '1'; var preloadAll = viewer.getAttribute( 'data-preload' ) === 'all'; var assetsBox = viewer.querySelector( 'a-assets' ); var loadFallbackTimer = null; // Construye el <select> de títulos. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || 'Escena ' + ( i + 1 ); select.appendChild( option ); } ); // Construye la tira de miniaturas. var thumbButtons = []; scenes.forEach( function ( scene, i ) { var button = document.createElement( 'button' ); button.type = 'button'; button.className = 'pfvr-thumb'; button.setAttribute( 'aria-label', scene.title || 'Escena ' + ( i + 1 ) ); var img = document.createElement( 'img' ); img.src = scene.thumb || ''; img.alt = ''; img.addEventListener( 'error', function () { img.style.display = 'none'; } ); var label = document.createElement( 'span' ); label.className = 'pfvr-thumb-label'; label.textContent = scene.title || 'Escena ' + ( i + 1 ); button.appendChild( img ); button.appendChild( label ); button.addEventListener( 'click', function () { goTo( i ); } ); thumbs.appendChild( button ); thumbButtons.push( button ); } ); /** * Garantiza que la escena i exista como un <img> dentro de <a-assets>, * creándola si es necesario. A-Frame la carga entonces y almacena en caché * la textura de la GPU, por lo que apuntar el cielo hacia ella es instantáneo una vez cargada. * * @param {number} i Índice de la escena. */ function ensureAsset( i ) { if ( ! assetsBox || ! scenes[ i ] ) { return; } var id = 'pfvr-a-' + i; if ( document.getElementById( id ) ) { return; } var img = document.createElement( 'img' ); img.id = id; img.alt = ''; img.src = scenes[ i ].image; assetsBox.appendChild( img ); } /** Precarga una escena como recurso de A-Frame (precalienta la caché de red + GPU). */ function preload( i ) { ensureAsset( i ); } /** Oculta el indicador de carga una vez que la nueva textura está en el cielo. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Cambia a una escena por índice. * * @param {number} i Índice de destino. */ function goTo( i ) { if ( i === current || i < 0 || i >= scenes.length ) { return; } current = i; viewer.classList.add( 'pfvr-loading' ); if ( loader ) { loader.style.display = ''; } var settled = false; var finish = function () { if ( settled ) { return; } settled = true; hideLoader(); sky.removeEventListener( 'materialtextureloaded', finish ); sky.removeEventListener( 'materialtextureerror', finish ); }; // Red de seguridad: nunca dejar el indicador de carga atascado si no se dispara ningún evento. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Asegúrate de que la imagen de destino esté en <a-assets>, luego haz referencia a ella // por ID para reutilizar la caché de texturas de A-Frame. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // Cuando la imagen de destino ya ha terminado de cargarse, A-Frame puede // resolver el material de forma síncrona sin emitir un evento; // en ese caso, oculta el indicador de carga en el siguiente fotograma. var targetImg = document.getElementById( 'pfvr-a-' + i ); if ( targetImg && targetImg.complete && targetImg.naturalWidth ) { window.requestAnimationFrame( function () { window.requestAnimationFrame( finish ); } ); } updateUI(); preload( ( i + 1 ) % scenes.length ); preload( ( i - 1 + scenes.length ) % scenes.length ); } /** Actualiza los estados activos de título/descripción/selector/miniaturas. */ function updateUI() { var scene = scenes[ current ]; select.value = String( current ); infoTitle.textContent = scene.title || ''; if ( scene.description && scene.description.trim() ) { infoDesc.innerHTML = scene.description; infoBox.hidden = false; } else { infoDesc.innerHTML = ''; infoBox.hidden = ! scene.title; } thumbButtons.forEach( function ( button, i ) { button.classList.toggle( 'is-active', i === current ); } ); // Mantiene la miniatura activa visible en la tira desplazada. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- Eventos de la interfaz ------------------------------------------ select.addEventListener( 'change', function () { goTo( parseInt( select.value, 10 ) ); } ); prevBtn.addEventListener( 'click', function () { goTo( ( current - 1 + scenes.length ) % scenes.length ); } ); nextBtn.addEventListener( 'click', function () { goTo( ( current + 1 ) % scenes.length ); } ); autoBtn.addEventListener( 'click', function () { autoEnabled = ! autoEnabled; setAutoButtonState(); if ( rig.components && rig.components[ 'pfvr-auto' ] ) { rig.components[ 'pfvr-auto' ].setEnabled( autoEnabled ); } rig.setAttribute( 'pfvr-auto', 'enabled', autoEnabled ? 'true' : 'false' ); } ); function setAutoButtonState() { autoBtn.classList.toggle( 'is-off', ! autoEnabled ); autoBtn.setAttribute( 'aria-pressed', autoEnabled ? 'true' : 'false' ); } // Pantalla completa. fsBtn.addEventListener( 'click', function () { if ( document.fullscreenElement ) { document.exitFullscreen(); } else if ( viewer.requestFullscreen ) { viewer.requestFullscreen(); } else if ( viewer.webkitRequestFullscreen ) { viewer.webkitRequestFullscreen(); } } ); document.addEventListener( 'fullscreenchange', function () { fsBtn.classList.toggle( 'is-fullscreen', !! document.fullscreenElement ); } ); // Teclado: actuar solo cuando este visor está enfocado o en pantalla completa. viewer.addEventListener( 'keydown', function ( event ) { if ( document.fullscreenElement !== viewer && ! viewer.contains( document.activeElement ) ) { return; } if ( event.key === 'ArrowRight' ) { event.preventDefault(); goTo( ( current + 1 ) % scenes.length ); } else if ( event.key === 'ArrowLeft' ) { event.preventDefault(); goTo( ( current - 1 + scenes.length ) % scenes.length ); } } ); // Las galerías de una sola escena no necesitan controles de navegación. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Estado inicial ------------------------------------------------- setAutoButtonState(); updateUI(); // El modo "all" ya incluyó todas las imágenes en <a-assets>; en el modo "adjacent" // se precargan ambos vecinos de la escena inicial. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Ocultar el indicador de carga una vez que se haya cargado la primera textura. var onInitialLoaded = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; var onInitialError = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; sky.addEventListener( 'materialtextureloaded', onInitialLoaded ); sky.addEventListener( 'materialtextureerror', onInitialError ); window.setTimeout( hideLoader, 9000 ); } function boot() { registerAutoComponent(); document.querySelectorAll( '.pfvr-viewer' ).forEach( initViewer ); } if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', boot ); } else { boot(); } } )(); </script> https://pengchi.net/es/solutions/ Wed, 30 Sep 2026 03:43:37 +0000 https://pengchi.net/es/solutions/ <section class="text-white" style="width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);background: linear-gradient(rgba(9, 33, 43, 0.78), rgba(9, 33, 43, 0.86)), url('/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg') center center / cover no-repeat"> <div class="container py-5"> <div class="row justify-content-center text-center"> <div class="col-lg-10"> <p><span class="badge rounded-pill text-bg-light text-success text-uppercase px-3 py-2 mb-3">Solución Médica Integral</span></p> <h1 class="fw-bold lh-sm mb-3" style="font-size: clamp(1.9rem, 4vw, 3.1rem)">Puertas Médicas, Quirófanos Modulares y Mobiliario Hospitalario para Proyectos Sanitarios</h1> <p class="lead text-white-50 mb-4 mx-auto" style="max-width: 820px">Pengchi apoya a hospitales, clínicas y laboratorios desde la planificación del espacio y la configuración por departamentos hasta la fabricación directa de fábrica, la entrega y la instalación: un solo equipo, documentación completa.</p> https://pengchi.net/es/thank-you/ Tue, 22 Sep 2026 08:55:56 +0000 https://pengchi.net/es/thank-you/ <h1>Gracias por su mensaje.</h1> Responderemos lo antes posible. <p>No dude en contactarnos por correo electrónico <a href="mailto:pengchi@pengchihealth.com"><a href="mailto:pengchi@pengchihealth.com">pengchi@pengchihealth.com</a></a> o por móvil +86-18025283503.</p> https://pengchi.net/es/factory-show/ Tue, 22 Sep 2026 06:41:23 +0000 https://pengchi.net/es/factory-show/ <style id="pfvr-styles">/** * Estilos de front-end para los visores de PlayForge VR. * * El visor es una superposición oscura, estilo cristal, sobre el lienzo de A-Frame. * La superposición en sí permite hacer clic a través de ella; los elementos * interactivos de la interfaz vuelven a activarse mediante * pointer-events en .pfvr-ui / button. */ .pfvr-viewer { position: relative; width: 100%; height: var(--pfvr-height, 100vh); background: #05070a; border-radius: 10px; overflow: hidden; outline: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #fff; } .pfvr-viewer:focus-visible { box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.55); } /* A-Frame rellena el contenedor (embedded elimina su min-height predeterminado). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Superposición: permite hacer clic a través de ella de forma predeterminada, de modo que al arrastrar se pueda mirar alrededor. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Barra superior ---------- */ .pfvr-topbar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-select { flex: 1; min-width: 0; max-width: 360px; padding: 7px 10px; font-size: 13px; color: #fff; background: rgba(20, 26, 34, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; } .pfvr-select option { color: #111; } .pfvr-top-actions { margin-left: auto; display: flex; gap: 8px; } /* ---------- Botones ---------- */ .pfvr-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(20, 26, 34, 0.66); color: #fff; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.15s ease, transform 0.15s ease; } .pfvr-btn:hover { background: rgba(48, 60, 75, 0.9); } .pfvr-btn:active { transform: scale(0.94); } .pfvr-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 12; } .pfvr-nav:active { transform: translateY(-50%) scale(0.94); } .pfvr-nav-prev { left: 14px; } .pfvr-nav-next { right: 14px; } /* ---------- Iconos (máscara para que hereden currentColor) ---------- */ .pfvr-icon { width: 20px; height: 20px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .pfvr-icon-prev { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); } .pfvr-icon-next { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); } .pfvr-icon-fs { width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); } .pfvr-icon-auto { width: 19px; height: 19px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); } .pfvr-auto-btn.is-off { opacity: 0.45; } .pfvr-fs-btn.is-fullscreen .pfvr-icon-fs { opacity: 0.7; } /* ---------- Panel de información ---------- */ .pfvr-info { position: absolute; left: 14px; bottom: 116px; max-width: min(440px, calc(100% - 28px)); padding: 12px 16px; background: rgba(10, 14, 20, 0.62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .pfvr-info[hidden] { display: none; } .pfvr-scene-title { font-size: 16px; font-weight: 700; line-height: 1.35; margin-bottom: 4px; } .pfvr-scene-desc { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); word-break: break-word; } .pfvr-scene-desc p { margin: 0 0 6px; } .pfvr-scene-desc p:last-child { margin-bottom: 0; } /* ---------- Tira de miniaturas ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* el espacio a la derecha deja sitio para el botón de VR de A-Frame */ overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) transparent; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-thumbs::-webkit-scrollbar { height: 6px; } .pfvr-thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } .pfvr-thumb { flex: 0 0 auto; width: 108px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.08); cursor: pointer; text-align: left; transition: border-color 0.15s ease, transform 0.15s ease; } .pfvr-thumb:hover { transform: translateY(-2px); } .pfvr-thumb img { display: block; width: 108px; height: 64px; object-fit: cover; } .pfvr-thumb-label { display: block; padding: 4px 6px; font-size: 11px; line-height: 1.3; color: rgba(255, 255, 255, 0.88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pfvr-thumb.is-active { border-color: #42a5f5; box-shadow: 0 0 0 1px rgba(66, 165, 245, 0.6); } .pfvr-thumb.is-active .pfvr-thumb-label { color: #90caf9; } /* ---------- Indicador de carga ---------- */ .pfvr-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .pfvr-spinner { width: 42px; height: 42px; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: #42a5f5; border-radius: 50%; animation: pfvr-spin 0.9s linear infinite; } @keyframes pfvr-spin { to { transform: rotate(360deg); } } .pfvr-viewer:not(.pfvr-loading) .pfvr-loader { display: none; } /* ---------- Pantalla completa ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Pantallas pequeñas ---------- */ @media (max-width: 600px) { .pfvr-viewer { border-radius: 6px; } .pfvr-info { left: 8px; right: 8px; bottom: 108px; max-width: none; padding: 10px 12px; } .pfvr-scene-title { font-size: 14px; } .pfvr-scene-desc { font-size: 12px; } .pfvr-nav { width: 34px; height: 34px; } .pfvr-nav-prev { left: 6px; } .pfvr-nav-next { right: 6px; } .pfvr-thumb { width: 92px; } .pfvr-thumb img { width: 92px; height: 56px; } .pfvr-topbar { padding: 8px 10px; } } /* Aviso visible en el editor para shortcodes mal configurados. */ .pfvr-notice { padding: 12px 16px; background: #fcf0f1; border-left: 4px solid #d63638; color: #3c434a; } </style> <script src="https://pengchi.net/wp-content/plugins/playforge-vr/assets/vendor/aframe.min.js"></script> <div id="pfvr-viewer-494-2" class="pfvr-viewer pfvr-loading" style="--pfvr-height: 100vh;" data-scene="0" data-autoplay="1" data-preload="all" tabindex="0" > <a-scene embedded loading-screen="enabled: false" vr-mode-ui="enabled: true" renderer="colorManagement: true; antialias: true" > <a-assets timeout="30000"> <img id="pfvr-a-0" src="https://pengchi.net/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg" alt="" > <img id="pfvr-a-1" src="https://pengchi.net/wp-content/uploads/2026/09/Sheet-Metal-Processing-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-2" src="https://pengchi.net/wp-content/uploads/2026/09/Panel-Board-Production-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-3" src="https://pengchi.net/wp-content/uploads/2026/09/Medical-Cabinet-Assembly-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-4" src="https://pengchi.net/wp-content/uploads/2026/09/Medical-Equipment-Showroom-scaled.jpg" alt="" > <img id="pfvr-a-5" src="https://pengchi.net/wp-content/uploads/2026/09/Open-Office-Area-scaled.jpg" alt="" > </a-assets> <a-sky data-role="sky" src="#pfvr-a-0"></a-sky> <a-entity data-role="rig" pfvr-auto="speed: 0.06; enabled: true"> <a-entity camera look-controls="reverseMouseDrag: true" fov="80"></a-entity> </a-entity> </a-scene> <div class="pfvr-overlay"> <div class="pfvr-topbar pfvr-ui"> <select class="pfvr-select" aria-label="Cambiar de escena por título"></select> <div class="pfvr-top-actions"> <button type="button" class="pfvr-btn pfvr-auto-btn" aria-label="Activar o desactivar la rotación automática" title="Rotación automática"> <span class="pfvr-icon pfvr-icon-auto" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-fs-btn" aria-label="Pantalla completa" title="Pantalla completa"> <span class="pfvr-icon pfvr-icon-fs" aria-hidden="true"></span> </button> </div> </div> <div class="pfvr-info"> <div class="pfvr-scene-title"></div> <div class="pfvr-scene-desc"></div> </div> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-prev pfvr-ui" aria-label="Anterior"> <span class="pfvr-icon pfvr-icon-prev" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-next pfvr-ui" aria-label="Siguiente"> <span class="pfvr-icon pfvr-icon-next" aria-hidden="true"></span> </button> <div class="pfvr-thumbs pfvr-ui"></div> <div class="pfvr-loader" aria-hidden="true"> <span class="pfvr-spinner"></span> </div> </div> <script type="application/json" class="pfvr-data">[{"id":"scene-1790058861688-1","title":"Vista aérea de la fábrica","description":"Parque industrial de tecnología inteligente Pengchi","image":"/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Factory-Aerial-View-scaled-1.jpg"},{"id":"scene-1790058915736-2","title":"Taller 1","description":"Piso 1, taller de corte láser","image":"/wp-content/uploads/2026/09/Sheet-Metal-Processing-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Sheet-Metal-Processing-Workshop-scaled-1.jpg"},{"id":"scene-1790058933968-3","title":"Taller","description":"Piso 3, taller de puertas médicas","image":"/wp-content/uploads/2026/09/Panel-Board-Production-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Panel-Board-Production-Workshop-scaled-1.jpg"},{"id":"scene-1790059002625-4","title":"Taller","description":"Piso 4, taller de campanas extractoras","image":"/wp-content/uploads/2026/09/Medical-Cabinet-Assembly-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Medical-Cabinet-Assembly-Workshop-scaled-1.jpg"},{"id":"scene-1790059172719-5","title":"Sala de exposición","description":"Piso 9, sala de exposición de mobiliario médico","image":"/wp-content/uploads/2026/09/Medical-Equipment-Showroom-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Medical-Equipment-Showroom-scaled-1.jpg"},{"id":"scene-1790059199810-6","title":"Oficina Pengchi","description":"Piso 9, vestíbulo de la oficina","image":"/wp-content/uploads/2026/09/Open-Office-Area-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Open-Office-Area-scaled-1.jpg"}]</script> </div> <script>/** * Lógica de front-end para los visores PlayForge VR. * * Lee el JSON de escenas generado por el shortcode, construye el selector * de títulos, la tira de miniaturas y el panel de información, y cambia * la textura de <a-sky> al cambiar de escena. */ ( function () { 'use strict'; /** * Componente de A-Frame: rotación lenta de guiñada del soporte de la cámara. * * Se pausa mientras el visitante arrastra/mira alrededor y se reanuda tras * un tiempo de inactividad, de modo que nunca interfiere con los controles * del espectador. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // radianes por segundo. enabled: { default: true } }, init: function () { this.userPaused = false; this.tempPaused = false; this.resumeTimer = null; var self = this; var pauseTemporarily = function () { self.tempPaused = true; window.clearTimeout( self.resumeTimer ); self.resumeTimer = window.setTimeout( function () { self.tempPaused = false; }, 4000 ); }; // El canvas recibe los eventos de puntero/toque que usa look-controls. var bind = function () { var canvas = self.el.sceneEl.canvas; if ( ! canvas ) { return; } canvas.addEventListener( 'pointerdown', pauseTemporarily ); canvas.addEventListener( 'wheel', pauseTemporarily, { passive: true } ); canvas.addEventListener( 'touchstart', pauseTemporarily, { passive: true } ); }; if ( this.el.sceneEl.canvas ) { bind(); } else { this.el.sceneEl.addEventListener( 'rendertargetchanged', bind ); window.setTimeout( bind, 500 ); } }, setEnabled: function ( enabled ) { this.userPaused = ! enabled; }, tick: function ( _time, delta ) { if ( ! this.data.enabled || this.userPaused || this.tempPaused || document.hidden ) { return; } this.el.object3D.rotation.y += ( delta / 1000 ) * this.data.speed; } } ); } /** Crea un span de icono con una clase (el contenido proviene del CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Inicializa un elemento de visor. * * @param {HTMLElement} viewer Elemento raíz .pfvr-viewer. */ function initViewer( viewer ) { var dataEl = viewer.querySelector( '.pfvr-data' ); var scenes; try { scenes = JSON.parse( dataEl.textContent || '{}' ); } catch ( e ) { scenes = []; } if ( ! Array.isArray( scenes ) || ! scenes.length ) { return; } var sky = viewer.querySelector( '[data-role="sky"]' ); var rig = viewer.querySelector( '[data-role="rig"]' ); var select = viewer.querySelector( '.pfvr-select' ); var thumbs = viewer.querySelector( '.pfvr-thumbs' ); var infoTitle = viewer.querySelector( '.pfvr-scene-title' ); var infoDesc = viewer.querySelector( '.pfvr-scene-desc' ); var infoBox = viewer.querySelector( '.pfvr-info' ); var loader = viewer.querySelector( '.pfvr-loader' ); var autoBtn = viewer.querySelector( '.pfvr-auto-btn' ); var fsBtn = viewer.querySelector( '.pfvr-fs-btn' ); var prevBtn = viewer.querySelector( '.pfvr-nav-prev' ); var nextBtn = viewer.querySelector( '.pfvr-nav-next' ); var current = Math.min( parseInt( viewer.getAttribute( 'data-scene' ), 10 ) || 0, scenes.length - 1 ); var autoEnabled = viewer.getAttribute( 'data-autoplay' ) === '1'; var preloadAll = viewer.getAttribute( 'data-preload' ) === 'all'; var assetsBox = viewer.querySelector( 'a-assets' ); var loadFallbackTimer = null; // Construye el <select> de títulos. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || 'Escena ' + ( i + 1 ); select.appendChild( option ); } ); // Construye la tira de miniaturas. var thumbButtons = []; scenes.forEach( function ( scene, i ) { var button = document.createElement( 'button' ); button.type = 'button'; button.className = 'pfvr-thumb'; button.setAttribute( 'aria-label', scene.title || 'Escena ' + ( i + 1 ) ); var img = document.createElement( 'img' ); img.src = scene.thumb || ''; img.alt = ''; img.addEventListener( 'error', function () { img.style.display = 'none'; } ); var label = document.createElement( 'span' ); label.className = 'pfvr-thumb-label'; label.textContent = scene.title || 'Escena ' + ( i + 1 ); button.appendChild( img ); button.appendChild( label ); button.addEventListener( 'click', function () { goTo( i ); } ); thumbs.appendChild( button ); thumbButtons.push( button ); } ); /** * Garantiza que la escena i exista como un <img> dentro de <a-assets>, * creándola si es necesario. A-Frame luego la carga y almacena en caché * la textura de GPU, de modo que apuntar el cielo hacia ella es * instantáneo una vez cargada. * * @param {number} i Índice de la escena. */ function ensureAsset( i ) { if ( ! assetsBox || ! scenes[ i ] ) { return; } var id = 'pfvr-a-' + i; if ( document.getElementById( id ) ) { return; } var img = document.createElement( 'img' ); img.id = id; img.alt = ''; img.src = scenes[ i ].image; assetsBox.appendChild( img ); } /** Precarga una escena como recurso de A-Frame (precalienta la red + caché de GPU). */ function preload( i ) { ensureAsset( i ); } /** Oculta el indicador de carga una vez que la nueva textura está en el cielo. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Cambia a una escena por índice. * * @param {number} i Índice de destino. */ function goTo( i ) { if ( i === current || i < 0 || i >= scenes.length ) { return; } current = i; viewer.classList.add( 'pfvr-loading' ); if ( loader ) { loader.style.display = ''; } var settled = false; var finish = function () { if ( settled ) { return; } settled = true; hideLoader(); sky.removeEventListener( 'materialtextureloaded', finish ); sky.removeEventListener( 'materialtextureerror', finish ); }; // Red de seguridad: nunca deja el indicador atascado si no se dispara ningún evento. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Asegúrate de que la imagen de destino esté en <a-assets>, luego haz // referencia a ella por ID para que se reutilice la caché de texturas de A-Frame. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // Cuando la imagen de destino ya ha terminado de cargarse, A-Frame puede // resolver el material de forma síncrona sin emitir un evento; // oculta el indicador en el siguiente fotograma en ese caso. var targetImg = document.getElementById( 'pfvr-a-' + i ); if ( targetImg && targetImg.complete && targetImg.naturalWidth ) { window.requestAnimationFrame( function () { window.requestAnimationFrame( finish ); } ); } updateUI(); preload( ( i + 1 ) % scenes.length ); preload( ( i - 1 + scenes.length ) % scenes.length ); } /** Actualiza los estados activos del título/descripción/selector/miniaturas. */ function updateUI() { var scene = scenes[ current ]; select.value = String( current ); infoTitle.textContent = scene.title || ''; if ( scene.description && scene.description.trim() ) { infoDesc.innerHTML = scene.description; infoBox.hidden = false; } else { infoDesc.innerHTML = ''; infoBox.hidden = ! scene.title; } thumbButtons.forEach( function ( button, i ) { button.classList.toggle( 'is-active', i === current ); } ); // Mantiene la miniatura activa visible en la tira desplazada. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- Eventos de UI ----------------------------------------------------- select.addEventListener( 'change', function () { goTo( parseInt( select.value, 10 ) ); } ); prevBtn.addEventListener( 'click', function () { goTo( ( current - 1 + scenes.length ) % scenes.length ); } ); nextBtn.addEventListener( 'click', function () { goTo( ( current + 1 ) % scenes.length ); } ); autoBtn.addEventListener( 'click', function () { autoEnabled = ! autoEnabled; setAutoButtonState(); if ( rig.components && rig.components[ 'pfvr-auto' ] ) { rig.components[ 'pfvr-auto' ].setEnabled( autoEnabled ); } rig.setAttribute( 'pfvr-auto', 'enabled', autoEnabled ? 'true' : 'false' ); } ); function setAutoButtonState() { autoBtn.classList.toggle( 'is-off', ! autoEnabled ); autoBtn.setAttribute( 'aria-pressed', autoEnabled ? 'true' : 'false' ); } // Pantalla completa. fsBtn.addEventListener( 'click', function () { if ( document.fullscreenElement ) { document.exitFullscreen(); } else if ( viewer.requestFullscreen ) { viewer.requestFullscreen(); } else if ( viewer.webkitRequestFullscreen ) { viewer.webkitRequestFullscreen(); } } ); document.addEventListener( 'fullscreenchange', function () { fsBtn.classList.toggle( 'is-fullscreen', !! document.fullscreenElement ); } ); // Teclado: actuar solo cuando este visor esté enfocado o en pantalla completa. viewer.addEventListener( 'keydown', function ( event ) { if ( document.fullscreenElement !== viewer && ! viewer.contains( document.activeElement ) ) { return; } if ( event.key === 'ArrowRight' ) { event.preventDefault(); goTo( ( current + 1 ) % scenes.length ); } else if ( event.key === 'ArrowLeft' ) { event.preventDefault(); goTo( ( current - 1 + scenes.length ) % scenes.length ); } } ); // Las galerías de una sola escena no necesitan elementos de navegación. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Estado inicial ------------------------------------------------ setAutoButtonState(); updateUI(); // El modo "all" ya incluyó todas las imágenes en <a-assets>; en el modo // "adjacent", precargar ambos vecinos de la escena inicial. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Ocultar el spinner una vez que se haya cargado la primera textura. var onInitialLoaded = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; var onInitialError = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; sky.addEventListener( 'materialtextureloaded', onInitialLoaded ); sky.addEventListener( 'materialtextureerror', onInitialError ); window.setTimeout( hideLoader, 9000 ); } function boot() { registerAutoComponent(); document.querySelectorAll( '.pfvr-viewer' ).forEach( initViewer ); } if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', boot ); } else { boot(); } } )(); </script> https://pengchi.net/es/contact-us/ Fri, 11 Sep 2026 05:56:09 +0000 https://pengchi.net/es/contact-us/ <section class="pb-4 pb-lg-5 mb-4 mb-lg-5 border-bottom"> <p class="small fw-semibold text-uppercase text-success mb-2">Envíanos un Mensaje</p> <script src="https://js-na2.hsforms.net/forms/embed/247495286.js" defer></script> <div class="hs-form-frame" data-region="na2" data-form-id="7b45a6d3-a989-4ef4-a95a-e937a0761d6a" data-portal-id="247495286"></div> </section> <section class="pb-4 pb-lg-5"> <div class="row g-4 g-lg-5"> <div class="col-lg-5"> <p class="small fw-semibold text-uppercase text-success mb-2">Contáctanos</p> <h2 class="fw-bold mb-3">Ponte en Contacto con Pengchi</h2> <p class="fw-semibold mb-3">Dongguan Pengchi Intelligent Equipment Technology Co., Ltd.</p> <ul class="list-unstyled m-0"> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-telephone text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Teléfono</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="tel:+86-769-38839633-879">+86 0769-38839633-879</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-phone text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Móvil / WhatsApp</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="tel:+8618025283503">+86 18025283503</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-envelope text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Correo Electrónico</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="mailto:pengchi@pengchihealth.com">pengchi@pengchihealth.com</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-globe2 text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Sitio Web Oficial</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="https://pengchi.net" target="_blank" rel="nofollow noopener noreferrer">https://pengchi.net</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-shop text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Tienda Made-in-China</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="https://pengchihealthcare.en.made-in-china.com/" target="_blank" rel="nofollow noopener noreferrer">https://pengchihealthcare.en.made-in-china.com/</a> </div> </li> <li class="row g-0 gap-3 pt-3"> <div class="col-auto"><i class="bi bi-geo-alt text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Base de Producción</div> <span class="text-body-secondary">N.º 148, Calle Chashi, Localidad de Chashan, Ciudad de Dongguan, Provincia de Guangdong (Parque Tecnológico Inteligente Pengchi)</span> </div> </li> </ul> </div> <div class="col-lg-7"> <a class="d-block position-relative rounded-3 overflow-hidden border text-decoration-none" href="https://www.google.com/maps/search/?api=1&query=No.%20148%2C%20Chashi%20Road%2C%20Chashan%20Town%2C%20Dongguan%2C%20Guangdong%2C%20China%20(Pengchi%20Smart%20Technology%20Park)" target="_blank" rel="noopener noreferrer"> <img class="img-fluid w-100 d-block" src="https://pengchi.net/wp-content/uploads/2026/09/pengchi-map.jpg" alt="Mapa de la ubicación de Pengchi: N.º 148 Calle Chashi, Localidad de Chashan, Dongguan" /> <span class="position-absolute bottom-0 start-0 m-3 btn btn-light btn-sm shadow-sm fw-semibold"><i class="bi bi-box-arrow-up-right me-1"></i>Ver en Google Maps</span> </a> </div> </div> </section> https://pengchi.net/es/about-us/ Fri, 11 Sep 2026 05:55:46 +0000 https://pengchi.net/es/about-us/ <section class="bg-white border-bottom" style="width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw);"> <div class="container-fluid px-0"> <div class="row g-0"> <div class="col-lg-6"><style>.swiper-manager-container.swiper-style17.swiper-slide-name-companyprofileen4k {--height:auto ;--gap:20px !important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-companyprofileen4k .slide-content {}</style><div class="swiper-manager-container swiper-slide-name-companyprofileen4k swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-27" data-navigation="true" data-pagination="true" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="" data-height-mobile="" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="companyprofileen4k" data-slides-per-view-pc="" data-slides-per-group-pc="" data-slides-per-view-pad="" data-slides-per-group-pad="" data-slides-per-view-mobile="" data-slides-per-group-mobile="" data-centered-slides="" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/medical-sterile-storage-modern-clean-qqaawKKJ-1280x720-1.jpg" loading="lazy" alt="" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="BPfSOWqaFXY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination"></div><div class="swiper-scrollbar"></div></div></div> <div class="col-lg-6 d-flex align-items-center"> <div class="p-4 p-lg-5"> <p><span class="d-inline-block mb-3 small fw-semibold text-uppercase text-success">Quiénes Somos</span></p> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Tipo de Negocio</div> <div class="text-body-secondary">Fabricante/Fábrica</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Productos Principales</div> <div class="text-body-secondary"><a href="https://pengchi.net/medical-manual-single-leaf-air-tight-door/">Puerta Hermética Médica para Quirófano</a>, <a href="https://pengchi.net/medical-furniture/">Mobiliario Médico</a>, <a href="https://pengchi.net/a-series-fume-hoods/">Campanas de Flujo Laminar</a>, <a href="https://pengchi.net/straight-type-treatment-cabinet/">Gabinete Médico/Gabinete de Tratamiento</a>, <a href="https://pengchi.net/custom-h-profile-aluminum-quick-assembly-modular-operating-room/">Quirófano Modular sin Marco</a>, <a href="https://pengchi.net/hvac-system/">Unidad de Tratamiento de Aire (UTA)</a>, <a href="https://pengchi.net/medical-single-leaf-automatic-sliding-door/">Puerta Médica Automática de Acero</a>, <a href="https://pengchi.net/a-series-all-steel-laboratory-bench/">Mesa de Trabajo de Laboratorio</a>, <a href="https://pengchi.net/medical-manual-interlocking-airlock-door/">Puerta de Acero para Sala Limpia</a>, <a href="https://pengchi.net/medical-door/">Puerta Médica</a>, <a href="https://pengchi.net/laboratory-furniture/">Mobiliario de Laboratorio</a></div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Líneas de Producción</div> <div class="text-body-secondary">10</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Servicio OEM Disponible</div> <div class="text-body-secondary">Sí</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Opciones de Personalización</div> <div class="text-body-secondary">Personalización a partir de Muestras, Personalización a partir de Diseños, Personalización Completa, Personalización Menor, Personalización Flexible</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Máquinas de Producción</div> <div class="text-body-secondary">Máquina de Corte Láser, Fresadora, Máquina de Corte, Máquina CNC, Máquina Estampadora, Máquina de Producción de Filtros</div> </div> <div class="d-flex gap-3 py-2 align-items-start border-bottom-0"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">N.º de Informe de Auditoría de TÜV Rheinland</div> <div class="text-body-secondary">MIC-ASI2521094 <a href="https://www.verified.chn.tuv.com/en/" target="_blank" rel="noopener noreferrer">Verificar Ahora</a> <a href="https://pengchi.net/docs/test-reports/tuv-rheinland-audit-report/">Descargar Informe PDF</a></div> </div> </div> </div> </div> </div> </section><!-- ==================== ABOUT PENGCHI — company profile, container ==================== --> <section class="py-5"> <div class="container"> <h2 class="fw-bold lh-sm mb-3">Acerca de Pengchi</h2> <p class="text-body-secondary lh-lg mb-3">Dongguan Pengchi Intelligent Equipment Technology Co., Ltd. es una empresa profesional dedicada al diseño, investigación y desarrollo, producción y venta de quirófanos de alta gama, productos de apoyo para laboratorios y salas limpias, centrales de esterilización (CSSD) y mobiliario médico. Sus productos principales incluyen gabinetes de instrumental para quirófano, gabinetes de anestesia y medicamentos, campanas de flujo laminar, puertas automáticas, estaciones de enfermería integradas, gabinetes de tratamiento hospitalario, gabinetes de eliminación, mesas de laboratorio y ventanas de paso.</p> Fri, 11 Sep 2026 05:54:54 +0000 https://pengchi.net/es/cart/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/es/cart/ <div class="wp-block-woocommerce-cart alignwide is-loading"><!-- wp:woocommerce/filled-cart-block --> <div class="wp-block-woocommerce-filled-cart-block"><!-- wp:woocommerce/cart-items-block --> <div class="wp-block-woocommerce-cart-items-block"><!-- wp:woocommerce/cart-line-items-block --> <div class="wp-block-woocommerce-cart-line-items-block"></div> <div class="wp-block-woocommerce-product-collection"><!-- wp:heading {"textAlign":"left","style":{"spacing":{"margin":{"bottom":"1rem"}}}} --> <h2 class="wp-block-heading has-text-align-left" style="margin-bottom:1rem">Puede que te interese…</h2> </div> </div> <div class="wp-block-woocommerce-cart-totals-block"><!-- wp:woocommerce/cart-order-summary-block --> <div class="wp-block-woocommerce-cart-order-summary-block"><!-- wp:woocommerce/cart-order-summary-heading-block --> <div class="wp-block-woocommerce-cart-order-summary-heading-block"></div> <div class="wp-block-woocommerce-cart-order-summary-coupon-form-block"></div> <div class="wp-block-woocommerce-cart-order-summary-subtotal-block"></div> <div class="wp-block-woocommerce-cart-order-summary-fee-block"></div> <div class="wp-block-woocommerce-cart-order-summary-discount-block"></div> <div class="wp-block-woocommerce-cart-order-summary-shipping-block"></div> <div class="wp-block-woocommerce-cart-order-summary-taxes-block"></div> </div> <div class="wp-block-woocommerce-cart-express-payment-block"></div> <div class="wp-block-woocommerce-proceed-to-checkout-block"></div> <div class="wp-block-woocommerce-cart-accepted-payment-methods-block"></div> </div> </div> <div class="wp-block-woocommerce-empty-cart-block"><!-- wp:heading {"textAlign":"center","className":"with-empty-cart-icon wc-block-cart__empty-cart__title"} --> <h2 class="wp-block-heading has-text-align-center with-empty-cart-icon wc-block-cart__empty-cart__title">¡Tu carrito está vacío actualmente!</h2> <hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/> <h2 class="wp-block-heading has-text-align-center">Novedades en la tienda</h2> </div> </div> https://pengchi.net/es/my-account/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/es/my-account/ <p>[woocommerce_my_account]<!-- /wp:shortcode --></p> https://pengchi.net/es/checkout/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/es/checkout/ <div class="wp-block-woocommerce-checkout alignwide wc-block-checkout is-loading"><!-- wp:woocommerce/checkout-fields-block --> <div class="wp-block-woocommerce-checkout-fields-block"><!-- wp:woocommerce/checkout-express-payment-block --> <div class="wp-block-woocommerce-checkout-express-payment-block"></div> <div class="wp-block-woocommerce-checkout-contact-information-block"></div> <div class="wp-block-woocommerce-checkout-shipping-method-block"></div> <div class="wp-block-woocommerce-checkout-pickup-options-block"></div> <div class="wp-block-woocommerce-checkout-shipping-address-block"></div> <div class="wp-block-woocommerce-checkout-billing-address-block"></div> <div class="wp-block-woocommerce-checkout-shipping-methods-block"></div> <div class="wp-block-woocommerce-checkout-payment-block"></div> <div class="wp-block-woocommerce-checkout-additional-information-block"></div> <div class="wp-block-woocommerce-checkout-order-note-block"></div> <div class="wp-block-woocommerce-checkout-terms-block"></div> <div class="wp-block-woocommerce-checkout-actions-block"></div> </div> <div class="wp-block-woocommerce-checkout-totals-block"><!-- wp:woocommerce/checkout-order-summary-block --> <div class="wp-block-woocommerce-checkout-order-summary-block"><!-- wp:woocommerce/checkout-order-summary-cart-items-block --> <div class="wp-block-woocommerce-checkout-order-summary-cart-items-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-coupon-form-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-subtotal-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-fee-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-discount-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-shipping-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-taxes-block"></div> </div> </div> </div> Fri, 11 Sep 2026 05:52:04 +0000 <p>Solución de Sistema de Equipos Médicos Inteligentes</p> https://pengchi.net/es/sample-page/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/es/sample-page/ <p>Esta es una página de ejemplo. Es diferente de una entrada de blog porque permanecerá en un solo lugar y aparecerá en la navegación de tu sitio (en la mayoría de los temas). La mayoría de las personas comienzan con una página Acerca de que los presenta a los visitantes potenciales del sitio. Podría decir algo como esto:</p> <blockquote class="wp-block-quote"> <p>¡Hola! Soy mensajero en bicicleta de día, aspirante a actor de noche, y este es mi sitio web. Vivo en Los Ángeles, tengo un gran perro llamado Jack, y me gustan las piñas coladas. (Y que me atrape la lluvia.)</p> https://pengchi.net/es/privacy-policy/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/es/privacy-policy/ <h2 class="wp-block-heading">Quiénes somos</h2> <p><strong class="privacy-policy-tutorial">Texto sugerido: </strong>La dirección de nuestro sitio web es: .</p> <h2 class="wp-block-heading">Comentarios</h2> <p><strong class="privacy-policy-tutorial">Texto sugerido: </strong>Cuando los visitantes dejan comentarios en el sitio, recopilamos los datos que se muestran en el formulario de comentarios, así como la dirección IP del visitante y la cadena del agente de usuario del navegador para ayudar a la detección de spam.</p> <p>Una cadena anonimizada creada a partir de tu dirección de correo electrónico (también llamada hash) puede proporcionarse al servicio Gravatar para ver si lo estás utilizando. La política de privacidad del servicio Gravatar está disponible aquí: https://automattic.com/privacy/. Tras la aprobación de tu comentario, tu foto de perfil será visible para el público en el contexto de tu comentario.</p>