{"id":31,"date":"2023-04-20T11:47:35","date_gmt":"2023-04-20T11:47:35","guid":{"rendered":"https:\/\/dummy.xtemos.com\/woodmart2\/furniture2-elementor\/?page_id=31"},"modified":"2026-09-25T23:53:30","modified_gmt":"2026-09-25T23:53:30","slug":"about-us","status":"publish","type":"page","link":"https:\/\/alexander-alois.com\/index.php\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1debcbf e-con-full e-flex wd-section-disabled e-con e-parent\" data-id=\"1debcbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a476f06 elementor-widget elementor-widget-html\" data-id=\"a476f06\" 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<section class=\"aa-about\" id=\"aaAbout\">\r\n\r\n  <!-- PORTADA -->\r\n  <div class=\"aa-about__hero\">\r\n\r\n    <div class=\"aa-about__hero-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"aa-about__hero-content\">\r\n\r\n      <div class=\"aa-about__eyebrow\">\r\n        <span class=\"aa-about__eyebrow-dot\"><\/span>\r\n        Ergonom\u00eda con presencia global\r\n      <\/div>\r\n\r\n      <h1 class=\"aa-about__title\">\r\n        Dise\u00f1amos una nueva\r\n        <span>forma de trabajar.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"aa-about__description\">\r\n        Tecnolog\u00eda, precisi\u00f3n y dise\u00f1o ergon\u00f3mico creados para acompa\u00f1ar\r\n        cada movimiento y transformar la experiencia de cada jornada.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"aa-about__button\"\r\n        href=\"https:\/\/alexander-alois.com\/index.php\/categoria-producto\/sillas-de-oficina\/\"\r\n        aria-label=\"Conoce nuestras sillas\"\r\n      >\r\n        <span>Conoce nuestras sillas<\/span>\r\n        <span class=\"aa-about__button-arrow\">\u2197<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"aa-about__desktop-card aa-about__desktop-card--ergonomic\">\r\n      <span class=\"aa-about__status-dot\"><\/span>\r\n\r\n      <div>\r\n        <strong>Ergonom\u00eda inteligente<\/strong>\r\n        <span>Dise\u00f1o que acompa\u00f1a tu movimiento<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- IMAGEN PARA TABLETA Y CELULAR -->\r\n    <div class=\"aa-about__responsive-media\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/alexander-alois.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-24-sept-2026-12_28_52-p.m.png\"\r\n        alt=\"Silla ergon\u00f3mica Alexander Alois en un espacio tecnol\u00f3gico\"\r\n        loading=\"eager\"\r\n      >\r\n\r\n      <div class=\"aa-about__media-fade\"><\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- CINTA -->\r\n  <div class=\"aa-about__marquee\" aria-hidden=\"true\">\r\n\r\n    <div class=\"aa-about__marquee-track\">\r\n\r\n      <div class=\"aa-about__marquee-group\">\r\n        <span>Dise\u00f1o contempor\u00e1neo<\/span>\r\n        <i><\/i>\r\n        <span>Confort en movimiento<\/span>\r\n        <i><\/i>\r\n        <span>Innovaci\u00f3n global<\/span>\r\n        <i><\/i>\r\n        <span>Ergonom\u00eda inteligente<\/span>\r\n        <i><\/i>\r\n      <\/div>\r\n\r\n      <div class=\"aa-about__marquee-group\">\r\n        <span>Dise\u00f1o contempor\u00e1neo<\/span>\r\n        <i><\/i>\r\n        <span>Confort en movimiento<\/span>\r\n        <i><\/i>\r\n        <span>Innovaci\u00f3n global<\/span>\r\n        <i><\/i>\r\n        <span>Ergonom\u00eda inteligente<\/span>\r\n        <i><\/i>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- HISTORIA -->\r\n  <div class=\"aa-about__story aa-reveal\">\r\n\r\n    <div class=\"aa-about__story-heading\">\r\n      <span class=\"aa-about__section-label\">\r\n        Nuestra historia\r\n      <\/span>\r\n\r\n      <h2>\r\n        La ergonom\u00eda como punto\r\n        <span>de partida.<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"aa-about__story-copy\">\r\n      <p>\r\n        Durante m\u00e1s de 15 a\u00f1os, Alexander Alois ha desarrollado soluciones\r\n        ergon\u00f3micas pensadas para transformar la manera en que las personas\r\n        trabajan, crean y se relacionan con sus espacios.\r\n      <\/p>\r\n\r\n      <p>\r\n        Nuestra visi\u00f3n combina dise\u00f1o contempor\u00e1neo, tecnolog\u00eda y precisi\u00f3n\r\n        para crear sillas que no solamente complementan un entorno:\r\n        evolucionan junto con quienes las utilizan.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- CIFRAS -->\r\n  <div class=\"aa-about__stats\">\r\n\r\n    <article class=\"aa-about__stat aa-reveal\">\r\n      <span class=\"aa-about__stat-number\">\r\n        <span\r\n          class=\"aa-counter\"\r\n          data-target=\"122\"\r\n          data-prefix=\"+\"\r\n          data-suffix=\"\"\r\n        >0<\/span>\r\n      <\/span>\r\n\r\n      <h3>Pa\u00edses<\/h3>\r\n      <p>Env\u00edos a m\u00e1s de 122 pa\u00edses alrededor del mundo.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"aa-about__stat aa-reveal\">\r\n      <span class=\"aa-about__stat-number\">\r\n        <span\r\n          class=\"aa-counter\"\r\n          data-target=\"1.9\"\r\n          data-prefix=\"+\"\r\n          data-suffix=\" M\"\r\n          data-decimals=\"1\"\r\n        >0<\/span>\r\n      <\/span>\r\n\r\n      <h3>Productos al a\u00f1o<\/h3>\r\n      <p>M\u00e1s de 1.9 millones de productos vendidos anualmente.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"aa-about__stat aa-reveal\">\r\n      <span class=\"aa-about__stat-number\">\r\n        <span\r\n          class=\"aa-counter\"\r\n          data-target=\"15\"\r\n          data-prefix=\"+\"\r\n          data-suffix=\"\"\r\n        >0<\/span>\r\n      <\/span>\r\n\r\n      <h3>A\u00f1os de innovaci\u00f3n<\/h3>\r\n      <p>M\u00e1s de 15 a\u00f1os desarrollando tecnolog\u00eda ergon\u00f3mica.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"aa-about__stat aa-reveal\">\r\n      <span class=\"aa-about__stat-number\">\r\n        <span\r\n          class=\"aa-counter\"\r\n          data-target=\"2000\"\r\n          data-prefix=\"+\"\r\n          data-suffix=\"\"\r\n        >0<\/span>\r\n      <\/span>\r\n\r\n      <h3>Medios cada a\u00f1o<\/h3>\r\n      <p>Presencia destacada en m\u00e1s de 2,000 medios de comunicaci\u00f3n.<\/p>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <!-- VISI\u00d3N -->\r\n  <div class=\"aa-about__vision aa-reveal\">\r\n\r\n    <div class=\"aa-about__vision-rings\" aria-hidden=\"true\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"aa-about__vision-content\">\r\n      <span class=\"aa-about__vision-label\">\r\n        Nuestra visi\u00f3n\r\n      <\/span>\r\n\r\n      <h2>\r\n        Crear una experiencia de trabajo\r\n        <span>m\u00e1s humana, precisa e inteligente.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Dise\u00f1amos soluciones que entienden el movimiento del cuerpo,\r\n        se integran naturalmente en cada espacio y ayudan a construir\r\n        una nueva cultura de bienestar.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- CIERRE -->\r\n  <div class=\"aa-about__closing aa-reveal\">\r\n\r\n    <div>\r\n      <span class=\"aa-about__section-label\">\r\n        Alexander Alois\r\n      <\/span>\r\n\r\n      <h2>Una nueva generaci\u00f3n de ergonom\u00eda.<\/h2>\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"aa-about__closing-button\"\r\n      href=\"https:\/\/alexander-alois.com\/index.php\/categoria-producto\/sillas-de-oficina\/\"\r\n    >\r\n      <span>Explorar colecci\u00f3n<\/span>\r\n      <span>\u2192<\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* CONFIGURACI\u00d3N GENERAL *\/\r\n\r\n.aa-about,\r\n.aa-about *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.aa-about{\r\n  --aa-blue:#1677ff;\r\n  --aa-dark:#101217;\r\n  --aa-gray:#6f7783;\r\n  --aa-light:#edf2f8;\r\n  position:relative;\r\n  width:100vw;\r\n  max-width:100vw !important;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n  padding:0;\r\n  overflow:hidden;\r\n  background:#f4f5f6;\r\n  color:var(--aa-dark);\r\n  font-family:\"Work Sans\",Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.aa-about a{\r\n  text-decoration:none !important;\r\n}\r\n\r\n\/* PORTADA *\/\r\n\r\n.aa-about__hero{\r\n  position:relative;\r\n  width:100%;\r\n  min-height:720px;\r\n  display:flex;\r\n  align-items:center;\r\n  overflow:hidden;\r\n  background:var(--aa-light);\r\n  font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.aa-about__hero-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  background-image:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(239,243,248,.99) 0%,\r\n      rgba(239,243,248,.96) 24%,\r\n      rgba(239,243,248,.73) 37%,\r\n      rgba(239,243,248,.25) 51%,\r\n      rgba(239,243,248,.02) 66%,\r\n      transparent 75%\r\n    ),\r\n    url(\"https:\/\/alexander-alois.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-24-sept-2026-12_28_52-p.m.png\");\r\n  background-repeat:no-repeat;\r\n  background-size:cover;\r\n  background-position:center center;\r\n}\r\n\r\n.aa-about__hero-content{\r\n  position:relative;\r\n  z-index:3;\r\n  width:50%;\r\n  max-width:760px;\r\n  margin-left:max(6vw,80px);\r\n  padding:60px 30px;\r\n}\r\n\r\n.aa-about__eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:28px;\r\n  color:#545d69;\r\n  font-size:11px;\r\n  line-height:1.2;\r\n  font-weight:700;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.aa-about__eyebrow-dot{\r\n  width:10px;\r\n  height:10px;\r\n  flex:0 0 auto;\r\n  border-radius:50%;\r\n  background:var(--aa-blue);\r\n  box-shadow:0 0 0 7px rgba(22,119,255,.10);\r\n}\r\n\r\n.aa-about__title{\r\n  max-width:720px;\r\n  margin:0;\r\n  color:var(--aa-dark) !important;\r\n  font-size:clamp(58px,5.5vw,94px);\r\n  line-height:.92;\r\n  font-weight:300;\r\n  letter-spacing:-5px;\r\n}\r\n\r\n.aa-about__title span{\r\n  display:block;\r\n  color:#6f7783;\r\n  font-weight:300;\r\n}\r\n\r\n.aa-about__description{\r\n  max-width:610px;\r\n  margin:31px 0 33px;\r\n  color:#697380;\r\n  font-size:17px;\r\n  line-height:1.75;\r\n}\r\n\r\n.aa-about__button{\r\n  width:310px;\r\n  min-height:62px;\r\n  padding:0 25px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  border-radius:9px;\r\n  background:#11141a;\r\n  color:#fff !important;\r\n  font-size:12px;\r\n  font-weight:750;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  box-shadow:0 13px 30px rgba(10,14,20,.14);\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.aa-about__button:hover{\r\n  background:var(--aa-blue);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 17px 34px rgba(22,119,255,.24);\r\n}\r\n\r\n.aa-about__button-arrow{\r\n  font-size:22px;\r\n  line-height:1;\r\n  transition:transform .3s ease;\r\n}\r\n\r\n.aa-about__button:hover .aa-about__button-arrow{\r\n  transform:translate(3px,-3px);\r\n}\r\n\r\n\/* TARJETA DE COMPUTADORA *\/\r\n\r\n.aa-about__desktop-card{\r\n  position:absolute;\r\n  z-index:4;\r\n  padding:22px 25px;\r\n  border:1px solid rgba(255,255,255,.8);\r\n  border-radius:17px;\r\n  background:rgba(255,255,255,.89);\r\n  box-shadow:0 16px 40px rgba(23,39,65,.10);\r\n  backdrop-filter:blur(13px);\r\n  -webkit-backdrop-filter:blur(13px);\r\n}\r\n\r\n.aa-about__desktop-card--ergonomic{\r\n  right:4%;\r\n  bottom:31px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  min-width:250px;\r\n}\r\n\r\n.aa-about__desktop-card--ergonomic strong{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:1.4px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.aa-about__desktop-card--ergonomic div > span{\r\n  display:block;\r\n  color:#7c8490;\r\n  font-size:9px;\r\n}\r\n\r\n.aa-about__status-dot{\r\n  width:12px;\r\n  height:12px;\r\n  flex:0 0 auto;\r\n  border-radius:50%;\r\n  background:#29dc97;\r\n  box-shadow:0 0 0 8px rgba(41,220,151,.14);\r\n}\r\n\r\n.aa-about__responsive-media{\r\n  display:none;\r\n}\r\n\r\n\/* CINTA *\/\r\n\r\n.aa-about__marquee{\r\n  position:relative;\r\n  z-index:5;\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:var(--aa-blue);\r\n  color:#fff;\r\n}\r\n\r\n.aa-about__marquee-track{\r\n  width:max-content;\r\n  display:flex;\r\n  animation:aaMarquee 26s linear infinite;\r\n}\r\n\r\n.aa-about__marquee-group{\r\n  min-width:max-content;\r\n  padding:20px 0;\r\n  display:flex;\r\n  align-items:center;\r\n}\r\n\r\n.aa-about__marquee-group span{\r\n  padding:0 39px;\r\n  font-size:10px;\r\n  font-weight:750;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n}\r\n\r\n.aa-about__marquee-group i{\r\n  width:6px;\r\n  height:6px;\r\n  flex:0 0 auto;\r\n  border-radius:50%;\r\n  background:#fff;\r\n}\r\n\r\n@keyframes aaMarquee{\r\n  from{\r\n    transform:translateX(0);\r\n  }\r\n  to{\r\n    transform:translateX(-50%);\r\n  }\r\n}\r\n\r\n\/* HISTORIA *\/\r\n\r\n.aa-about__story{\r\n  width:100%;\r\n  max-width:1360px;\r\n  margin:0 auto;\r\n  padding:110px 42px 85px;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(0,.9fr);\r\n  align-items:start;\r\n  gap:90px;\r\n}\r\n\r\n.aa-about__section-label{\r\n  display:inline-block;\r\n  margin-bottom:19px;\r\n  color:var(--aa-blue);\r\n  font-size:10px;\r\n  font-weight:750;\r\n  letter-spacing:2.4px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.aa-about__story h2{\r\n  max-width:650px;\r\n  margin:0;\r\n  color:#101217 !important;\r\n  font-size:clamp(46px,4.5vw,72px);\r\n  line-height:.99;\r\n  font-weight:750;\r\n  letter-spacing:-3px;\r\n}\r\n\r\n.aa-about__story h2 span{\r\n  display:block;\r\n  color:#747c87;\r\n  font-weight:400;\r\n}\r\n\r\n.aa-about__story-copy{\r\n  padding-top:36px;\r\n}\r\n\r\n.aa-about__story-copy p{\r\n  margin:0 0 21px;\r\n  color:#68717d;\r\n  font-size:16px;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* CIFRAS *\/\r\n\r\n.aa-about__stats{\r\n  width:100%;\r\n  max-width:1360px;\r\n  margin:0 auto 105px;\r\n  padding:0 42px;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:15px;\r\n}\r\n\r\n.aa-about__stat{\r\n  min-height:275px;\r\n  padding:35px 29px;\r\n  border:1px solid #e1e5e9;\r\n  border-radius:18px;\r\n  background:#fff;\r\n  box-shadow:0 11px 28px rgba(25,35,48,.035);\r\n  transition:\r\n    transform .35s ease,\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.aa-about__stat:hover{\r\n  transform:translateY(-7px);\r\n  border-color:rgba(22,119,255,.28);\r\n  box-shadow:0 22px 45px rgba(25,35,48,.09);\r\n}\r\n\r\n.aa-about__stat-number{\r\n  display:block;\r\n  margin-bottom:47px;\r\n  color:var(--aa-blue);\r\n  font-size:clamp(40px,3.4vw,58px);\r\n  line-height:1;\r\n  font-weight:750;\r\n  letter-spacing:-3px;\r\n}\r\n\r\n.aa-about__stat h3{\r\n  margin:0 0 10px;\r\n  color:#17191d !important;\r\n  font-size:18px;\r\n  line-height:1.2;\r\n  font-weight:700;\r\n}\r\n\r\n.aa-about__stat p{\r\n  margin:0;\r\n  color:#777f8a;\r\n  font-size:13px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* VISI\u00d3N *\/\r\n\r\n.aa-about__vision{\r\n  position:relative;\r\n  width:calc(100% - 84px);\r\n  max-width:1276px;\r\n  min-height:520px;\r\n  margin:0 auto 100px;\r\n  padding:80px;\r\n  display:flex;\r\n  align-items:center;\r\n  overflow:hidden;\r\n  border-radius:26px;\r\n  background:\r\n    radial-gradient(\r\n      circle at 83% 48%,\r\n      rgba(22,119,255,.25),\r\n      transparent 29%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #0d1016 0%,\r\n      #151a22 55%,\r\n      #0a0d12 100%\r\n    );\r\n  color:#fff;\r\n}\r\n\r\n.aa-about__vision-content{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:730px;\r\n}\r\n\r\n.aa-about__vision-label{\r\n  display:inline-block;\r\n  margin-bottom:25px;\r\n  color:#65a5ff;\r\n  font-size:10px;\r\n  font-weight:750;\r\n  letter-spacing:2.5px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.aa-about .aa-about__vision h2{\r\n  margin:0;\r\n  color:#fff !important;\r\n  font-size:clamp(43px,4vw,67px);\r\n  line-height:1;\r\n  font-weight:700;\r\n  letter-spacing:-2.8px;\r\n}\r\n\r\n.aa-about .aa-about__vision h2 span{\r\n  display:block;\r\n  color:#9ba5b3 !important;\r\n  font-weight:400;\r\n}\r\n\r\n.aa-about__vision p{\r\n  max-width:630px;\r\n  margin:29px 0 0;\r\n  color:#aab2bd;\r\n  font-size:15px;\r\n  line-height:1.75;\r\n}\r\n\r\n.aa-about__vision-rings{\r\n  position:absolute;\r\n  right:-25px;\r\n  top:50%;\r\n  width:500px;\r\n  height:500px;\r\n  transform:translateY(-50%);\r\n}\r\n\r\n.aa-about__vision-rings span{\r\n  position:absolute;\r\n  top:50%;\r\n  left:50%;\r\n  border:1px solid rgba(71,145,255,.25);\r\n  border-radius:50%;\r\n  transform:translate(-50%,-50%);\r\n  animation:aaRing 5s ease-in-out infinite;\r\n}\r\n\r\n.aa-about__vision-rings span:nth-child(1){\r\n  width:160px;\r\n  height:160px;\r\n}\r\n\r\n.aa-about__vision-rings span:nth-child(2){\r\n  width:300px;\r\n  height:300px;\r\n  animation-delay:.7s;\r\n}\r\n\r\n.aa-about__vision-rings span:nth-child(3){\r\n  width:460px;\r\n  height:460px;\r\n  animation-delay:1.4s;\r\n}\r\n\r\n@keyframes aaRing{\r\n  0%,100%{\r\n    opacity:.35;\r\n    transform:translate(-50%,-50%) scale(.96);\r\n  }\r\n  50%{\r\n    opacity:1;\r\n    transform:translate(-50%,-50%) scale(1.03);\r\n  }\r\n}\r\n\r\n\/* CIERRE *\/\r\n\r\n.aa-about__closing{\r\n  width:100%;\r\n  max-width:1360px;\r\n  margin:0 auto;\r\n  padding:10px 42px 105px;\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:40px;\r\n}\r\n\r\n.aa-about__closing h2{\r\n  max-width:740px;\r\n  margin:0;\r\n  color:#101217 !important;\r\n  font-size:clamp(38px,4vw,63px);\r\n  line-height:1;\r\n  font-weight:700;\r\n  letter-spacing:-2.5px;\r\n}\r\n\r\n.aa-about__closing-button{\r\n  width:250px;\r\n  min-height:60px;\r\n  padding:0 23px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  flex:0 0 auto;\r\n  border:1px solid #171a20;\r\n  border-radius:8px;\r\n  color:#16191e !important;\r\n  font-size:11px;\r\n  font-weight:750;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  transition:\r\n    background .3s ease,\r\n    color .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n.aa-about__closing-button:hover{\r\n  background:#11141a;\r\n  color:#fff !important;\r\n  transform:translateY(-3px);\r\n}\r\n\r\n\/* APARICIONES *\/\r\n\r\n.aa-reveal{\r\n  opacity:0;\r\n  transform:translateY(35px);\r\n  transition:\r\n    opacity .8s ease,\r\n    transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.aa-reveal.aa-visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* TABLETA *\/\r\n\r\n@media (max-width:1100px){\r\n\r\n  .aa-about__hero{\r\n    min-height:0;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .aa-about__hero-bg,\r\n  .aa-about__desktop-card{\r\n    display:none;\r\n  }\r\n\r\n  .aa-about__hero-content{\r\n    position:relative;\r\n    z-index:3;\r\n    width:100%;\r\n    max-width:none;\r\n    margin:0;\r\n    padding:52px 50px 70px;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #edf2f8 0%,\r\n        #edf2f8 78%,\r\n        rgba(237,242,248,.94) 88%,\r\n        rgba(237,242,248,0) 100%\r\n      );\r\n  }\r\n\r\n  .aa-about__eyebrow{\r\n    margin-bottom:26px;\r\n  }\r\n\r\n  .aa-about__title{\r\n    max-width:720px;\r\n    font-size:clamp(54px,7vw,75px);\r\n  }\r\n\r\n  .aa-about__description{\r\n    max-width:650px;\r\n  }\r\n\r\n  .aa-about__responsive-media{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    height:500px;\r\n    margin-top:-48px;\r\n    display:block;\r\n    overflow:hidden;\r\n    background:#dfe8f3;\r\n  }\r\n\r\n  .aa-about__responsive-media img{\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n    object-position:70% center;\r\n  }\r\n\r\n  .aa-about__media-fade{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:1;\r\n    pointer-events:none;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(237,242,248,1) 0%,\r\n        rgba(237,242,248,.78) 9%,\r\n        rgba(237,242,248,.34) 18%,\r\n        rgba(237,242,248,0) 31%\r\n      );\r\n  }\r\n\r\n  .aa-about__story{\r\n    padding:85px 35px 65px;\r\n    grid-template-columns:1fr;\r\n    gap:16px;\r\n  }\r\n\r\n  .aa-about__story-copy{\r\n    max-width:800px;\r\n    padding-top:10px;\r\n  }\r\n\r\n  .aa-about__stats{\r\n    padding:0 35px;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n  .aa-about__vision{\r\n    width:calc(100% - 70px);\r\n    padding:60px;\r\n  }\r\n\r\n  .aa-about__closing{\r\n    padding:0 35px 85px;\r\n  }\r\n}\r\n\r\n\/* CELULAR *\/\r\n\r\n@media (max-width:600px){\r\n\r\n  .aa-about__hero{\r\n    background:#edf2f8;\r\n  }\r\n\r\n  .aa-about__hero-content{\r\n    padding:37px 17px 62px;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #edf2f8 0%,\r\n        #edf2f8 77%,\r\n        rgba(237,242,248,.94) 88%,\r\n        rgba(237,242,248,0) 100%\r\n      );\r\n  }\r\n\r\n  .aa-about__eyebrow{\r\n    gap:7px;\r\n    margin-bottom:19px;\r\n    font-size:7px;\r\n    letter-spacing:1.6px;\r\n  }\r\n\r\n  .aa-about__eyebrow-dot{\r\n    width:7px;\r\n    height:7px;\r\n    box-shadow:0 0 0 5px rgba(22,119,255,.10);\r\n  }\r\n\r\n  .aa-about__title{\r\n    max-width:360px;\r\n    font-size:34px;\r\n    line-height:.98;\r\n    letter-spacing:-2px;\r\n  }\r\n\r\n  .aa-about__description{\r\n    max-width:350px;\r\n    margin:23px 0;\r\n    font-size:11.5px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .aa-about__button{\r\n    width:225px;\r\n    min-height:50px;\r\n    padding:0 15px;\r\n    border-radius:7px;\r\n    font-size:8.5px;\r\n    letter-spacing:.7px;\r\n  }\r\n\r\n  .aa-about__button-arrow{\r\n    font-size:17px;\r\n  }\r\n\r\n  .aa-about__responsive-media{\r\n    height:390px;\r\n    margin-top:-42px;\r\n  }\r\n\r\n  .aa-about__responsive-media img{\r\n    object-fit:cover;\r\n    object-position:86% center;\r\n  }\r\n\r\n  .aa-about__media-fade{\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(237,242,248,1) 0%,\r\n        rgba(237,242,248,.92) 8%,\r\n        rgba(237,242,248,.58) 16%,\r\n        rgba(237,242,248,.18) 24%,\r\n        rgba(237,242,248,0) 33%\r\n      );\r\n  }\r\n\r\n  .aa-about__marquee-group{\r\n    padding:15px 0;\r\n  }\r\n\r\n  .aa-about__marquee-group span{\r\n    padding:0 25px;\r\n    font-size:7px;\r\n    letter-spacing:1.4px;\r\n  }\r\n\r\n  .aa-about__marquee-group i{\r\n    width:4px;\r\n    height:4px;\r\n  }\r\n\r\n  .aa-about__story{\r\n    padding:64px 18px 46px;\r\n  }\r\n\r\n  .aa-about__section-label{\r\n    margin-bottom:14px;\r\n    font-size:8px;\r\n    letter-spacing:1.8px;\r\n  }\r\n\r\n  .aa-about__story h2{\r\n    font-size:39px;\r\n    letter-spacing:-2px;\r\n  }\r\n\r\n  .aa-about__story-copy p{\r\n    font-size:13px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .aa-about__stats{\r\n    margin-bottom:65px;\r\n    padding:0 15px;\r\n    grid-template-columns:1fr;\r\n    gap:11px;\r\n  }\r\n\r\n  .aa-about__stat{\r\n    min-height:0;\r\n    padding:25px 22px;\r\n  }\r\n\r\n  .aa-about__stat-number{\r\n    margin-bottom:27px;\r\n    font-size:43px;\r\n  }\r\n\r\n  .aa-about__stat h3{\r\n    font-size:16px;\r\n  }\r\n\r\n  .aa-about__stat p{\r\n    font-size:12px;\r\n  }\r\n\r\n  .aa-about__vision{\r\n    width:calc(100% - 30px);\r\n    min-height:475px;\r\n    margin-bottom:65px;\r\n    padding:37px 25px;\r\n    border-radius:20px;\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .aa-about__vision-label{\r\n    margin-bottom:20px;\r\n    font-size:8px;\r\n  }\r\n\r\n  .aa-about .aa-about__vision h2{\r\n    font-size:37px;\r\n    letter-spacing:-2px;\r\n  }\r\n\r\n  .aa-about__vision p{\r\n    font-size:12.5px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .aa-about__vision-rings{\r\n    top:auto;\r\n    right:-170px;\r\n    bottom:-210px;\r\n    transform:none;\r\n  }\r\n\r\n  .aa-about__closing{\r\n    padding:0 18px 65px;\r\n    display:block;\r\n  }\r\n\r\n  .aa-about__closing h2{\r\n    font-size:38px;\r\n  }\r\n\r\n  .aa-about__closing-button{\r\n    width:100%;\r\n    margin-top:28px;\r\n  }\r\n}\r\n\r\n\/* CELULARES PEQUE\u00d1OS *\/\r\n\r\n@media (max-width:380px){\r\n\r\n  .aa-about__hero-content{\r\n    padding-left:15px;\r\n    padding-right:15px;\r\n  }\r\n\r\n  .aa-about__title{\r\n    font-size:31px;\r\n  }\r\n\r\n  .aa-about__description{\r\n    font-size:11px;\r\n  }\r\n\r\n  .aa-about__responsive-media{\r\n    height:365px;\r\n  }\r\n\r\n  .aa-about__responsive-media img{\r\n    object-position:84% center;\r\n  }\r\n}\r\n\r\n\/* MOVIMIENTO REDUCIDO *\/\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n\r\n  .aa-about__marquee-track,\r\n  .aa-about__vision-rings span{\r\n    animation:none !important;\r\n  }\r\n\r\n  .aa-reveal{\r\n    opacity:1;\r\n    transform:none;\r\n    transition:none;\r\n  }\r\n}\r\n\r\n\/* MOVIMIENTO SUAVE DE LA IMAGEN PRINCIPAL *\/\r\n\r\n@keyframes aaHeroBreath{\r\n  0%,100%{\r\n    transform:scale(1);\r\n  }\r\n  50%{\r\n    transform:scale(1.025);\r\n  }\r\n}\r\n\r\n.aa-about__hero-bg,\r\n.aa-about__responsive-media img{\r\n  transform-origin:center center;\r\n  animation:aaHeroBreath 12s ease-in-out infinite;\r\n  will-change:transform;\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .aa-about__hero-bg,\r\n  .aa-about__responsive-media img{\r\n    animation:none !important;\r\n    transform:none !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n\r\n  const section = document.getElementById(\"aaAbout\");\r\n\r\n  if(!section){\r\n    return;\r\n  }\r\n\r\n  \/* APARICI\u00d3N DE ELEMENTOS *\/\r\n\r\n  const revealElements = section.querySelectorAll(\".aa-reveal\");\r\n\r\n  if(\"IntersectionObserver\" in window){\r\n\r\n    const revealObserver = new IntersectionObserver(function(entries){\r\n\r\n      entries.forEach(function(entry){\r\n\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add(\"aa-visible\");\r\n          revealObserver.unobserve(entry.target);\r\n        }\r\n\r\n      });\r\n\r\n    },{\r\n      threshold:0.12\r\n    });\r\n\r\n    revealElements.forEach(function(element){\r\n      revealObserver.observe(element);\r\n    });\r\n\r\n  }else{\r\n\r\n    revealElements.forEach(function(element){\r\n      element.classList.add(\"aa-visible\");\r\n    });\r\n\r\n  }\r\n\r\n  \/* CONTADORES *\/\r\n\r\n  const counters = section.querySelectorAll(\".aa-counter\");\r\n\r\n  function animateCounter(counter){\r\n\r\n    if(counter.dataset.animated === \"true\"){\r\n      return;\r\n    }\r\n\r\n    counter.dataset.animated = \"true\";\r\n\r\n    const target = parseFloat(counter.dataset.target || \"0\");\r\n    const prefix = counter.dataset.prefix || \"\";\r\n    const suffix = counter.dataset.suffix || \"\";\r\n    const decimals = parseInt(counter.dataset.decimals || \"0\",10);\r\n    const duration = 1700;\r\n    const startTime = performance.now();\r\n\r\n    function updateCounter(currentTime){\r\n\r\n      const elapsed = currentTime - startTime;\r\n      const progress = Math.min(elapsed \/ duration,1);\r\n      const easedProgress = 1 - Math.pow(1 - progress,3);\r\n      const currentValue = target * easedProgress;\r\n\r\n      let formattedValue;\r\n\r\n      if(decimals > 0){\r\n        formattedValue = currentValue.toFixed(decimals);\r\n      }else{\r\n        formattedValue = Math.floor(currentValue).toLocaleString(\"es-MX\");\r\n      }\r\n\r\n      counter.textContent = prefix + formattedValue + suffix;\r\n\r\n      if(progress < 1){\r\n        requestAnimationFrame(updateCounter);\r\n      }else{\r\n        const finalValue = decimals > 0\r\n          ? target.toFixed(decimals)\r\n          : target.toLocaleString(\"es-MX\");\r\n\r\n        counter.textContent = prefix + finalValue + suffix;\r\n      }\r\n\r\n    }\r\n\r\n    requestAnimationFrame(updateCounter);\r\n  }\r\n\r\n  if(\"IntersectionObserver\" in window){\r\n\r\n    const counterObserver = new IntersectionObserver(function(entries){\r\n\r\n      entries.forEach(function(entry){\r\n\r\n        if(entry.isIntersecting){\r\n          animateCounter(entry.target);\r\n          counterObserver.unobserve(entry.target);\r\n        }\r\n\r\n      });\r\n\r\n    },{\r\n      threshold:0.35\r\n    });\r\n\r\n    counters.forEach(function(counter){\r\n      counterObserver.observe(counter);\r\n    });\r\n\r\n  }else{\r\n\r\n    counters.forEach(function(counter){\r\n      animateCounter(counter);\r\n    });\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-f703ffc e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"f703ffc\" 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-74b3227 elementor-widget elementor-widget-html\" data-id=\"74b3227\" 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<section class=\"aa-film\" id=\"aaFilm\" aria-labelledby=\"aaFilmTitle\">\r\n  <div class=\"aa-film__inner\">\r\n    <div class=\"aa-film__heading\">\r\n      <div>\r\n        <span class=\"aa-film__eyebrow\"><span aria-hidden=\"true\"><\/span> ALEXANDER ALOIS EN MOVIMIENTO<\/span>\r\n        <h2 id=\"aaFilmTitle\">Dise\u00f1o que acompa\u00f1a <em>cada movimiento.<\/em><\/h2>\r\n      <\/div>\r\n      <p>Conoce de cerca los detalles, las formas y la experiencia detr\u00e1s de nuestras sillas.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"aa-film__frame\">\r\n      <video\r\n        class=\"aa-film__video\"\r\n        autoplay\r\n        playsinline\r\n        muted\r\n        loop\r\n        controls\r\n        preload=\"metadata\"\r\n        aria-label=\"Video de las sillas Alexander Alois\"\r\n      >\r\n        <source src=\"https:\/\/alexander-alois.com\/wp-content\/uploads\/2026\/09\/VIDEO-WEB-ALEXIS-ALOIS.mp4\" type=\"video\/mp4\">\r\n        Tu navegador no puede reproducir este video.\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"aa-film__footer\">\r\n      <span>ERGONOM\u00cdA \u00b7 DISE\u00d1O \u00b7 MOVIMIENTO<\/span>\r\n      <a href=\"https:\/\/alexander-alois.com\/index.php\/categoria-producto\/sillas-de-oficina\/\">\r\n        Descubre nuestras sillas <span aria-hidden=\"true\">\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  #aaFilm, #aaFilm * { box-sizing: border-box; }\r\n\r\n  #aaFilm {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    padding: 88px 28px 76px;\r\n    overflow: hidden;\r\n    background: radial-gradient(circle at 84% 20%, #203753 0%, #141c28 34%, #0d121a 78%);\r\n    color: #fff;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  #aaFilm .aa-film__inner {\r\n    width: min(1180px, 100%);\r\n    margin: auto;\r\n  }\r\n\r\n  #aaFilm .aa-film__heading {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: end;\r\n    gap: 42px;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  #aaFilm .aa-film__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin-bottom: 22px;\r\n    color: #79b4ff;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.7px;\r\n  }\r\n\r\n  #aaFilm .aa-film__eyebrow span {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #247cff;\r\n    box-shadow: 0 0 0 6px rgba(36, 124, 255, .17);\r\n  }\r\n\r\n  #aaFilm h2 {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    color: #fff !important;\r\n    font-size: clamp(40px, 5vw, 76px);\r\n    font-weight: 400;\r\n    line-height: 1.02;\r\n    letter-spacing: -3.5px;\r\n  }\r\n\r\n  #aaFilm h2 em {\r\n    color: #8ba6c8;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n  }\r\n\r\n  #aaFilm .aa-film__heading p {\r\n    max-width: 295px;\r\n    margin: 0 0 6px;\r\n    color: #aebccc;\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  #aaFilm .aa-film__frame {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, .16);\r\n    border-radius: 22px;\r\n    background: #090d13;\r\n    box-shadow: 0 28px 70px rgba(0, 0, 0, .35), 0 0 42px rgba(34, 120, 255, .10);\r\n  }\r\n\r\n  #aaFilm .aa-film__video {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: contain;\r\n    background: #090d13;\r\n  }\r\n\r\n  #aaFilm .aa-film__footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 24px;\r\n    padding-top: 26px;\r\n  }\r\n\r\n  #aaFilm .aa-film__footer > span {\r\n    color: #8d9eb1;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n  }\r\n\r\n  #aaFilm .aa-film__footer a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 17px;\r\n    color: #fff !important;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    transition: color .25s ease;\r\n  }\r\n\r\n  #aaFilm .aa-film__footer a:hover {\r\n    color: #79b4ff !important;\r\n  }\r\n\r\n  #aaFilm .aa-film__footer a span {\r\n    font-size: 20px;\r\n  }\r\n\r\n  @media (max-width: 780px) {\r\n    #aaFilm { padding: 65px 22px 58px; }\r\n    #aaFilm .aa-film__heading { display: block; margin-bottom: 28px; }\r\n    #aaFilm .aa-film__heading p { max-width: 530px; margin-top: 19px; }\r\n    #aaFilm .aa-film__frame { border-radius: 16px; }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    #aaFilm { padding: 51px 16px 46px; }\r\n    #aaFilm .aa-film__eyebrow { margin-bottom: 17px; font-size: 8px; letter-spacing: 1.7px; }\r\n    #aaFilm h2 { font-size: clamp(36px, 10vw, 48px); letter-spacing: -2px; }\r\n    #aaFilm .aa-film__heading p { margin-top: 15px; font-size: 13px; }\r\n    #aaFilm .aa-film__frame { border-radius: 12px; }\r\n    #aaFilm .aa-film__footer {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n      gap: 18px;\r\n      padding-top: 22px;\r\n    }\r\n    #aaFilm .aa-film__footer > span { font-size: 8px; letter-spacing: 1.5px; }\r\n  }\r\n<\/style>\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":"<p>Ergonom\u00eda con presencia global Dise\u00f1amos una nueva forma de trabajar. Tecnolog\u00eda, precisi\u00f3n y dise\u00f1o ergon\u00f3mico creados para acompa\u00f1ar cada movimiento<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alexander-alois.com\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexander-alois.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alexander-alois.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alexander-alois.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexander-alois.com\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":33,"href":"https:\/\/alexander-alois.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":3510,"href":"https:\/\/alexander-alois.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/3510"}],"wp:attachment":[{"href":"https:\/\/alexander-alois.com\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}