.elementor-32329 .elementor-element.elementor-element-7debb0d{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32329 .elementor-element.elementor-element-cd9326b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32329 .elementor-element.elementor-element-453d0b1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32329 .elementor-element.elementor-element-23eb866{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32329 .elementor-element.elementor-element-3be440c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32329 .elementor-element.elementor-element-097402f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32329 .elementor-element.elementor-element-1df207d{--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;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-32329 .elementor-element.elementor-element-7debb0d{--width:100%;}.elementor-32329 .elementor-element.elementor-element-cd9326b{--width:100%;}.elementor-32329 .elementor-element.elementor-element-453d0b1{--width:100%;}.elementor-32329 .elementor-element.elementor-element-23eb866{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-6ae4006 *//* =========================================================
   LANDING ANDICOM - RESET LOCAL
========================================================= */

html,
body {
  margin: 0;
  padding: 0;

  overflow-x: hidden;
}

.andicom-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

.andicom-page > .e-con-inner {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}


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

.andicom-hero {
  --andicom-blue: #0074F2;
  --andicom-yellow: #FFB800;

  position: relative;

  width: 100vw;
  max-width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  min-height: 610px;

  display: grid;

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

  overflow: hidden;

  background: var(--andicom-blue);

  font-family: "Manrope", sans-serif;
}


/* =========================================================
   LADO IZQUIERDO / VIDEO
========================================================= */

.andicom-hero__visual {
  position: relative;

  width: 100%;
  height: 610px;

  min-width: 0;

  overflow: hidden;

  background: #111;

  /*
     Redondeo solicitado.
     Al aplicarlo al contenedor también respeta el overlay,
     el video y todo lo que está sobre él.
  */
  border-radius: 5px;
}


.andicom-hero__video {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  border-radius: 5px;

  z-index: 0;
}


/* =========================================================
   OSCURECIMIENTO DEL VIDEO
========================================================= */

.andicom-hero__video-overlay {
  position: absolute;

  inset: 0;

  z-index: 1;

  border-radius: 5px;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, .14) 0%,
      rgba(0, 0, 0, .19) 45%,
      rgba(0, 0, 0, .27) 100%
    );

  pointer-events: none;
}


/* =========================================================
   LOGOS SOBRE VIDEO
========================================================= */

.andicom-hero__visual-content {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  z-index: 2;

  pointer-events: none;
}


/* =========================================================
   LOGO ANDICOM
========================================================= */

.andicom-hero__andicom {
  position: absolute;

  top: 11%;
  left: 50%;

  width: clamp(185px, 15vw, 250px);
  height: auto;

  display: block;

  object-fit: contain;

  transform: translateX(-56%);
}


/* =========================================================
   LOGO CASA SANTIAGO BOTERO
========================================================= */

.andicom-hero__casa {
  position: absolute;

  top: 36%;
  left: 50%;

  width: clamp(300px, 26vw, 390px);
  max-width: 82%;

  height: auto;

  display: block;

  object-fit: contain;

  transform: translateX(-54%);
}


/* =========================================================
   LADO DERECHO / CONTENIDO
========================================================= */

.andicom-hero__content {
  position: relative;

  min-width: 0;

  height: 610px;
  min-height: 610px;

  display: flex;

  align-items: center;

  /*
     CAMBIO IMPORTANTE:

     El contenido ya no depende de un gran margin-left.
     Se distribuye dentro de toda la mitad derecha.
  */
  justify-content: center;

  overflow: hidden;

  background: var(--andicom-blue);
}


/* =========================================================
   TEXTURA ANDICOM
========================================================= */

.andicom-hero__texture {
  position: absolute;

  inset: 0;

  background-image:
    url("https://blog.colsof.com.co/wp-content/uploads/2026/07/fondo-textura-andicom.png");

  background-repeat: repeat;

  background-size: 760px auto;

  background-position: center center;

  opacity: 1;

  pointer-events: none;

  z-index: 0;
}


/* =========================================================
   CONTENIDO INTERNO DERECHA
========================================================= */

.andicom-hero__content-inner {
  position: relative;

  z-index: 2;

  /*
     Antes: máximo 500px + margin-left.
     Ahora ocupamos mejor la columna disponible.
  */

  width: min(100%, 620px);

  margin: 0;

  padding:
    55px
    70px;

  box-sizing: border-box;
}


/* =========================================================
   H1
========================================================= */

.andicom-hero__title {
  width: 100%;
  max-width: 500px;

  margin:
    0
    0
    20px
    0;

  color: #ffffff;

  font-family: "Manrope", sans-serif;

  font-size: clamp(34px, 2.8vw, 43px);

  line-height: 1.11;

  font-weight: 700;

  letter-spacing: -1.15px;
}


/* =========================================================
   DESCRIPCIÓN
========================================================= */

.andicom-hero__description {
  width: 100%;
  max-width: 470px;

  margin:
    0
    0
    34px
    0;

  color: #ffffff;

  font-family: "Manrope", sans-serif;

  /*
     El clamp anterior estaba:
     clamp(20px, 1.25vw, 18px)

     mínimo y máximo estaban invertidos.
  */

  font-size: clamp(18px, 1.25vw, 20px);

  line-height: 1.4;

  font-weight: 400;

  letter-spacing: -0.15px;
}


/* =========================================================
   BOTÓN
========================================================= */

.andicom-hero__cta {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 128px;
  min-width: 128px;

  height: 50px;
  min-height: 40px;

  padding:
    0
    16px;

  box-sizing: border-box;

  background: var(--andicom-yellow);

  color: #111111 !important;

  font-family: "Manrope", sans-serif;

  font-size: 16px;

  line-height: 1;

  font-weight: 700;

  text-decoration: none !important;

  border: 0;

  border-radius: 5px;

  box-shadow: none;

  cursor: pointer;

  transition:
    transform .22s ease,
    background-color .22s ease,
    box-shadow .22s ease;
}


.andicom-hero__cta:hover {
  background: #ffc126;

  color: #111111 !important;

  transform: translateY(-1px);

  box-shadow:
    0 7px 18px
    rgba(0, 0, 0, .13);
}


.andicom-hero__cta:focus-visible {
  outline:
    3px
    solid
    #ffffff;

  outline-offset: 4px;
}


/* =========================================================
   SCROLL AL FORM
========================================================= */

html {
  scroll-behavior: smooth;
}


#registro {
  scroll-margin-top: 80px;
}


/* =========================================================
   DESKTOP GRANDE
   1400px+
========================================================= */

@media (min-width: 1400px) {

  /*
     En monitores grandes mantenemos la altura diseñada,
     pero dejamos que cada 50% distribuya bien su contenido.
  */

  .andicom-hero,
  .andicom-hero__visual,
  .andicom-hero__content {
    min-height: 610px;
    height: 610px;
  }


  .andicom-hero__content-inner {
    width: min(100%, 680px);

    margin: 0;

    padding:
      55px
      80px;
  }


  .andicom-hero__title {
    max-width: 520px;
  }


  .andicom-hero__description {
    max-width: 500px;
  }


  .andicom-hero__texture {
    background-size: 820px auto;
  }

}


/* =========================================================
   DESKTOP EXTRA GRANDE
   1800px+
========================================================= */

@media (min-width: 1800px) {

  /*
     No escalamos indefinidamente el contenido.
     A partir de aquí simplemente dejamos que respire
     centrado dentro de la mitad derecha.
  */

  .andicom-hero__content-inner {
    width: min(100%, 720px);

    padding-left: 90px;
    padding-right: 90px;
  }


  .andicom-hero__title {
    max-width: 540px;
  }


  .andicom-hero__description {
    max-width: 520px;
  }

}


/* =========================================================
   TABLET / DESKTOP PEQUEÑO
========================================================= */

@media (max-width: 1024px) {

  .andicom-hero {
    min-height: 550px;
  }


  .andicom-hero__visual,
  .andicom-hero__content {
    height: 550px;
    min-height: 550px;
  }


  /*
     En este rango sí conservamos una composición
     ligeramente desplazada desde la izquierda.
  */

  .andicom-hero__content {
    justify-content: flex-start;
  }


  .andicom-hero__content-inner {
    width: 100%;

    margin-left: 42px;

    padding:
      45px
      30px
      45px
      0;
  }


  .andicom-hero__title {
    max-width: 430px;

    font-size: 34px;
  }


  .andicom-hero__description {
    max-width: 390px;

    font-size: 16px;
  }


  .andicom-hero__andicom {
    top: 11%;

    width: 185px;

    transform: translateX(-56%);
  }


  .andicom-hero__casa {
    top: 36%;

    width: 315px;

    transform: translateX(-54%);
  }


  .andicom-hero__texture {
    background-size: 700px auto;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .andicom-hero {
    display: flex;

    flex-direction: column;

    width: 100vw;
    max-width: 100vw;

    min-height: auto;
  }


  /* =======================================================
     VIDEO
  ======================================================= */

  .andicom-hero__visual {
    width: 100%;

    height: min(120vw, 570px);
    min-height: 470px;

    border-radius: 5px;
  }


  .andicom-hero__video {
    object-position: center center;

    border-radius: 5px;
  }


  .andicom-hero__video-overlay {
    border-radius: 5px;
  }


  .andicom-hero__andicom {
    top: 10%;
    left: 50%;

    width: 175px;

    transform: translateX(-56%);
  }


  .andicom-hero__casa {
    top: 34%;
    left: 50%;

    width: min(330px, 82%);

    transform: translateX(-54%);
  }


  /* =======================================================
     CONTENIDO
  ======================================================= */

  .andicom-hero__content {
    width: 100%;

    height: auto;
    min-height: auto;

    align-items: flex-start;
    justify-content: flex-start;
  }


  .andicom-hero__content-inner {
    width: 100%;

    margin: 0;

    padding:
      52px
      28px
      60px;
  }


  .andicom-hero__texture {
    background-size: 620px auto;

    background-position: center center;
  }


  .andicom-hero__title {
    max-width: 420px;

    font-size: clamp(34px, 9vw, 42px);

    line-height: 1.08;

    margin-bottom: 21px;
  }


  .andicom-hero__description {
    max-width: 430px;

    font-size: 17px;

    line-height: 1.4;

    margin-bottom: 30px;
  }


  .andicom-hero__cta {
    width: 128px;
    min-width: 128px;

    height: 41px;
    min-height: 41px;

    font-size: 13px;
  }

}


/* =========================================================
   MÓVILES PEQUEÑOS
========================================================= */

@media (max-width: 430px) {

  .andicom-hero__visual {
    height: 515px;
    min-height: 515px;
  }


  .andicom-hero__andicom {
    width: 160px;
  }


  .andicom-hero__casa {
    width: min(300px, 82%);
  }


  .andicom-hero__content-inner {
    padding:
      46px
      24px
      56px;
  }


  .andicom-hero__title {
    font-size: 35px;

    letter-spacing: -.75px;
  }


  .andicom-hero__description {
    font-size: 16px;
  }


  .andicom-hero__texture {
    background-size: 560px auto;
  }

}


/* =========================================================
   ACCESIBILIDAD
========================================================= */

@media (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }


  .andicom-hero__cta {
    transition: none;
  }


  .andicom-hero__cta:hover {
    transform: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e2a570 *//* =========================================================
   SEGUNDA SECCIÓN - INTRO ANDICOM
========================================================= */

.andicom-intro {
  position: relative;

  width: 100vw;
  max-width: 100vw;

  margin:
    0
    calc(50% - 50vw);

  padding: 0;

  min-height: 220px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  background: #0074F2;

  font-family: "Manrope", sans-serif;
}


/* =========================================================
   MISMA TEXTURA DEL HERO
========================================================= */

.andicom-intro__texture {
  position: absolute;

  inset: 0;

  background-image:
    url("https://blog.colsof.com.co/wp-content/uploads/2026/07/fondo-textura-andicom.png");

  background-repeat: repeat;

  background-size: 760px auto;

  background-position: center center;

  pointer-events: none;

  z-index: 0;
}


/* =========================================================
   CONTENIDO
========================================================= */

.andicom-intro__inner {
  position: relative;

  z-index: 2;

  width: min(100%, 1180px);

  margin: 0 auto;

  padding:
    58px
    40px
    62px;

  display: flex;
  justify-content: center;
}


/* =========================================================
   TEXTO
========================================================= */

.andicom-intro__text {
  width: min(100%, 1000px);

  margin: 0;

  color: #ffffff;

  font-family: "Manrope", sans-serif;

  font-size: clamp(22px, 1.4vw, 20px);

  line-height: 1.25;

  font-weight: 400;

  text-align: center;

  letter-spacing: -0.25px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .andicom-intro {
    min-height: 200px;
  }

  .andicom-intro__inner {
    padding:
      50px
      35px
      54px;
  }

  .andicom-intro__text {
    max-width: 820px;

    font-size: 17px;

    line-height: 1.3;
  }

  .andicom-intro__texture {
    background-size: 700px auto;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .andicom-intro {
    min-height: auto;
  }

  .andicom-intro__inner {
    padding:
      42px
      26px
      46px;
  }

  .andicom-intro__text {
    max-width: 100%;

    font-size: 16px;

    line-height: 1.38;
  }

  .andicom-intro__texture {
    background-size: 620px auto;
  }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 430px) {

  .andicom-intro__inner {
    padding:
      38px
      22px
      42px;
  }

  .andicom-intro__text {
    font-size: 15px;

    line-height: 1.42;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe4b957 *//* =========================================================
   GALERÍA ANDICOM
========================================================= */

.andicom-gallery {
  position: relative;

  width: 100vw;
  max-width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  padding: 0;

  min-height: 300px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  background: #0074F2;

  font-family: "Manrope", sans-serif;
}


/* =========================================================
   TEXTURA
========================================================= */

.andicom-gallery__texture {
  position: absolute;

  inset: 0;

  background-image:
    url("https://blog.colsof.com.co/wp-content/uploads/2026/07/fondo-textura-andicom.png");

  background-repeat: repeat;

  background-size: 760px auto;

  background-position: center center;

  pointer-events: none;

  z-index: 0;
}


/* =========================================================
   CONTENEDOR INTERNO
========================================================= */

.andicom-gallery__inner {
  position: relative;

  z-index: 2;

  width: min(100%, 1180px);

  margin: 0 auto;

  padding:
    26px
    38px
    64px;

  display: flex;
  justify-content: center;
  align-items: center;
}


/* =========================================================
   IMAGEN GALERÍA
========================================================= */

.andicom-gallery__image {
  display: block;

  width: min(100%, 980px);
  height: auto;

  object-fit: contain;

  margin: 0 auto;

  user-select: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .andicom-gallery {
    min-height: 270px;
  }

  .andicom-gallery__inner {
    padding:
      22px
      30px
      52px;
  }

  .andicom-gallery__image {
    width: min(100%, 860px);
  }

  .andicom-gallery__texture {
    background-size: 700px auto;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .andicom-gallery {
    min-height: auto;
  }

  .andicom-gallery__inner {
    padding:
      16px
      18px
      42px;
  }

  .andicom-gallery__image {
    width: 100%;
  }

  .andicom-gallery__texture {
    background-size: 620px auto;
  }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 430px) {

  .andicom-gallery__inner {
    padding:
      12px
      14px
      36px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed60d22 *//* =========================================================
   FECHA Y HORA ANDICOM
========================================================= */

.andicom-schedule {
  position: relative;

  width: 100vw;
  max-width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  padding: 0;

  min-height: 250px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  background: #0074F2;

  font-family: "Manrope", sans-serif;
}


/* =========================================================
   TEXTURA
========================================================= */

.andicom-schedule__texture {
  position: absolute;

  inset: 0;

  background-image:
    url("https://blog.colsof.com.co/wp-content/uploads/2026/07/fondo-textura-andicom.png");

  background-repeat: repeat;

  background-size: 760px auto;

  background-position: center center;

  pointer-events: none;

  z-index: 0;
}


/* =========================================================
   CONTENIDO
========================================================= */

.andicom-schedule__inner {
  position: relative;

  z-index: 2;

  width: min(100%, 1100px);

  margin: 0 auto;

  padding:
    44px
    40px
    58px;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 34px;
}


/* =========================================================
   FECHA
========================================================= */

.andicom-schedule__date {
  display: block;

  width: clamp(170px, 18vw, 215px);
  height: auto;

  object-fit: contain;

  flex: 0 0 auto;
}


/* =========================================================
   HORA
========================================================= */

.andicom-schedule__time {
  display: block;

  width: clamp(290px, 31vw, 390px);
  height: auto;

  object-fit: contain;

  flex: 0 0 auto;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .andicom-schedule {
    min-height: 225px;
  }

  .andicom-schedule__inner {
    padding:
      38px
      30px
      48px;

    gap: 26px;
  }

  .andicom-schedule__date {
    width: 180px;
  }

  .andicom-schedule__time {
    width: 330px;
  }

  .andicom-schedule__texture {
    background-size: 700px auto;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .andicom-schedule {
    min-height: auto;
  }

  .andicom-schedule__inner {
    padding:
      36px
      22px
      44px;

    gap: 18px;
  }

  .andicom-schedule__date {
    width: 32vw;
    max-width: 165px;
  }

  .andicom-schedule__time {
    width: 53vw;
    max-width: 280px;
  }

  .andicom-schedule__texture {
    background-size: 620px auto;
  }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 430px) {

  .andicom-schedule__inner {
    flex-direction: column;

    padding:
      30px
      20px
      38px;

    gap: 16px;
  }

  .andicom-schedule__date {
    width: 170px;
    max-width: 80%;
  }

  .andicom-schedule__time {
    width: 285px;
    max-width: 92%;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d420a37 *//* =========================================================
   TRANSPORTE ANDICOM
========================================================= */

.andicom-transport {
  position: relative;

  width: 100vw;
  max-width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  background: #0074F2;

  font-family: "Manrope", sans-serif;
}


/* =========================================================
   TEXTURA DE FONDO
========================================================= */

.andicom-transport__texture {
  position: absolute;

  inset: 0;

  background-image:
    url("https://blog.colsof.com.co/wp-content/uploads/2026/07/fondo-textura-andicom.png");

  background-repeat: repeat;

  background-size: 760px auto;

  background-position: center center;

  z-index: 0;

  pointer-events: none;
}


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

.andicom-transport__inner {
  position: relative;

  z-index: 2;

  width: min(100%, 1180px);

  margin: 0 auto;

  padding:
    48px
    42px
    78px;
}


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

.andicom-transport__card {
  width: min(100%, 860px);

  min-height: 180px;

  margin: 0 auto;

  padding:
    20px
    58px
    20px
    40px;

  display: grid;

  grid-template-columns:
    250px
    1fr;

  align-items: center;

  gap: 38px;

  background: #005FB5;

  border-radius: 5px;

  box-sizing: border-box;
}


/* =========================================================
   IMAGEN CARRO
========================================================= */

.andicom-transport__image-wrap {
  display: flex;

  align-items: center;
  justify-content: center;

  min-width: 0;
}

.andicom-transport__car {
  display: block;

  width: min(100%, 225px);
  height: auto;

  object-fit: contain;

  user-select: none;
}


/* =========================================================
   CONTENIDO
========================================================= */

.andicom-transport__content {
  min-width: 0;
}


/* =========================================================
   TÍTULO
========================================================= */

.andicom-transport__title {
  margin:
    0
    0
    8px;

  color: #FAAD16;

  font-family: "Manrope", sans-serif;

  font-size: 25px;

  line-height: 1.15;

  font-weight: 700;

  letter-spacing: -0.4px;
}


/* =========================================================
   TEXTO
========================================================= */

.andicom-transport__text {
  margin: 0;

  color: #ffffff;

  font-family: "Manrope", sans-serif;

  font-size: 19px;

  line-height: 1.35;

  font-weight: 400;

  letter-spacing: -0.2px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .andicom-transport__inner {
    padding:
      42px
      32px
      64px;
  }

  .andicom-transport__card {
    width: min(100%, 760px);

    min-height: 165px;

    grid-template-columns:
      220px
      1fr;

    gap: 28px;

    padding:
      18px
      44px
      18px
      32px;
  }

  .andicom-transport__car {
    width: min(100%, 200px);
  }

  .andicom-transport__title {
    font-size: 23px;
  }

  .andicom-transport__text {
    font-size: 17px;
  }

  .andicom-transport__texture {
    background-size: 700px auto;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .andicom-transport__inner {
    padding:
      34px
      20px
      48px;
  }

  .andicom-transport__card {
    width: min(100%, 540px);

    grid-template-columns:
      170px
      1fr;

    gap: 20px;

    min-height: 150px;

    padding:
      18px
      22px;
  }

  .andicom-transport__car {
    width: 165px;
    max-width: 100%;
  }

  .andicom-transport__title {
    font-size: 20px;

    margin-bottom: 7px;
  }

  .andicom-transport__text {
    font-size: 15px;

    line-height: 1.4;
  }

  .andicom-transport__text br {
    display: none;
  }

  .andicom-transport__texture {
    background-size: 620px auto;
  }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 520px) {

  .andicom-transport__card {
    grid-template-columns: 1fr;

    text-align: center;

    gap: 14px;

    padding:
      26px
      22px
      30px;
  }

  .andicom-transport__car {
    width: min(100%, 210px);

    margin: 0 auto;
  }

  .andicom-transport__content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .andicom-transport__title {
    font-size: 21px;
  }

  .andicom-transport__text {
    max-width: 320px;

    font-size: 15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1bf84f *//* =========================================================
   APOYA / ALIADOS
========================================================= */

.andicom-support {
  position: relative;

  width: 100vw;
  max-width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  padding: 0;

  min-height: 190px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  background: #0074F2;

  font-family: "Manrope", sans-serif;
}


/* =========================================================
   TEXTURA
========================================================= */

.andicom-support__texture {
  position: absolute;

  inset: 0;

  background-image:
    url("https://blog.colsof.com.co/wp-content/uploads/2026/07/fondo-textura-andicom.png");

  background-repeat: repeat;

  background-size: 760px auto;

  background-position: center center;

  pointer-events: none;

  z-index: 0;
}


/* =========================================================
   CONTENIDO
========================================================= */

.andicom-support__inner {
  position: relative;

  z-index: 2;

  width: min(100%, 1100px);

  margin: 0 auto;

  padding: 45px 30px 55px;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 34px;

  box-sizing: border-box;
}


/* =========================================================
   TEXTO APOYA
========================================================= */

.andicom-support__label {
  flex: 0 0 auto;

  color: #ffffff;

  font-family: "Manrope", sans-serif;

  font-size: 28px;

  line-height: 1;

  font-weight: 400;

  letter-spacing: 7px;

  white-space: nowrap;
}


/* =========================================================
   GRUPO DE LOGOS
========================================================= */

.andicom-support__logos {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 34px;

  min-width: 0;
}


/* Base */
.andicom-support__logo {
  display: block;

  width: auto;
  height: auto;

  max-width: 100%;

  object-fit: contain;

  flex-shrink: 0;

  user-select: none;
}


/* Lenovo */
.andicom-support__logo--lenovo {
  width: 175px;
}


/* ManageEngine */
.andicom-support__logo--manageengine {
  width: 230px;
}


/* Intel Prestige Partner */
.andicom-support__logo--intel {
  width: 100px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .andicom-support__inner {
    padding: 40px 24px 48px;

    gap: 25px;
  }

  .andicom-support__logos {
    gap: 25px;
  }

  .andicom-support__label {
    font-size: 24px;

    letter-spacing: 6px;
  }

  .andicom-support__logo--lenovo {
    width: 145px;
  }

  .andicom-support__logo--manageengine {
    width: 190px;
  }

  .andicom-support__logo--intel {
    width: 140px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .andicom-support__inner {
    flex-direction: column;

    padding: 38px 20px 45px;

    gap: 28px;
  }

  .andicom-support__label {
    font-size: 23px;

    letter-spacing: 6px;
  }

  .andicom-support__logos {
    width: 100%;

    flex-wrap: wrap;

    gap: 25px 28px;
  }

  .andicom-support__logo--lenovo {
    width: 140px;
  }

  .andicom-support__logo--manageengine {
    width: 185px;
  }

  .andicom-support__logo--intel {
    width: 135px;
  }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 480px) {

  .andicom-support__inner {
    padding: 34px 18px 40px;
  }

  .andicom-support__logos {
    flex-direction: column;

    gap: 24px;
  }

  .andicom-support__logo--lenovo {
    width: 145px;
  }

  .andicom-support__logo--manageengine {
    width: 195px;
  }

  .andicom-support__logo--intel {
    width: 140px;
  }

}/* End custom CSS */