.ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas {
  /*Bolas*/
  /*linea*/
  /* ANIMACION DEL BANNER */ }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp {
    background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.36) 68.44%, rgba(0, 0, 0, 0) 125.91%), url("/webclipb/gc/prod/adminwcm/img/estaticos/smart-mobility-empresas/mod-01-header.webp");
    background-repeat: no-repeat;
    background-position: center, center;
    background-size: cover;
    height: 570px;
    width: 100%;
    position: relative;
    margin-top: 52px; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .nav-down {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 48px;
    width: 48px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    box-shadow: 0px 4px 14px rgba(44, 44, 44, 0.1);
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23387002' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M16.082 1.75L8.9987 8.83333L1.91536 1.75' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 1; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-banner {
    background-color: #E8F2D7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    width: 100%;
    opacity: 1;
    z-index: 10;
    top: -52px;
    margin: 0;
    min-height: 52px;
    padding: 5px 10px;
    overflow: hidden;
    padding: 8px 20px; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-banner .header-banner-text {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99858 1.20532e-09C3.61874 5.44817e-10 -5.46466e-10 3.62093 -1.20735e-09 8C-1.86823e-09 12.3791 3.62157 16 8.00141 16C12.3813 16 16 12.3791 16 8C16 3.62093 12.3784 1.86583e-09 7.99858 1.20532e-09ZM8.553 12.5318L7.44672 12.5318L7.44672 6.23762L8.553 6.23762L8.553 12.5318ZM8.55071 4.81188C8.62144 4.73833 8.68086 4.65629 8.7233 4.56294C8.76857 4.46959 8.78837 4.36775 8.78837 4.26025C8.78837 4.15276 8.76574 4.04809 8.7233 3.95191C8.68086 3.85573 8.62427 3.77086 8.55071 3.69731C8.47714 3.62659 8.39226 3.57001 8.29607 3.52758C8.19704 3.48515 8.09801 3.46535 7.98767 3.46535C7.87732 3.46535 7.77829 3.48515 7.68492 3.52758C7.59156 3.56719 7.5095 3.62376 7.43877 3.69731C7.36804 3.77086 7.31428 3.85573 7.27184 3.95191C7.2294 4.05092 7.20959 4.14993 7.20959 4.26025C7.20959 4.37058 7.2294 4.46959 7.27184 4.56294C7.31145 4.65629 7.36804 4.73833 7.43877 4.81188C7.5095 4.8826 7.59156 4.93918 7.68492 4.98161C7.77829 5.02404 7.88015 5.04385 7.98767 5.04385C8.09518 5.04385 8.19987 5.02404 8.29607 4.98161C8.39226 4.94201 8.47714 4.88543 8.55071 4.81188Z' fill='%23387002' /%3E%3C/svg%3E");
    font-family: 'Lato-Regular';
    font-size: 16px;
    line-height: 22px;
    padding-left: 24px;
    display: block; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-banner .header-banner-link {
    color: #387002;
    text-decoration: underline;
    font-family: 'Lato-Bold'; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-content {
    color: #ffffff;
    position: absolute;
    bottom: 72px;
    text-align: center;
    width: calc(100% - 32px);
    padding: 0 16px;
    text-align: left; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-texto-sup {
    margin-bottom: 78px;
    padding-bottom: 19px;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-texto-sup .titulo {
    font-size: 48px;
    line-height: 52px;
    color: white;
    font-family: 'Lato-Bold';
    margin-bottom: 16px;
    margin: 0 0 16px;
    padding: 0; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-texto-sup .subtitulo {
    font-size: 18px;
    line-height: 32px;
    color: white;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Lato-Regular', sans-serif, Arial; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-iconos {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    position: relative;
    overflow: hidden;
    max-height: 0; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-icono {
    width: 200px;
    position: relative;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 5.5C10.25 2.87665 8.12335 0.75 5.5 0.75C2.87665 0.75 0.75 2.87665 0.75 5.5C0.75 5.98052 0.941126 6.69528 1.31306 7.58847C1.67649 8.46124 2.1798 9.42896 2.73103 10.3887C3.71654 12.1045 4.82936 13.7504 5.5 14.7089C6.17064 13.7504 7.28346 12.1045 8.26897 10.3887C8.8202 9.42896 9.32351 8.46124 9.68694 7.58847C10.0589 6.69528 10.25 5.98052 10.25 5.5Z' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    padding-top: 28px;
    margin-top: 124px; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-texto-sup::before,
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-iconos::before,
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-iconos::after {
    content: "";
    display: block;
    position: absolute;
    height: 11px;
    width: 11px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 11px;
    box-shadow: 0px 0px 2px 4px rgba(255, 255, 255, 0.6); }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-texto-sup::before {
    bottom: -14px;
    left: calc(50% - 6px);
    opacity: 0;
    }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-iconos::before,
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-iconos::after {
    top: 123px;
    transform: translate(-50%, 0);
    opacity: 0; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-texto-sup::after {
    content: "";
    display: block;
    position: absolute;
    height: 115px;
    width: 1px;
    background: #FFFFFF;
    border: 0;
    border-radius: 11px;
    top: calc(100% + 10px);
    left: calc(50%);
    opacity: 0; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-boton-container {
    text-align: left;
    flex-direction: row; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-boton {
    box-sizing: border-box;
    padding: 15px;
    border-radius: 31px;
    line-height: 1.3333333;
    white-space: normal;
    text-transform: none;
    width: 100%;
    font-family: Lato-bold;
    font-size: 16px;
    background-color: #CD4800;
    border: 1px solid #CD4800;
    max-width: 200px;
    height: 56px;
    display: block;
    text-align: center;
    margin: 24px auto 0 0;
    color: white;
    text-decoration: none;
    font-family: 'Lato-Black';
    font-size: 16px;
    line-height: 26px;
    cursor: pointer; }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-banner {
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1.5s, opacity 1.5s; }
  @media (min-width: 576px) {
    .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-content {
      bottom: 50%;
      padding: 0;
      text-align: left;
      max-width: 344px;
      left: 40px;
      transform: translateY(50%); } }
  @media (min-width: 768px) {
    .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas {
      /* ANIMACIONES > 768 */
      /* 2 - Contenido */
      /* Linea vertical */
      /*Bola Superior*/
      /*Bola Izquierda*/
      /*Bola Derecha*/
      /*Header Icono*/ }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .nav-down {
        display: block; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-content {
        color: #ffffff;
        position: absolute;
        bottom: unset;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 84%;
        top: 50%;
        max-width: unset; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-texto-sup .titulo {
        font-size: 56px;
        line-height: 56px;
        font-family: 'Lato-Bold';
        margin-bottom: 16px;}
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-texto-sup .subtitulo {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 0; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp.on-scroll-ends .header-iconos {
        display: flex; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-icono .titulo {
        font-size: 20px;
        line-height: 32px;
        font-family: 'Lato-Bold';
        margin-bottom: 0; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-icono .subtitulo {
        font-size: 18px;
        line-height: 24px;
        font-family: 'Lato-Regular';
        margin-bottom: 0; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-iconos,
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-boton-container {
        max-height: 0; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-iconos,
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-boton-container {
        -webkit-transition: max-height 1.4s;
        -moz-transition: max-height 1.4s;
        -ms-transition: max-height 1.4s;
        -o-transition: max-height 1.4s;
        transition: max-height 1.4s;
        transition-delay: 0.2s;
        overflow: hidden;
        }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp.on-scroll-ends .header-iconos {
        max-height: 400px; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-boton-container {
        max-height: 0;
        height: 0;
        opacity: 0; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp.on-scroll-ends .header-boton-container {
        max-height: 400px;
        height: 100%;
        margin-left: auto; }
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-boton {
        margin-left: auto; }
	  
      .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp.on-scroll-ends .header-texto-sup::after {
        animation-name: header-linea-vertical;
        animation-duration: 1s;
        animation-timing-function: cubic-bezier(0.47, 0, 0.65, 0.48);
        animation-delay: 1.1s;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-fill-mode: forwards;
        /* animation: scale-up-top 0.1s linear 0.1s 1 normal forwards; */
        }
@keyframes header-linea-vertical {
  0% {
    opacity: 1;
    transform: scale(0);
    transform-origin: 50% 0%;
  }
  33% {
    opacity: 1;
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    opacity: 0;
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}

.ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp.on-scroll-ends .header-texto-sup::before {
  opacity: 0;
  animation-name: fade-in-top;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.47, 0, 0.65, 0.48);
  animation-delay: 1.2s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes fade-in-top {
  0% {
    transform: translateY(0);
  }
  16.66% {
    opacity: 1;
    transform: translateY(120px);
    box-shadow: 0 0 2px 4px rgba(255, 255, 255, 0.6);
  }
  25% {
    box-shadow: 0 0 4px 6px white;
  }
  39% {
    box-shadow: 0 0 2px 4px rgba(255, 255, 255, 0.6);
  }
  75% {
    opacity: 1;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(120px);
    box-shadow: 0 0 3px 5px rgba(255, 255, 255, 0.6);
  }
}

.ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp.on-scroll-ends .header-iconos::before {
  animation-name: header-bola-izq;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.47, 0, 0.65, 0.48);
  animation-delay: 1.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes header-bola-izq {
  0% {
    left: calc(50%);
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 1;
    left: 16.66%;
  }
  100% {
    opacity: 0;
    left: 16.66%;
  }
}

.ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp.on-scroll-ends .header-iconos::after {
  animation-name: header-bola-der;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.47, 0, 0.65, 0.48);
  animation-delay: 1.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes header-bola-der {
  0% {
    left: calc(50%);
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 1;
    left: calc(83.333%);
  }
  100% {
    opacity: 0;
    left: calc(83.333%);
  }
}

.ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp.on-scroll-ends .header-icono,
.ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp.on-scroll-ends .header-boton-container {
  animation-name: header-fade-in;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-delay: 1.4s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes header-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (min-width: 1200px) {
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-boton {
    margin-top: 64px;
  }
}

@media (min-width: 1920px) {
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp {
    height: 800px;
  }
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas #header-comp .header-boton {
    margin-top: 96px;
  }
}

@media (max-width: 767px) {
  .ibd-static-datoslfcom_pre-ibd_estaticos-20230811-webclipb-gc-prod-en_US-estaticos-smart-mobility-empresas {
    margin-top: 101px;
  }
}