.elementor-1509 .elementor-element.elementor-element-1f2f031{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1509 .elementor-element.elementor-element-fe2ebe4{--display:flex;}/* Start custom CSS for html, class: .elementor-element-9fdebe2 *//* =========================================================
   AGIBOT A3 · TEKIO ROBOTICS
========================================================= */


/* =========================================================
   CABECERA ELEMENTOR / WORDPRESS
========================================================= */

:root {
  --tekio-a3-header-offset: 0px;
}


/*
 * La cabecera debe estar siempre por encima
 * de la página del A3.
 */

.elementor-location-header,
header.site-header,
#masthead,
.site-header,
#site-header,
body > header {
  z-index: 999999 !important;
}


/*
 * Evita que algún contenedor de Elementor
 * recorte nuestra página a ancho completo.
 */

.elementor-element:has(.tekio-a3-page),
.elementor-widget-html:has(.tekio-a3-page),
.elementor-widget-html:has(.tekio-a3-page) .elementor-widget-container {
  overflow: visible !important;
}


/* =========================================================
   CONTENEDOR GENERAL
========================================================= */

.tekio-a3-page {
  position: relative !important;

  z-index: 1;

  left: 50% !important;

  width: 100vw !important;

  max-width: 100vw !important;

  margin-top: var(
    --tekio-a3-header-offset,
    0px
  ) !important;

  margin-right: 0 !important;

  margin-bottom: 0 !important;

  margin-left: -50vw !important;

  overflow: hidden;

  background: #ffffff;

  color: #0b0d10;

  font-family: inherit;
}


.tekio-a3-page,
.tekio-a3-page * {
  box-sizing: border-box;
}


.tekio-a3-page section {
  width: 100% !important;

  max-width: none !important;

  margin: 0 !important;
}


.tekio-a3-container {
  width: 100%;

  max-width: 1480px;

  margin: 0 auto;

  padding: 0 32px;
}


/* =========================================================
   TEXTOS GENERALES
========================================================= */

.tekio-a3-section-kicker,
.tekio-a3-section-title > span,
.tekio-a3-intro-card > span,
.tekio-a3-split-content > span,
.tekio-a3-cta > div > span {
  display: inline-block;

  color: #3caec1;

  font-size: 12px;

  font-weight: 900;

  letter-spacing: 2px;

  line-height: 1.2;

  text-transform: uppercase;
}


.tekio-a3-section-title {
  max-width: 920px;

  margin-bottom: 52px;
}


.tekio-a3-section-title.center {
  margin-right: auto;

  margin-left: auto;

  text-align: center;
}


.tekio-a3-section-title h2,
.tekio-a3-intro-text h2,
.tekio-a3-split-content h2,
.tekio-a3-cta h2 {
  margin: 16px 0 0;

  color: #0b0d10;

  font-size: clamp(
    42px,
    5vw,
    78px
  );

  font-weight: 850;

  line-height: 0.96;

  letter-spacing: -0.06em;
}


.tekio-a3-section-title p,
.tekio-a3-intro-text p,
.tekio-a3-split-content p,
.tekio-a3-cta p {
  margin: 22px 0 0;

  color: #667085;

  font-size: 17px;

  line-height: 1.72;
}


/* =========================================================
   HERO
========================================================= */

.tekio-a3-hero {
  position: relative;

  min-height: min(
    900px,
    92svh
  );

  display: flex;

  align-items: center;

  overflow: hidden;

  background: #eff0ed;
}


.tekio-a3-hero-bg {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(239,240,237,0) 0%,
      rgba(239,240,237,0.05) 34%,
      rgba(239,240,237,0.70) 60%,
      rgba(239,240,237,0.98) 100%
    ),
    url("https://www.agibot.com/public/static/index/en/images/A3/A3_One_img.png")
    center 7% / cover no-repeat;
}


.tekio-a3-hero-content {
  position: relative;

  z-index: 2;

  width: min(
    46vw,
    690px
  );

  margin-right: clamp(
    30px,
    6vw,
    150px
  );

  margin-left: auto;

  padding: 120px 0 100px;
}


.tekio-a3-eyebrow {
  display: inline-block;

  margin-bottom: 22px;

  color: #3caec1;

  font-size: 14px;

  font-weight: 900;

  letter-spacing: 2.4px;

  text-transform: uppercase;
}


.tekio-a3-hero h1 {
  margin: 0;

  color: #0b0d10;

  font-size: clamp(
    54px,
    6vw,
    100px
  );

  font-weight: 900;

  line-height: 0.89;

  letter-spacing: -0.075em;
}


