:root {
  --mk-blue: #0337af;
  --mk-blue2: #0C3DB3;
  --mk-darkblue: #002978;
  --mk-yellow: #f4af19;
}
@media (max-width: 575.98px) {
  #banner #banner-title {
    font-size: 40px !important;
  } #banner #banner-title-bold {
    font-size: 40px !important;
  } #banner #banner-subtitle { 
    font-size: 13px !important; 
  } #banner a {
    font-size: 13px !important;
  } #nuestro-equipo .team-luz, #nuestro-equipo .team-jair, #nuestro-equipo .team-jess {
    min-height: 80px !important;
  } .team-info {
    display: none !important;
  } .tecnologias-img {
    width: 100% !important;
  } #nuestro-equipo .team-luz, #nuestro-equipo .team-jair, #nuestro-equipo .team-jess, #nuestro-equipo .team-madday, #nuestro-equipo .team-eduardo, #nuestro-equipo .team-clara, #nuestro-equipo .team-carlos, #nuestro-equipo .team-janeth, #nuestro-equipo .team-rodo, #nuestro-equipo .team-andre, #nuestro-equipo .team-fabian, #nuestro-equipo .team-mruiz, #nuestro-equipo .team-msalinas, #nuestro-equipo .team-raul {
    min-height: 100px !important;
  } #slider-portafolio img {
    max-height: 260px !important;
  } #banner-home {
      min-height: 350px !important;
  }
} @media (min-width: 575.98px) and (max-width: 767.98px) {
} @media (min-width: 767.98px) and (max-width: 991.98px) {
} @media (min-width: 991.98px) and (max-width: 1199.98px) {
}

/**/
.over-dark {
  background-color: #0005; /* dark */
  background-blend-mode: overlay;
}
.p-title {
  font-weight: 600;
}

/* BANNER */
  /* background-image: url('/img/home/METODIKA-HOME_HEADERIMG.webp'); */
#banner-home {
  margin-top: 55px;
  background-image: url('/img/home/home-web.webp?v=1');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 550px;
} #banner .fa {
  color: #fff; /* white */
} 
#banner #banner-title,
#banner .banner-title {
  color: #fff; /* white */
  font-family: "Roboto-Light";
  font-size: 30px;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
} 
#banner .banner-title span {
  font-weight: bold;
}
#banner #banner-title-bold {
  color: #fff; /* white */
  font-family: "Roboto-Bold";
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
} 
#banner #banner-subtitle,
#banner .banner-subtitle {
  color: #f4af19; /* yellow */
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 2rem;
} #banner a {
  font-family: "Roboto-Bold";
  background-color: #f4af19; /* yellow */
  color: #fff; /* white */
  text-decoration: none;
  padding: 5px 40px;
  width: 210px;
  height: 44px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  transition: all .5s ease-out;

} #banner a:hover {
  background-color: #fff; /* white */
  color: #0337af; /* blue */
} #banner .custom_dots {
  position: absolute;
  bottom: -80px;
  left: -35px;
  z-index: 1;
  list-style: none;
} #banner .custom_dots li {
  float: left ;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  margin-right: 10px;
  border-radius: 100%;
  cursor: pointer;
} #banner .custom_dots .slick-active {
  background-color: #fff; /* white */
}

/* Fusionamos la tecnología y Marketing para hacer crecer tu empresa */
#servicios {
  padding-top: 80px;
} #servicios p {
  font-size: 13px;
  text-align-last: center;
  line-height: 1.2;
} #servicios .block:hover {
  cursor: pointer;
}

/* Nuestro equipo */
#nuestro-equipo {
  padding-top: 50px;
} #nuestro-equipo p {
  line-height: 1.2;
} #nuestro-equipo .team-luz {
  background-image: url("/img/home/crew/Luz.webp");  
} #nuestro-equipo .team-jair {
  background-image: url("/img/home/crew/Jair.webp");
} #nuestro-equipo .team-jess {
  background-image: url("/img/home/crew/Jess.webp");
} #nuestro-equipo .team-madday {
  background-image: url("/img/home/crew/Madday.webp");
} #nuestro-equipo .team-eduardo {
  background-image: url("/img/home/crew/Eduardo.webp");
} #nuestro-equipo .team-clara {
  background-image: url("/img/home/crew/Clara.webp");
} #nuestro-equipo .team-carlos {
  background-image: url("/img/home/crew/Carlos.webp");
} #nuestro-equipo .team-janeth {
  background-image: url("/img/home/crew/Janeth.webp");
} #nuestro-equipo .team-rodo {
  background-image: url("/img/home/crew/Rodo.webp");
} #nuestro-equipo .team-andre {
  background-image: url("/img/home/crew/Andre.webp");
} #nuestro-equipo .team-fabian {
  background-image: url("/img/home/crew/Fabian.webp");
} #nuestro-equipo .team-mruiz {
  background-image: url("/img/home/crew/MauricioRuiz.webp");
} #nuestro-equipo .team-msalinas {
  background-image: url("/img/home/crew/MauricioS.webp");
} #nuestro-equipo .team-raul {
  background-image: url("/img/home/crew/Raul.webp");
} #nuestro-equipo .team-luz, #nuestro-equipo .team-jair, #nuestro-equipo .team-jess, #nuestro-equipo .team-madday, #nuestro-equipo .team-eduardo, #nuestro-equipo .team-clara, #nuestro-equipo .team-carlos, #nuestro-equipo .team-janeth, #nuestro-equipo .team-rodo, #nuestro-equipo .team-andre, #nuestro-equipo .team-fabian, #nuestro-equipo .team-mruiz, #nuestro-equipo .team-msalinas, #nuestro-equipo .team-raul {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  max-width: 100% !important;
  min-height: 350px ;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
} #nuestro-equipo .team-info {
  width: 100%;
} #nuestro-equipo .block p {
  padding: 0px 10px;
  text-align: justify;
  color: #fff; /* white */
} #nuestro-equipo .name {
  font-family: "Roboto-Bold";
  font-size: 40px;
  margin: 0px;
} #nuestro-equipo .job {
  font-family: "Roboto-Bold";
  margin: 0px;
  margin-bottom: 15px;
} #nuestro-equipo .desc {
  margin-bottom: 20px;
}

