@font-face {
  font-family: "roc-grotesk-wide";
  src: url("https://use.typekit.net/af/c9606e/00000000000000007735b7cd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/c9606e/00000000000000007735b7cd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/c9606e/00000000000000007735b7cd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
#container_home {
  padding-top: 220px;
}

.img_home_box_left {
  display: flex;
  float: left;
  position: relative;
  margin-left: 8rem;
  width: 550px;
  height: 668px;
}

.img_home_box_right {
  float: right;
  position: relative;
  background-image: url("../img/img_home.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-right: 8rem;
  width: 918px;
  height: 668px;
}

#img_home {
  margin-right: 10%;
}

.text_home {
  font-size: 20px;
  color: #212135;
}

.text_home h1 {
  font-size: 4rem;
  font-family: "roc-grotesk-wide";
  font-weight: 600;
  color: #0a0add;
}

#text_home_img {
  margin-left: 20%;
  margin-bottom: 8%;
  font-size: 20px;
}

.btn_home {
  max-width: 13rem;
  border-radius: 2rem;
  background-color: #fff;
  color: #212135 !important;
  text-align: center;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  border: 1px solid #212135 !important;
  text-decoration: none;
  margin-top: 3rem;
}

.btn_home:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.conoce_los_ejercicios {
  margin-top: 40rem;
}

#conoce_los_ejercicios_box {
  margin-left: 8rem;
  margin-right: 8rem;
}

#conoce_los_ejercicios_box h3 {
  font-weight: 600;
}

.ejercicios_card {
  width: 18rem;
  height: 12rem;
  border-radius: 3rem 3rem 3rem 0rem;
  border: 2px solid #212135;
  transition: border-color 1s ease;
  margin-left: 2rem;
  margin-right: 2rem;
}

.ejercicios_texto {
  position: relative;
}

.ejercicios_texto span {
  margin-bottom: 1rem;
}

.ejercicios_texto p,
.ejercicios_texto span {
  position: absolute;
  bottom: 10px;
  left: 25px;
  font-size: 20px;
  color: #212135;
}

.ejercicios_card_color {
  height: 100%;
  width: 80px;
  border-radius: 0px 44px 44px 0px;
  transition: all 300ms;
}

.encuestas_home_usuario_box p {
  font-size: 15px !important;
}

#ejercicios_card_color_capital_humano {
  background: linear-gradient(to top, rgb(4, 116, 221), rgb(221, 221, 10) 80% 100%);
}

#ejercicios_card_color_mercado_laboral {
  background: linear-gradient(to top, rgb(221, 10, 221), rgb(4, 116, 221) 80% 100%);
}

#ejercicios_card_color_seguridad_patrimonial {
  background: linear-gradient(to top, rgb(221, 10, 221), rgb(221, 221, 10) 80% 100%);
}

#ejercicios_card_color_seguridad_industrial {
  background: linear-gradient(to top, rgb(151, 210, 73), rgb(221, 221, 10) 80% 100%);
}

#ejercicios_card_color_salarial_de_personal_indirecto {
  background: linear-gradient(to top, rgb(151, 210, 73), rgb(221, 10, 221) 80% 100%);
}

#ejercicios_card_color_perspectiva_directivos {
  background: linear-gradient(to top, rgb(151, 210, 73), rgb(4, 116, 221) 80% 100%);
}

.ejercicios_card:hover {
  border: 0px solid #f5f8fd;
  animation: all 0.5s ease;
}
.ejercicios_card:hover .ejercicios_card_color {
  width: 18rem !important;
  border-radius: 44px 44px 44px 0px;
  animation: all 0.5s ease;
}
.ejercicios_card:hover .ejercicios_texto p {
  color: #f5f8fd;
  font-weight: 600;
}
.ejercicios_card:hover .ejercicios_texto span {
  color: #f5f8fd;
  font-weight: 600;
}

#insights_clave_box {
  margin-left: 8rem;
  margin-right: 8rem;
  margin-top: 6rem;
  margin-bottom: 6rem;
}

#insights_clave_box h3 {
  font-weight: 600;
}

.borde_izquierdo {
  border-left: 2px solid #212135;
}

.borde_izquierdo_carousel {
  border-left: 2px solid #9999b5;
}

.insights_card {
  padding-left: 2rem;
  margin-left: 2rem;
  margin-top: 2rem;
}

.insights_card p {
  margin: 0px !important;
  font-size: 20px;
}

.insights_titulo {
  font-size: 1.5rem !important;
  font-weight: 600;
}

.insights_titulo_no {
  font-size: 1.5rem !important;
  font-weight: 600;
  color: #f5f8fd;
}

.insights_titulo_no_2 {
  font-size: 3.5rem !important;
  font-weight: 600;
  color: #f5f8fd;
}

.insights_azul {
  font-size: 3.5rem !important;
  font-weight: 600;
  color: #0a0add;
}

.insights_margin {
  margin-right: 10rem;
}

.insights_margin_2 {
  margin-right: 8rem;
}