.tekio-a3-hero p {
  max-width: 630px;

  margin: 28px 0 0;

  color: rgba(
    11,
    13,
    16,
    0.72
  );

  font-size: 18px;

  line-height: 1.65;
}


.tekio-a3-hero-tags {
  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 30px;
}


.tekio-a3-hero-tags span {
  padding: 10px 14px;

  border: 1px solid rgba(
    11,
    13,
    16,
    0.13
  );

  border-radius: 999px;

  background: rgba(
    255,
    255,
    255,
    0.65
  );

  color: #0b0d10;

  font-size: 11px;

  font-weight: 850;

  line-height: 1;

  backdrop-filter: blur(10px);
}


/* =========================================================
   INTRODUCCIÓN
========================================================= */

.tekio-a3-intro {
  padding: 110px 0;

  background: #ffffff;
}


.tekio-a3-intro-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(330px, 0.75fr);

  gap: 72px;

  align-items: center;
}


.tekio-a3-intro-text p + p {
  margin-top: 14px;
}


.tekio-a3-intro-card {
  padding: 36px;

  border: 1px solid rgba(
    12,
    20,
    28,
    0.08
  );

  border-radius: 28px;

  background: #f5f7f8;

  box-shadow:
    0 20px 55px
    rgba(
      16,
      24,
      40,
      0.06
    );
}


.tekio-a3-intro-card ul {
  margin: 24px 0 0;

  padding: 0;

  list-style: none;
}


.tekio-a3-intro-card li {
  position: relative;

  padding: 14px 0 14px 24px;

  border-bottom: 1px solid rgba(
    12,
    20,
    28,
    0.08
  );

  color: #101828;

  font-size: 16px;

  font-weight: 750;
}


.tekio-a3-intro-card li::before,
.tekio-a3-detail-list li::before {
  content: "";

  position: absolute;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #3caec1;
}


.tekio-a3-intro-card li::before {
  top: 20px;

  left: 1px;

  box-shadow:
    0 0 0 5px
    rgba(
      60,
      174,
      193,
      0.12
    );
}


.tekio-a3-intro-card li:last-child {
  border-bottom: 0;
}


/* =========================================================
   DATOS PRINCIPALES
========================================================= */

.tekio-a3-stats {
  padding: 110px 0;

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(
        60,
        174,
        193,
        0.16
      ),
      transparent 30%
    ),
    #071014;
}


.tekio-a3-stats
.tekio-a3-section-title h2 {
  color: #ffffff;
}


.tekio-a3-stats
.tekio-a3-section-title p {
  color: rgba(
    255,
    255,
    255,
    0.67
  );
}


.tekio-a3-stats-grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 18px;
}


.tekio-a3-stat-card {
  min-height: 235px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding: 28px;

  border: 1px solid rgba(
    255,
    255,
    255,
    0.10
  );

  border-radius: 25px;

  background: rgba(
    255,
    255,
    255,
    0.055
  );

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}


.tekio-a3-stat-card.featured {
  min-height: 300px;

  background:
    linear-gradient(
      145deg,
      rgba(
        60,
        174,
        193,
        0.17
      ),
      rgba(
        255,
        255,
        255,
        0.045
      )
    );
}


.tekio-a3-stat-card:hover {
  transform:
    translateY(-7px);

  border-color:
    rgba(
      60,
      174,
      193,
      0.65
    );

  background:
    rgba(
      255,
      255,
      255,
      0.09
    );
}


.tekio-a3-stat-card > span {
  margin-bottom: auto;

  color: #3caec1;

  font-size: 11px;

  font-weight: 900;

  letter-spacing: 1.5px;

  text-transform: uppercase;
}


.tekio-a3-stat-card strong {
  display: block;

  min-height: 1em;

  margin-top: 38px;

  color: #ffffff;

  font-size: clamp(
    35px,
    3.8vw,
    61px
  );

  font-weight: 900;

  line-height: 0.95;

  letter-spacing: -0.06em;

  font-variant-numeric:
    tabular-nums;
}


.tekio-a3-stat-card strong small {
  font-size: 0.47em;

  letter-spacing: -0.02em;

  white-space: nowrap;
}


.tekio-a3-stat-card p {
  margin: 15px 0 0;

  color: rgba(
    255,
    255,
    255,
    0.62
  );

  font-size: 14px;

  line-height: 1.55;
}


/* =========================================================
   CAPACIDADES
========================================================= */

.tekio-a3-features {
  padding: 110px 0;

  background: #f5f7f8;
}


