.elementor-1534 .elementor-element.elementor-element-3e042a1{--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-1534 .elementor-element.elementor-element-9b7cd26{--display:flex;}/* Start custom CSS for html, class: .elementor-element-2ed8618 */.elementor-1534 .elementor-element.elementor-element-2ed8618 {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-left:
    calc(50% - 50vw) !important;

  margin-right:
    calc(50% - 50vw) !important;

  overflow-x: hidden;
}


/* =========================================================
   BASE
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-page {
  width: 100%;

  background: #f5f6f7;

  color: #111111;

  font-family:
    "Inter",
    "Segoe UI",
    Arial,
    sans-serif;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-page * {
  box-sizing: border-box;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-page img {
  display: block;

  max-width: 100%;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-eyebrow {
  display: inline-flex;

  align-items: center;

  margin-bottom: 20px;

  color: #3CAEC1;

  font-size: 12px;

  font-weight: 850;

  letter-spacing: 1.6px;

  text-transform: uppercase;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-eyebrow::before {
  content: "";

  width: 36px;

  height: 2px;

  margin-right: 12px;

  background: #3CAEC1;

  border-radius: 999px;
}



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

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero {
  position: relative;

  width: 100%;

  min-height: 830px;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7fafb 100%
    );
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-bg {
  position: absolute;

  inset: 0;

  pointer-events: none;

  background:

    radial-gradient(
      circle at 26% 46%,
      rgba(60,174,193,0.14),
      transparent 27%
    ),

    radial-gradient(
      circle at 82% 32%,
      rgba(60,174,193,0.08),
      transparent 30%
    );
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-bg::before {
  content: "C5";

  position: absolute;

  right: -35px;

  top: 50%;

  transform:
    translateY(-53%);

  color:
    rgba(17,17,17,0.025);

  font-size:
    clamp(300px,38vw,720px);

  line-height: 0.8;

  font-weight: 900;

  letter-spacing: -45px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-inner {
  position: relative;

  z-index: 2;

  width: 92%;

  max-width: 1600px;

  min-height: 830px;

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0,0.9fr)
    minmax(0,1.1fr);

  gap: 70px;

  align-items: center;
}



/* ROBOT HERO */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-robot {
  position: relative;

  min-height: 700px;

  display: flex;

  align-items: flex-end;

  justify-content: center;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-robot img {
  position: relative;

  z-index: 3;

  width: auto;

  max-width: 90%;

  max-height: 680px;

  object-fit: contain;

  filter:
    drop-shadow(
      0 35px 40px
      rgba(0,0,0,0.18)
    );
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-robot-glow {
  position: absolute;

  z-index: 0;

  left: 50%;

  top: 53%;

  width: 540px;

  height: 540px;

  transform:
    translate(-50%,-50%);

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(60,174,193,0.19),
      rgba(60,174,193,0.03) 48%,
      transparent 70%
    );
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-robot-orbit {
  position: absolute;

  z-index: 1;

  left: 50%;

  top: 52%;

  width: 560px;

  height: 560px;

  transform:
    translate(-50%,-50%);

  border:
    1px solid
    rgba(17,17,17,0.08);

  border-radius: 50%;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-robot-orbit::before {
  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  width: 420px;

  height: 420px;

  transform:
    translate(-50%,-50%);

  border:
    1px dashed
    rgba(60,174,193,0.27);

  border-radius: 50%;
}



/* LABELS */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-floating-label {
  position: absolute;

  z-index: 4;

  display: flex;

  align-items: center;

  gap: 8px;

  padding:
    10px 14px;

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

  border:
    1px solid
    rgba(17,17,17,0.08);

  border-radius: 999px;

  box-shadow:
    0 12px 30px
    rgba(15,23,42,0.08);

  backdrop-filter:
    blur(10px);

  color: #35414c;

  font-size: 11px;

  font-weight: 750;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-floating-label span {
  width: 7px;

  height: 7px;

  background: #3CAEC1;

  border-radius: 50%;

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


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-label-1 {
  left: 0;

  top: 34%;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-label-2 {
  right: 0;

  top: 53%;
}



/* HERO TEXTO */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-content {
  position: relative;

  z-index: 3;

  max-width: 780px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-content h1 {
  margin: 0;

  color: #111111;

  font-size:
    clamp(70px,8vw,132px);

  line-height: 0.86;

  font-weight: 850;

  letter-spacing: -6px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-content h1 span {
  display: inline-block;

  color: #3CAEC1;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-content h2 {
  max-width: 720px;

  margin:
    34px 0 0;

  color: #111111;

  font-size:
    clamp(30px,3vw,50px);

  line-height: 1.06;

  font-weight: 790;

  letter-spacing: -1.5px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-lead {
  max-width: 700px;

  margin:
    26px 0 0;

  color: #242a2f;

  font-size: 19px;

  line-height: 1.6;

  font-weight: 550;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-description {
  max-width: 720px;

  margin:
    17px 0 0;

  color: #75808b;

  font-size: 15px;

  line-height: 1.75;
}



/* BOTONES */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-actions {
  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 32px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-btn {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 50px;

  padding:
    0 23px;

  border-radius: 12px;

  text-decoration: none !important;

  font-size: 13px;

  font-weight: 850;

  transition:
    all 0.25s ease;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-btn-primary {
  background: #111111;

  border:
    1px solid #111111;

  color: #ffffff !important;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-btn-primary:hover {
  background: #3CAEC1;

  border-color: #3CAEC1;

  transform:
    translateY(-2px);
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-btn-secondary {
  background: #ffffff;

  border:
    1px solid #d9dee3;

  color: #111111 !important;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-btn-secondary:hover {
  border-color: #3CAEC1;

  color: #3CAEC1 !important;

  transform:
    translateY(-2px);
}



/* MINI FEATURES */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-mini-features {
  max-width: 720px;

  margin-top: 42px;

  padding-top: 25px;

  border-top:
    1px solid #e1e5ea;

  display: grid;

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

  gap: 26px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-mini-features strong {
  display: block;

  color: #111111;

  font-size: 16px;

  font-weight: 850;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-mini-features span {
  display: block;

  margin-top: 6px;

  color: #89939e;

  font-size: 10px;

  line-height: 1.4;

  letter-spacing: 0.7px;

  text-transform: uppercase;
}



/* =========================================================
   SECTION HEADINGS
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-section-heading {
  max-width: 960px;

  margin:
    0 auto 64px;

  text-align: center;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-section-heading-left {
  margin:
    0 0 64px;

  text-align: left;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-section-heading h2 {
  margin: 0;

  color: #111111;

  font-size:
    clamp(38px,5vw,72px);

  line-height: 1.01;

  font-weight: 820;

  letter-spacing: -2.5px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-section-heading h2 span {
  display: block;

  color: #3CAEC1;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-section-heading p {
  max-width: 740px;

  margin:
    22px auto 0;

  color: #77828d;

  font-size: 16px;

  line-height: 1.75;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-section-heading-left p {
  margin-left: 0;
}



/* =========================================================
   PERFORMANCE
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-performance {
  padding:
    120px 4vw 130px;

  background: #ffffff;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-performance-inner {
  max-width: 1600px;

  margin: 0 auto;
}



/* =========================================================
   STATS
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stats {
  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  border:
    1px solid #e3e7eb;

  border-radius: 26px;

  overflow: hidden;

  background: #ffffff;

  box-shadow:
    0 18px 50px
    rgba(15,23,42,0.06);
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat {
  position: relative;

  min-height: 205px;

  padding:
    38px 30px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  border-right:
    1px solid #e3e7eb;

  border-bottom:
    1px solid #e3e7eb;

  transition:
    background 0.25s ease;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat:hover {
  background:
    radial-gradient(
      circle at 50% 25%,
      rgba(60,174,193,0.12),
      transparent 55%
    ),
    #f8fbfc;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat:nth-child(4n) {
  border-right: 0;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat:nth-child(n+5) {
  border-bottom: 0;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat-number {
  display: flex;

  align-items: baseline;

  gap: 6px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat-number strong {
  color: #111111;

  font-size:
    clamp(44px,4vw,68px);

  line-height: 0.95;

  font-weight: 900;

  letter-spacing: -2.5px;

  font-variant-numeric:
    tabular-nums;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat-number span {
  color: #3CAEC1;

  font-size: 19px;

  font-weight: 750;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat p {
  max-width: 230px;

  margin:
    16px 0 0;

  color: #697580;

  font-size: 13px;

  line-height: 1.45;

  font-weight: 650;
}



/* =========================================================
   PILARES
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillars {
  padding:
    125px 4vw;

  background: #f5f6f7;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillars-inner {
  max-width: 1600px;

  margin: 0 auto;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar-grid {
  display: grid;

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

  gap: 24px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar {
  position: relative;

  min-height: 430px;

  padding: 38px;

  overflow: hidden;

  background: #ffffff;

  border:
    1px solid #e1e5ea;

  border-radius: 28px;

  box-shadow:
    0 16px 42px
    rgba(15,23,42,0.05);

  transition:
    all 0.28s ease;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar:hover {
  transform:
    translateY(-6px);

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

  box-shadow:
    0 28px 60px
    rgba(15,23,42,0.10);
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar-dark {
  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(60,174,193,0.25),
      transparent 35%
    ),
    #111111;

  border-color: #111111;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar-index {
  display: block;

  margin-bottom: 46px;

  color: #3CAEC1;

  font-size: 12px;

  font-weight: 900;

  letter-spacing: 1.5px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar-icon {
  width: 70px;

  height: 70px;

  margin-bottom: 28px;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border:
    1px solid
    rgba(60,174,193,0.18);

  border-radius: 19px;

  color: #3CAEC1;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar-icon svg {
  width: 40px;

  height: 40px;

  fill: none;

  stroke: currentColor;

  stroke-width: 2.3;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar h3 {
  margin: 0;

  color: #111111;

  font-size: 30px;

  line-height: 1.08;

  font-weight: 820;

  letter-spacing: -0.8px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar p {
  margin:
    18px 0 0;

  color: #798490;

  font-size: 15px;

  line-height: 1.7;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar-dark h3 {
  color: #ffffff;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar-dark p {
  color:
    rgba(255,255,255,0.66);
}



/* =========================================================
   FUNCIONES
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-functions {
  padding:
    125px 4vw;

  background: #111111;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-functions-inner {
  max-width: 1600px;

  margin: 0 auto;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-functions-head {
  display: grid;

  grid-template-columns:
    1.1fr 0.9fr;

  gap: 70px;

  align-items: end;

  margin-bottom: 70px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-functions-head h2 {
  max-width: 850px;

  margin: 0;

  color: #ffffff;

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

  line-height: 1.01;

  font-weight: 820;

  letter-spacing: -2.5px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-functions-head h2 span {
  display: block;

  color: #3CAEC1;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-functions-head > p {
  max-width: 600px;

  margin: 0 0 7px;

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

  font-size: 16px;

  line-height: 1.75;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-grid {
  display: grid;

  grid-template-columns:
    repeat(5,1fr);

  gap: 1px;

  overflow: hidden;

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

  border-radius: 26px;

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


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-card {
  min-height: 290px;

  padding: 28px;

  background: #111111;

  transition:
    background 0.25s ease;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-card:hover {
  background: #182126;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-card > span {
  display: block;

  margin-bottom: 66px;

  color: #3CAEC1;

  font-size: 11px;

  font-weight: 900;

  letter-spacing: 1.4px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-card h3 {
  margin: 0;

  color: #ffffff;

  font-size: 20px;

  line-height: 1.15;

  font-weight: 780;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-card p {
  margin:
    14px 0 0;

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

  font-size: 13px;

  line-height: 1.6;
}



/* =========================================================
   ESTACIÓN
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station {
  padding:
    130px 4vw;

  background: #ffffff;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-inner {
  max-width: 1600px;

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    0.9fr 1.1fr;

  gap: 90px;

  align-items: center;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-media {
  position: relative;

  min-height: 700px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 30px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(60,174,193,0.17),
      transparent 38%
    ),
    #f5f7f8;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-media::before {
  content: "";

  position: absolute;

  width: 72%;

  aspect-ratio: 1;

  border:
    1px solid
    rgba(17,17,17,0.08);

  border-radius: 50%;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-media img {
  position: relative;

  z-index: 2;

  max-width: 72%;

  max-height: 620px;

  object-fit: contain;

  filter:
    drop-shadow(
      0 32px 40px
      rgba(0,0,0,0.16)
    );
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-badge {
  position: absolute;

  z-index: 4;

  left: 25px;

  bottom: 25px;

  display: flex;

  align-items: center;

  gap: 10px;

  padding:
    12px 16px;

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

  border:
    1px solid #e2e6ea;

  border-radius: 13px;

  backdrop-filter:
    blur(10px);

  color: #535f6a;

  font-size: 12px;

  font-weight: 750;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-badge span {
  color: #3CAEC1;

  font-weight: 900;

  letter-spacing: 1px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-content h2 {
  margin: 0;

  color: #111111;

  font-size:
    clamp(40px,4.8vw,68px);

  line-height: 1.02;

  font-weight: 820;

  letter-spacing: -2.2px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-content h2 span {
  display: block;

  color: #3CAEC1;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-intro {
  max-width: 700px;

  margin:
    24px 0 0;

  color: #75808b;

  font-size: 16px;

  line-height: 1.75;
}



/* BENEFICIOS ESTACIÓN */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-benefits {
  margin-top: 42px;

  border-top:
    1px solid #e2e6ea;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-benefit {
  display: grid;

  grid-template-columns:
    54px 1fr;

  gap: 15px;

  padding:
    25px 0;

  border-bottom:
    1px solid #e2e6ea;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-benefit > span {
  color: #3CAEC1;

  font-size: 12px;

  font-weight: 900;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-benefit h3 {
  margin: 0;

  color: #111111;

  font-size: 18px;

  font-weight: 800;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-benefit p {
  margin:
    7px 0 0;

  color: #7c8792;

  font-size: 13px;

  line-height: 1.6;
}



/* SPECS */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-specs {
  margin-top: 38px;

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  gap: 9px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-specs div {
  min-width: 0;

  padding: 15px;

  background: #f4f6f7;

  border-radius: 12px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-specs strong {
  display: block;

  color: #111111;

  font-size: 15px;

  line-height: 1.2;

  font-weight: 850;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-specs span {
  display: block;

  margin-top: 6px;

  color: #89939d;

  font-size: 9px;

  line-height: 1.3;

  text-transform: uppercase;

  letter-spacing: 0.5px;
}



/* =========================================================
   ESCENARIOS
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenarios {
  position: relative;

  padding:
    130px 0 120px;

  overflow: hidden;

  background: #f5f6f7;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenarios-head {
  width: 92%;

  max-width: 1600px;

  margin:
    0 auto 52px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenarios-head h2 {
  max-width: 950px;

  margin: 0;

  color: #111111;

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

  line-height: 1;

  font-weight: 820;

  letter-spacing: -2.7px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenarios-head h2 span {
  color: #3CAEC1;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenarios-head p {
  max-width: 700px;

  margin:
    23px 0 0;

  color: #76818c;

  font-size: 15px;

  line-height: 1.7;
}



/* =========================================================
   WRAPPER CARRUSEL
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-scroll-wrapper {
  position: relative;

  width: 100%;
}



/* DEGRADADOS LATERALES */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-scroll-wrapper::before,
.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-scroll-wrapper::after {
  content: "";

  position: absolute;

  top: 0;

  bottom: 15px;

  z-index: 10;

  width: 90px;

  pointer-events: none;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-scroll-wrapper::before {
  left: 0;

  background:
    linear-gradient(
      90deg,
      rgba(245,246,247,0.72),
      rgba(245,246,247,0)
    );
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-scroll-wrapper::after {
  right: 0;

  background:
    linear-gradient(
      270deg,
      rgba(245,246,247,0.72),
      rgba(245,246,247,0)
    );
}



/* =========================================================
   FLECHAS SOBRE LAS IMÁGENES
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow {
  appearance: none;

  -webkit-appearance: none;

  position: absolute;

  top: 50%;

  z-index: 30;

  width: 60px;

  height: 60px;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  transform:
    translateY(-50%);

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

  border:
    1px solid
    rgba(17,17,17,0.11);

  border-radius: 50%;

  color: #111111;

  cursor: pointer;

  box-shadow:
    0 12px 36px
    rgba(0,0,0,0.16);

  backdrop-filter:
    blur(12px);

  -webkit-backdrop-filter:
    blur(12px);

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


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow svg {
  width: 24px;

  height: 24px;

  fill: none;

  stroke: currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow-left {
  left: 25px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow-right {
  right: 25px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow:hover {
  background: #3CAEC1;

  border-color: #3CAEC1;

  color: #ffffff;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow-left:hover {
  transform:
    translateY(-50%)
    translateX(-3px);
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow-right:hover {
  transform:
    translateY(-50%)
    translateX(3px);
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow.is-disabled {
  opacity: 0.28;

  pointer-events: none;
}



/* =========================================================
   TRACK
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-track {
  display: flex;

  gap: 24px;

  width: 100%;

  overflow-x: auto;

  padding:
    0 4vw 15px;

  scroll-snap-type:
    x mandatory;

  scroll-behavior:
    smooth;

  overscroll-behavior-x:
    contain;

  cursor: grab;

  user-select: none;

  touch-action:
    pan-y pan-x;

  -webkit-overflow-scrolling:
    touch;

  scrollbar-width: none;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-track::-webkit-scrollbar {
  display: none;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-track.is-dragging {
  cursor: grabbing;

  scroll-snap-type: none;
}



/* =========================================================
   TARJETA ESCENARIO
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-card {
  position: relative;

  flex:
    0 0
    clamp(
      420px,
      67vw,
      1040px
    );

  height:
    clamp(
      390px,
      52vw,
      650px
    );

  scroll-snap-align:
    center;

  overflow: hidden;

  border-radius: 26px;

  background: #111111;

  box-shadow:
    0 16px 40px
    rgba(15,23,42,0.08);
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-card img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  pointer-events: none;

  transition:
    transform 0.7s ease;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-card:hover img {
  transform:
    scale(1.035);
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-card::after {
  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,0.01) 35%,
      rgba(0,0,0,0.72) 100%
    );

  pointer-events: none;
}



/* TEXTO ESCENARIO */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-overlay {
  position: absolute;

  z-index: 3;

  left: 32px;

  right: 32px;

  bottom: 30px;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 30px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-overlay > span {
  display: flex;

  align-items: center;

  justify-content: center;

  min-width: 45px;

  height: 45px;

  padding:
    0 11px;

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

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

  border-radius: 12px;

  backdrop-filter:
    blur(9px);

  color: #ffffff;

  font-size: 11px;

  font-weight: 900;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-overlay > div {
  margin-left: auto;

  text-align: right;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-overlay small {
  display: block;

  margin-bottom: 7px;

  color: #3CAEC1;

  font-size: 10px;

  font-weight: 900;

  letter-spacing: 1.2px;

  text-transform: uppercase;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-overlay h3 {
  margin: 0;

  color: #ffffff;

  font-size:
    clamp(25px,3vw,43px);

  line-height: 1.05;

  font-weight: 800;

  letter-spacing: -1.2px;
}



/* =========================================================
   PROGRESO
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scroll-progress {
  width: 92%;

  max-width: 1600px;

  margin:
    27px auto 0;

  display: flex;

  align-items: center;

  gap: 22px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scroll-progress-line {
  flex: 1;

  height: 2px;

  overflow: hidden;

  background: #dfe3e6;

  border-radius: 999px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scroll-progress-line span {
  display: block;

  width: 12%;

  height: 100%;

  background: #3CAEC1;

  border-radius: 999px;

  transition:
    width 0.12s linear;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scroll-progress p {
  margin: 0;

  color: #88939e;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 0.4px;

  white-space: nowrap;

  text-transform: uppercase;
}



/* =========================================================
   CTA
========================================================= */

.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta {
  padding:
    120px 4vw 135px;

  background: #ffffff;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta-inner {
  max-width: 1600px;

  margin: 0 auto;

  padding: 62px;

  display: grid;

  grid-template-columns:
    1fr auto;

  gap: 55px;

  align-items: center;

  overflow: hidden;

  border-radius: 34px;

  background:

    radial-gradient(
      circle at 88% 18%,
      rgba(60,174,193,0.32),
      transparent 28%
    ),

    linear-gradient(
      135deg,
      #111111,
      #071014
    );
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta h2 {
  max-width: 940px;

  margin: 0;

  color: #ffffff;

  font-size:
    clamp(38px,4.5vw,66px);

  line-height: 1.02;

  font-weight: 820;

  letter-spacing: -2px;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta h2 span {
  color: #3CAEC1;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta p {
  max-width: 780px;

  margin:
    20px 0 0;

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

  font-size: 15px;

  line-height: 1.7;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta-button {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 17px;

  min-height: 58px;

  padding:
    0 27px;

  background: #3CAEC1;

  border-radius: 999px;

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 14px;

  font-weight: 850;

  white-space: nowrap;

  transition:
    all 0.25s ease;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta-button span {
  font-size: 20px;

  transition:
    transform 0.25s ease;
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta-button:hover {
  background: #ffffff;

  color: #13454E !important;

  transform:
    translateY(-2px);
}


.elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta-button:hover span {
  transform:
    translateX(4px);
}



/* =========================================================
   RESPONSIVE 1350
========================================================= */

@media (max-width: 1350px) {

  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-grid {
    grid-template-columns:
      repeat(3,1fr);
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-inner {
    gap: 35px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-inner {
    gap: 55px;
  }

}



/* =========================================================
   RESPONSIVE 1100
========================================================= */

@media (max-width: 1100px) {

  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero {
    min-height: auto;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-inner {
    grid-template-columns: 1fr;

    min-height: auto;

    padding:
      90px 0 100px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-content {
    order: 1;

    max-width: 900px;

    margin: 0 auto;

    text-align: center;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-robot {
    order: 2;

    min-height: 620px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-actions {
    justify-content: center;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-mini-features {
    margin-left: auto;

    margin-right: auto;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stats {
    grid-template-columns:
      repeat(2,1fr);
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat:nth-child(2n) {
    border-right: 0;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat:nth-child(4) {
    border-bottom:
      1px solid #e3e7eb;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat:nth-child(5),
  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat:nth-child(6) {
    border-bottom:
      1px solid #e3e7eb;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar-grid {
    grid-template-columns: 1fr;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillar {
    min-height: auto;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-functions-head {
    grid-template-columns: 1fr;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-grid {
    grid-template-columns:
      repeat(2,1fr);
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-inner {
    grid-template-columns: 1fr;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-media {
    min-height: 620px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta-inner {
    grid-template-columns: 1fr;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta-button {
    width: fit-content;
  }

}



/* =========================================================
   RESPONSIVE 750
========================================================= */

@media (max-width: 750px) {

  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-inner {
    width: 90%;

    padding-top: 70px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-content h1 {
    font-size: 72px;

    letter-spacing: -4px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-content h2 {
    font-size: 33px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-lead {
    font-size: 17px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-mini-features {
    grid-template-columns: 1fr;

    gap: 15px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-robot {
    min-height: 520px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-robot img {
    max-height: 500px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-robot-orbit {
    width: 430px;

    height: 430px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-robot-orbit::before {
    width: 325px;

    height: 325px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-robot-glow {
    width: 430px;

    height: 430px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-floating-label {
    display: none;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-performance,
  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-pillars,
  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-functions,
  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station {
    padding:
      90px 5vw;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stats {
    grid-template-columns: 1fr;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat {
    min-height: 165px;

    border-right: 0 !important;

    border-bottom:
      1px solid #e3e7eb !important;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-stat:last-child {
    border-bottom: 0 !important;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-grid {
    grid-template-columns: 1fr;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-card {
    min-height: auto;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-function-card > span {
    margin-bottom: 35px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-media {
    min-height: 500px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-specs {
    grid-template-columns:
      repeat(2,1fr);
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenarios {
    padding:
      90px 0;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenarios-head {
    width: 90%;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-card {
    flex-basis: 86vw;

    height: 520px;

    border-radius: 21px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-track {
    padding-left: 5vw;

    padding-right: 5vw;

    gap: 15px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow {
    width: 46px;

    height: 46px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow svg {
    width: 20px;

    height: 20px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow-left {
    left: 12px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-arrow-right {
    right: 12px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-scroll-wrapper::before,
  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-scroll-wrapper::after {
    width: 45px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scroll-progress {
    width: 90%;

    flex-direction: column;

    align-items: stretch;

    gap: 12px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scroll-progress p {
    white-space: normal;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta {
    padding:
      85px 5vw 100px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta-inner {
    padding: 36px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-cta-button {
    width: 100%;
  }

}



/* =========================================================
   RESPONSIVE 520
========================================================= */

@media (max-width: 520px) {

  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-actions {
    flex-direction: column;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-btn {
    width: 100%;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-content h1 {
    font-size: 62px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-robot {
    min-height: 450px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-hero-robot img {
    max-width: 100%;

    max-height: 440px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-robot-orbit,
  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-robot-glow {
    width: 360px;

    height: 360px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-robot-orbit::before {
    width: 280px;

    height: 280px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-media {
    min-height: 430px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-media img {
    max-width: 80%;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-station-specs {
    grid-template-columns: 1fr;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-card {
    height: 460px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-overlay {
    left: 20px;

    right: 20px;

    bottom: 20px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-overlay h3 {
    font-size: 27px;
  }


  .elementor-1534 .elementor-element.elementor-element-2ed8618 .tekio-c5-scenario-overlay > span {
    min-width: 40px;

    height: 40px;
  }

}/* End custom CSS */