#paquetes_home_box {
  margin-left: 10rem;
  margin-right: 8rem;
  margin-top: 6rem;
  margin-bottom: 6rem;
}

#carouselExampleIndicators {
  width: 90vw !important;
  height: 300px;
}

#carouselExampleIndicators {
  color: #9999b5;
  font-size: 20px;
}

.carousel-item_box {
  width: 60vw !important;
  height: 300px;
}

.carousel-item_box img {
  width: 300px !important;
  height: -moz-max-content;
  height: max-content;
  margin-right: 2rem;
  margin-left: 2rem;
}

.info_carousel_box {
  height: 200px !important;
}

#sector_home_box {
  margin-bottom: 4rem;
}

#icono_movilitics {
  width: 422px;
}

.btns_navbar {
  display: flex;
}

.nav_btn {
  display: block;
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

#logo_cluster_negro {
  height: 58.338px;
  width: 158.971px;
}

.display_movilitics {
  display: flex;
}

.margin_5 {
  margin-top: 2rem;
}

#logo_cluster_box {
  margin-left: 1rem;
  margin-right: 1rem;
}

@media screen and (max-width: 1200px) {
  #logo_cluster_box {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  h3 {
    font-size: 1rem;
  }
  .img_home_box_left {
    width: 30%;
    margin-left: 4rem;
    height: 400px;
  }
  .img_home_box_right {
    margin-right: 4rem;
    height: 400px;
  }
  #container_home {
    padding-top: 120px;
  }
  #logo_cluster_negro {
    height: auto;
    width: 100px;
  }
  .text_home h1 {
    font-size: 2rem;
  }
  .text_home {
    font-size: 15px;
  }
  .btn_home {
    width: 8rem;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-top: 1rem;
  }
  .btn_home p {
    display: flex;
    font-size: 12px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .img_home_box_right {
    width: 45%;
    background-size: 100%;
  }
  #text_home_img {
    font-size: 12px;
    margin-bottom: 0px;
  }
  #text_home_img p {
    font-size: 11px;
    margin-bottom: 32%;
  }
  #conoce_los_ejercicios_box {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .conoce_los_ejercicios {
    margin-top: 25rem;
  }
  .ejercicios_card {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: 10rem;
    height: 7rem;
  }
  .ejercicios_card_color {
    width: 45px;
    border-radius: 0px 120px 120px 0px;
  }
  .ejercicios_texto p {
    font-size: 13px;
  }
  .ejercicios_texto span {
    font-size: 13px;
  }
  #insights_clave_box {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .insights_titulo {
    font-size: 1rem !important;
  }
  .insights_azul {
    font-size: 2rem !important;
  }
  .insights_card p {
    font-size: 13px;
  }
  .insights_card {
    padding-left: 1rem;
    margin-top: 1rem;
  }
  .insights_margin {
    margin-right: 1rem;
  }
  .insights_titulo_no {
    font-size: 1rem !important;
  }
  .insights_titulo_no_2 {
    font-size: 1rem !important;
  }
  .insights_margin_2 {
    margin-right: 0rem;
  }
  #paquetes_home_box {
    margin-left: 6rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  #carouselExampleIndicators {
    width: 100vw !important;
  }
  .carousel-item_box {
    width: 75vw !important;
  }
  .borde_izquierdo_carousel p {
    font-size: 13px;
  }
  .carousel-item_box img {
    width: 200px !important;
  }
  .footer_movilitics_info {
    font-size: 13px !important;
  }
  .footer_movilitics_info p {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 650px) {
  h3 {
    font-size: 1.5rem;
  }
  .img_home_box_left {
    width: 90% !important;
  }
  .img_home_box_right {
    display: none !important;
  }
  .text_home h1 {
    font-size: 10vw;
  }
  .text_home {
    font-size: 3vw;
  }
  .display_movilitics {
    display: block !important;
  }
  .margin_5 {
    margin-top: 0rem;
  }
  .ejercicios_card {
    width: 18rem;
    height: 12rem;
    margin-top: 2rem;
  }
  .ejercicios_card_color {
    height: 100%;
    width: 60px;
    border-radius: 0px 44px 44px 0px;
  }
  .ejercicios_texto p {
    font-size: 20px;
  }
  .img_home_box_left {
    margin-left: 2rem;
  }
  #conoce_los_ejercicios_box {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  #insights_clave_box {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  #paquetes_home_box {
    margin-left: 2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .info_carousel_box img {
    display: none !important;
  }
  .borde_izquierdo_carousel {
    border-left: none !important;
  }
  .movilitics_footer {
    display: none !important;
  }
  .insights_titulo {
    font-size: 1.25rem !important;
  }
  .insights_azul {
    font-size: 3rem !important;
  }
  .insights_card p {
    font-size: 18px;
  }
  .insights_card {
    margin-top: 1.5rem;
  }
  .imagen_carousel {
    display: none !important;
  }
}/*# sourceMappingURL=styles_home.css.map */