.tekio-a3-feature-grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 18px;
}


.tekio-a3-feature-card {
  min-height: 305px;

  padding: 30px;

  border: 1px solid rgba(
    12,
    20,
    28,
    0.08
  );

  border-radius: 26px;

  background: #ffffff;

  box-shadow:
    0 18px 45px
    rgba(
      16,
      24,
      40,
      0.04
    );

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}


.tekio-a3-feature-card:hover {
  transform:
    translateY(-7px);

  border-color:
    rgba(
      60,
      174,
      193,
      0.55
    );

  box-shadow:
    0 28px 60px
    rgba(
      16,
      24,
      40,
      0.11
    );
}


.tekio-a3-feature-card > span {
  width: 44px;

  height: 44px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 34px;

  border-radius: 50%;

  background:
    rgba(
      60,
      174,
      193,
      0.12
    );

  color: #3caec1;

  font-size: 13px;

  font-weight: 900;
}


.tekio-a3-feature-card h3 {
  margin: 0 0 14px;

  color: #0b0d10;

  font-size: 25px;

  font-weight: 850;

  line-height: 1.08;

  letter-spacing: -0.04em;
}


.tekio-a3-feature-card p {
  margin: 0;

  color: #667085;

  font-size: 15px;

  line-height: 1.68;
}


/* =========================================================
   BLOQUES DE VÍDEO
========================================================= */

.tekio-a3-media-section {
  background: #ffffff;
}


.tekio-a3-media-section.dark {
  background: #050505;
}


.tekio-a3-split,
.tekio-a3-split.reverse {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(0, 0.85fr);

  min-height: 730px;
}


.tekio-a3-split.reverse {
  grid-template-columns:
    minmax(0, 0.85fr)
    minmax(0, 1.15fr);
}


.tekio-a3-split.reverse
.tekio-a3-split-media {
  order: 2;
}


.tekio-a3-split-media {
  position: relative;

  min-height: 650px;

  overflow: hidden;

  background: #0b0d10;
}


.tekio-a3-split-media::after {
  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  box-shadow:
    inset 0 0 85px
    rgba(
      0,
      0,
      0,
      0.14
    );
}


.tekio-a3-split-media video {
  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

  background: #0b0d10;
}


.tekio-a3-split-content {
  min-width: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    78px
    clamp(
      32px,
      5vw,
      82px
    );

  background: #050505;
}


.tekio-a3-split-content.light {
  background: #ffffff;
}


.tekio-a3-split-content h2 {
  max-width: 650px;

  color: #ffffff;
}


.tekio-a3-split-content.light h2 {
  color: #0b0d10;
}


.tekio-a3-split-content p {
  max-width: 620px;

  color: rgba(
    255,
    255,
    255,
    0.70
  );
}


.tekio-a3-split-content.light p {
  color: #667085;
}


.tekio-a3-detail-list {
  margin: 32px 0 0;

  padding: 0;

  list-style: none;
}


.tekio-a3-detail-list li {
  position: relative;

  padding: 13px 0 13px 24px;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.10
    );

  color:
    rgba(
      255,
      255,
      255,
      0.84
    );

  font-size: 14px;

  font-weight: 650;

  line-height: 1.5;
}


.tekio-a3-detail-list li::before {
  top: 20px;

  left: 1px;
}


.tekio-a3-detail-list li:last-child {
  border-bottom: 0;
}


.tekio-a3-split-content.light
.tekio-a3-detail-list li {
  border-color:
    rgba(
      12,
      20,
      28,
      0.09
    );

  color: #344054;
}


/* =========================================================
   TABLA
========================================================= */

.tekio-a3-specs {
  padding: 110px 0;

  background: #ffffff;
}


.tekio-a3-table-wrap {
  overflow-x: auto;

  border: 1px solid rgba(
    12,
    20,
    28,
    0.08
  );

  border-radius: 25px;

  box-shadow:
    0 22px 60px
    rgba(
      16,
      24,
      40,
      0.06
    );
}


.tekio-a3-table {
  width: 100%;

  min-width: 720px;

  border-collapse: collapse;

  background: #ffffff;
}


.tekio-a3-table th,
.tekio-a3-table td {
  padding: 20px 24px;

  border-bottom:
    1px solid
    rgba(
      12,
      20,
      28,
      0.08
    );

  text-align: left;

  font-size: 15px;

  line-height: 1.5;
}


.tekio-a3-table tr:last-child th,
.tekio-a3-table tr:last-child td {
  border-bottom: 0;
}