/* Ventajas */
#ventajas {
  padding-top: 50px;
} #ventajas #ventaja {
  font-family: "Roboto-Bold";
} 
#ventajas .block {
  width: 95%;
  /* background-color: #e3e4e8; */
  background-color: var(--mk-blue2); /* gray */
  padding: 40px 20px;
  min-height: 354px;
  margin: 0 auto;
  border-radius: 6px;
} 
#ventajas .block >*{
  color: white;
}
#ventajas .block  p:first-of-type {
  color: var(--mk-yellow);
  font-size: 18px;
}
#ventajas .block p {
  font-size: 16px;
  line-height: 1.2;
  margin: 0px;
}
#ventajas .block img {
  width: 95px;
  height: 115px;
  object-fit: contain;
  filter: brightness(1000);
}

/* Tecnologías */
#tecnologias {
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 50px;
  background-color: var(--mk-darkblue); /* gray */
} #tecnologias .tecnologias {
  font-family: "Roboto-Bold";
} #tecnologias .tecnologias-names {
  font-family: "Roboto-Regular";
} #tecnologias .tecnologias-img {
  max-height: 350px !important;
} #tecnologias #bullet, #tecnologias #over {
  min-width: 28px; 
} #tecnologias a {
  text-decoration: none;
  color: #272828; /* black */
} #tecnologias a:hover {
  text-shadow: 5px 5px 10px #0008;
} #tecnologias .disabled {
  font-family: "Roboto-Bold";
  color: #272828 !important; /* black */
  cursor: default;
}
#tecnologias >*{
  color: white;
}

/* Portafolio */
#portafolio {
  padding-top: 80px;
} #portafolio img {
  max-width: 100%;
} #portafolio #name {
  font-family: "Roboto-Light";
  color: #0337af;  /* blue */ 
  font-size: 30px;
} #portafolio .custom_dots {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  list-style: none;
} #portafolio .custom_dots li {
  float: left ;
  width: 10px;
  height: 10px;
  border: 1px solid #cdcdd2; /* light gray */
  margin-right: 10px;
  border-radius: 100%;
  cursor: pointer;
} #portafolio .custom_dots .slick-active {
  background-color: #0337af; /* blue */
}

/* carousel-home */
#banner {
  margin-top: 55px;
  background-color: var(--mk-blue);
}
#banner .carousel .carousel-indicators {
  right: unset;
  bottom: 10%;
  margin-left: 13.5%;
}
#banner .carousel .carousel-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: transparent;
  border: 2px solid white;
}
#banner .carousel .carousel-indicators li.active {
  background-color: white;
}
#banner .carousel .carousel-inner {
  height: 550px;
}
#banner .carousel .carousel-inner .carousel-item {
  width: 100%;
  height: 90vh;
}
#banner .carousel .carousel-inner .carousel-item>img {
  height: 100%;
  object-fit: cover;
  object-position: top left;
}

#banner .carousel .carousel-inner .carousel-item .carousel-caption {
  width: 100%;
  top: 15%;
  right: unset;
  bottom: unset;
  left: 13.5%;
  text-align: left;
}
.link-contactus img {
  width: 19px;
  height: 19px;
  object-fit: contain;
  margin: 0 0 0 6px;
}

#banner a:hover .link-contactus img {
  src: url(../img/home/icon-go-b.png);
}


@media (min-width: 576px) {  }


@media (min-width: 768px) {  }


@media (min-width: 992px) { 
  #banner #banner-title, #banner .banner-title {
    font-size: 60px;
  }
  #banner .carousel .carousel-inner .carousel-item .carousel-caption {
    width: 40%;
    top: 25.5%;
  }
 }


@media (min-width: 1200px) {  }


@media (min-width: 1400px) { }