{"id":116,"date":"2025-05-12T08:53:14","date_gmt":"2025-05-12T08:53:14","guid":{"rendered":"https:\/\/aquralabs.com\/?page_id=116"},"modified":"2025-05-26T15:27:03","modified_gmt":"2025-05-26T15:27:03","slug":"loom","status":"publish","type":"page","link":"https:\/\/aquralabs.com\/es\/loom\/","title":{"rendered":"loom"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"116\" class=\"elementor elementor-116\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8187eb1 e-con-full e-flex e-con e-parent\" data-id=\"8187eb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35c8f50 elementor-widget elementor-widget-html\" data-id=\"35c8f50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- CONTENEDOR -->\n<section class=\"scroll-section\">\n  <div class=\"mask-overlay\"><\/div> <!-- \ud83c\udfaf M\u00e1scara con la Q totalmente transparente -->\n  <div class=\"scroll-inner\" id=\"scrollInner\">\n    <div class=\"scroll-item\"><img decoding=\"async\" src=\"https:\/\/aquralabs.com\/wp-content\/uploads\/2025\/05\/mujer-teniendo-un-tratamiento-facial-scaled.jpg\" alt=\"Imagen 1\"><\/div>\n    <div class=\"scroll-item\"><img decoding=\"async\" src=\"https:\/\/aquralabs.com\/wp-content\/uploads\/2025\/05\/doctor-examinando-la-cara-de-la-mujer-para-tratamiento-cosmetico-scaled.jpg\" alt=\"Imagen 2\"><\/div>\n    <div class=\"scroll-item\"><img decoding=\"async\" src=\"https:\/\/aquralabs.com\/wp-content\/uploads\/2025\/05\/revitalizar-su-piel-experiencia-en-la-clinica-de-belleza-moderna-scaled.jpg\" alt=\"Imagen 3\"><\/div>\n    <div class=\"scroll-item\"><img decoding=\"async\" src=\"https:\/\/aquralabs.com\/wp-content\/uploads\/2025\/05\/una-mujer-con-una-mascara-blanca-que-dice-crema-natural-en-su-cara-scaled.jpg\" alt=\"Imagen 4\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- ESTILOS -->\n<style>\nhtml, body {\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n}\n\n.scroll-section {\n  width: 100vw;\n  height: 400px;\n  overflow: hidden;\n  position: relative;\n  background: #000;\n}\n\n\/* \ud83c\udfaf Capa negra con la Q como m\u00e1scara a altura completa *\/\n.mask-overlay {\n  position: absolute;\n  inset: 0;\n  background-color: #00000096;\n  z-index: 10;\n  pointer-events: none;\n\n  -webkit-mask-image: url('https:\/\/aquralabs.com\/wp-content\/uploads\/2025\/05\/1qtransparente.png');\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-mask-size: auto 100%;\n\n  mask-image: url('https:\/\/aquralabs.com\/wp-content\/uploads\/2025\/05\/1qtransparente.png');\n  mask-repeat: no-repeat;\n  mask-position: left center;\n  mask-size: auto 100%;\n}\n\n.scroll-inner {\n  display: flex;\n  min-width: 100vw;\n  height: 100%;\n  align-items: center;\n  transform: translateX(0);\n  position: relative;\n  z-index: 1;\n}\n\n.scroll-item {\n  flex: 0 0 25%;\n  height: 100%;\n}\n\n.scroll-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .scroll-item {\n    flex: 0 0 33.3333%;\n  }\n}\n\n\/* M\u00f3vil *\/\n@media (max-width: 768px) {\n  .scroll-section {\n    height: 200px;\n  }\n  .scroll-item {\n    flex: 0 0 50%;\n  }\n}\n<\/style>\n\n<!-- SCRIPTS -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n<script>\ngsap.registerPlugin(ScrollTrigger);\n\nconst container = document.getElementById('scrollInner');\nconst items = Array.from(container.querySelectorAll('.scroll-item'));\n\n\/\/ Clonar im\u00e1genes para extender la galer\u00eda\nconst timesToClone = 3;\nfor (let i = 0; i < timesToClone; i++) {\n  items.forEach(item => {\n    const clone = item.cloneNode(true);\n    container.appendChild(clone);\n  });\n}\n\n\/\/ Scroll animado\ngsap.to(container, {\n  x: () => -(container.scrollWidth - window.innerWidth),\n  ease: \"none\",\n  scrollTrigger: {\n    trigger: \".scroll-section\",\n    start: \"top bottom\",\n    end: \"bottom top\",\n    scrub: true,\n  }\n});\n<\/script>\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-1211a44 e-flex e-con-boxed e-con e-parent\" data-id=\"1211a44\" 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-bfc8e0b elementor-widget elementor-widget-spacer\" data-id=\"bfc8e0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33d980b e-flex e-con-boxed e-con e-parent\" data-id=\"33d980b\" 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-235aa58 elementor-widget elementor-widget-spacer\" data-id=\"235aa58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9419962 e-flex e-con-boxed e-con e-parent\" data-id=\"9419962\" 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-d2ebddb elementor-widget elementor-widget-spacer\" data-id=\"d2ebddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-116","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/aquralabs.com\/es\/wp-json\/wp\/v2\/pages\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aquralabs.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aquralabs.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aquralabs.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aquralabs.com\/es\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":64,"href":"https:\/\/aquralabs.com\/es\/wp-json\/wp\/v2\/pages\/116\/revisions"}],"predecessor-version":[{"id":374,"href":"https:\/\/aquralabs.com\/es\/wp-json\/wp\/v2\/pages\/116\/revisions\/374"}],"wp:attachment":[{"href":"https:\/\/aquralabs.com\/es\/wp-json\/wp\/v2\/media?parent=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}