.tekio-a3-table th {
  width: 34%;

  background: #f5f7f8;

  color: #0b0d10;

  font-weight: 900;
}


.tekio-a3-table td {
  color: #667085;
}


/* =========================================================
   APLICACIONES
========================================================= */

.tekio-a3-applications {
  position: relative;

  min-height: 790px;

  display: flex;

  align-items: flex-end;

  overflow: hidden;

  background: #080808;
}


.tekio-a3-applications-bg {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(
        0,
        0,
        0,
        0.10
      ) 0%,
      rgba(
        0,
        0,
        0,
        0.27
      ) 42%,
      rgba(
        0,
        0,
        0,
        0.94
      ) 100%
    ),
    url("https://www.agibot.com/public/static/index/en/images/A3/A3_Thre-img.png")
    center center / cover no-repeat;
}


.tekio-a3-applications-content {
  position: relative;

  z-index: 2;

  padding-top: 90px;

  padding-bottom: 85px;
}


.tekio-a3-applications
.tekio-a3-section-title h2 {
  color: #ffffff;
}


.tekio-a3-application-grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 18px;
}


.tekio-a3-application-grid article {
  min-height: 258px;

  padding: 28px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.15
    );

  border-radius: 25px;

  background:
    rgba(
      8,
      10,
      12,
      0.68
    );

  backdrop-filter:
    blur(14px);

  transition:
    transform 0.25s ease,
    border-color 0.25s ease;
}


.tekio-a3-application-grid article:hover {
  transform:
    translateY(-7px);

  border-color:
    rgba(
      60,
      174,
      193,
      0.65
    );
}


.tekio-a3-application-grid img {
  width: 56px;

  height: 56px;

  display: block;

  margin-bottom: 30px;

  object-fit: contain;
}


.tekio-a3-application-grid h3 {
  margin: 0 0 12px;

  color: #ffffff;

  font-size: 24px;

  font-weight: 850;

  line-height: 1.1;

  letter-spacing: -0.04em;
}


.tekio-a3-application-grid p {
  margin: 0;

  color:
    rgba(
      255,
      255,
      255,
      0.68
    );

  font-size: 15px;

  line-height: 1.65;
}


/* =========================================================
   CONTACTO
========================================================= */

.tekio-a3-cta {
  padding: 112px 0;

  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(
        255,
        255,
        255,
        0.17
      ),
      transparent 28%
    ),
    #3caec1;

  text-align: center;
}


.tekio-a3-cta > div > span {
  color:
    rgba(
      255,
      255,
      255,
      0.90
    );
}


.tekio-a3-cta h2 {
  max-width: 900px;

  margin-right: auto;

  margin-left: auto;

  color: #ffffff;
}


.tekio-a3-cta p {
  max-width: 760px;

  margin-right: auto;

  margin-left: auto;

  color:
    rgba(
      255,
      255,
      255,
      0.84
    );
}


.tekio-a3-cta a {
  min-height: 54px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-top: 34px;

  padding: 15px 27px;

  border-radius: 999px;

  background: #ffffff;

  color: #0b0d10 !important;

  font-size: 14px;

  font-weight: 900;

  letter-spacing: 0.7px;

  text-decoration: none !important;

  transition:
    transform 0.22s ease,
    background 0.22s ease,
    color 0.22s ease;
}


.tekio-a3-cta a:hover {
  transform:
    translateY(-3px);

  background: #0b0d10;

  color: #ffffff !important;
}


/* =========================================================
   RESPONSIVE · TABLET / PORTÁTIL
========================================================= */

@media (max-width: 1100px) {

  .tekio-a3-hero-content {
    width: min(
      50vw,
      590px
    );

    margin-right: 48px;
  }


  .tekio-a3-hero h1 {
    font-size: clamp(
      52px,
      7vw,
      78px
    );
  }


  .tekio-a3-stats-grid,
  .tekio-a3-feature-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }


  .tekio-a3-split,
  .tekio-a3-split.reverse {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

    min-height: 660px;
  }


  .tekio-a3-split-content {
    padding: 60px 42px;
  }

}


/* =========================================================
   RESPONSIVE · TABLET
========================================================= */

@media (max-width: 820px) {

  .tekio-a3-container {
    padding-right: 24px;

    padding-left: 24px;
  }


  .tekio-a3-hero {
    min-height: 800px;

    align-items: flex-end;
  }


  .tekio-a3-hero-bg {
    background:
      linear-gradient(
        180deg,
        rgba(
          239,
          240,
          237,
          0.02
        ) 0%,
        rgba(
          239,
          240,
          237,
          0.13
        ) 38%,
        rgba(
          239,
          240,
          237,
          0.92
        ) 67%,
        rgba(
          239,
          240,
          237,
          1
        ) 100%
      ),
      url("https://www.agibot.com/public/static/index/en/images/A3/A3_One_img.png")
      41% top / auto 810px no-repeat;
  }


  .tekio-a3-hero-content {
    width: 100%;

    max-width: 680px;

    margin: 0;

    padding:
      380px
      28px
      68px;
  }


  .tekio-a3-hero h1 {
    font-size: clamp(
      50px,
      10vw,
      75px
    );
  }


  .tekio-a3-intro-grid,
  .tekio-a3-split,
  .tekio-a3-split.reverse {
    grid-template-columns: 1fr;
  }


  .tekio-a3-intro-grid {
    gap: 42px;
  }


  .tekio-a3-split.reverse
  .tekio-a3-split-media {
    order: 0;
  }


  .tekio-a3-split-media {
    min-height: 490px;
  }


  .tekio-a3-split-content {
    padding: 68px 34px;
  }


  .tekio-a3-application-grid {
    grid-template-columns: 1fr;
  }


  .tekio-a3-applications {
    min-height: 1050px;
  }

}


/* =========================================================
   RESPONSIVE · MÓVIL
========================================================= */

@media (max-width: 560px) {

  .tekio-a3-container {
    padding-right: 18px;

    padding-left: 18px;
  }


  .tekio-a3-hero {
    min-height: 720px;
  }


  .tekio-a3-hero-bg {
    background:
      linear-gradient(
        180deg,
        rgba(
          239,
          240,
          237,
          0.03
        ) 0%,
        rgba(
          239,
          240,
          237,
          0.20
        ) 32%,
        rgba(
          239,
          240,
          237,
          0.94
        ) 62%,
        rgba(
          239,
          240,
          237,
          1
        ) 100%
      ),
      url("https://www.agibot.com/public/static/index/en/images/A3/A3_One_img.png")
      40% top / auto 720px no-repeat;
  }


  .tekio-a3-hero-content {
    padding:
      324px
      18px
      55px;
  }


  .tekio-a3-hero h1 {
    font-size: clamp(
      45px,
      14vw,
      62px
    );
  }


  .tekio-a3-hero p {
    margin-top: 20px;

    font-size: 16px;
  }


  .tekio-a3-hero-tags {
    gap: 8px;

    margin-top: 24px;
  }


  .tekio-a3-hero-tags span {
    padding: 8px 10px;

    font-size: 10px;
  }


  .tekio-a3-intro,
  .tekio-a3-stats,
  .tekio-a3-features,
  .tekio-a3-specs,
  .tekio-a3-cta {
    padding-top: 76px;

    padding-bottom: 76px;
  }


  .tekio-a3-section-title {
    margin-bottom: 38px;
  }


  .tekio-a3-section-title h2,
  .tekio-a3-intro-text h2,
  .tekio-a3-split-content h2,
  .tekio-a3-cta h2 {
    font-size: clamp(
      38px,
      12.5vw,
      54px
    );
  }


  .tekio-a3-section-title p,
  .tekio-a3-intro-text p,
  .tekio-a3-split-content p,
  .tekio-a3-cta p {
    margin-top: 19px;

    font-size: 16px;
  }


  .tekio-a3-intro-card,
  .tekio-a3-feature-card,
  .tekio-a3-stat-card,
  .tekio-a3-stat-card.featured {
    padding: 25px;
  }


  .tekio-a3-stats-grid,
  .tekio-a3-feature-grid {
    grid-template-columns: 1fr;
  }


  .tekio-a3-stat-card,
  .tekio-a3-stat-card.featured {
    min-height: 220px;
  }


  .tekio-a3-feature-card {
    min-height: 260px;
  }


  .tekio-a3-split-media {
    min-height: 390px;
  }


  .tekio-a3-split-content {
    padding: 60px 20px;
  }


  .tekio-a3-table {
    min-width: 650px;
  }


  .tekio-a3-table th,
  .tekio-a3-table td {
    padding: 16px;

    font-size: 14px;
  }


  .tekio-a3-applications {
    min-height: 1080px;
  }


  .tekio-a3-applications-content {
    padding-top: 72px;

    padding-bottom: 68px;
  }


  .tekio-a3-application-grid article {
    min-height: 0;

    padding: 24px;
  }

}/* End custom CSS */