public/css/IM_como_funciona.cssbody{
  font-family: 'Roboto', sans-serif;
  font-weight: 280;
  color: #1B0F4C;
}




.my_spacer{
  display:block;
  margin:auto;
  width:100%;
  height:1px;
  overflow:hidden;
}

.header_space{
  border-top:2rem solid white;
  background-image:url("../img/image_header_factoring-online.png");
  background-size: 150%;
  background-repeat: no-repeat;
  height:350px;
  background-position-x: 70%;
  background-position-y: 81%;
}
@media screen and (min-width: 491px)
{
  .header_space{
      border-top:3rem solid white;
      background-image:url("../img/image_header_factoring-online.png");
      background-size: cover;
      background-repeat: no-repeat;
      height:450px;
      background-position-x: 70%;
      background-position-y: 10%;
  }

  h3[id] {
    scroll-margin-top: 120px;
  }
}


@media screen and (max-width: 490px)
{
  .header_space{
      border-top:2rem solid white;
      background-image:url("../img/factoring_online_mobile.png");
      background-size: 104%;
      background-repeat: no-repeat;
      height:385px;
      background-position-x: 5%;
      background-position-y: 94%;
  }

  h3[id] {
    scroll-margin-top: 120px;
  }
}

@media screen and (max-width: 270px)
{
  .header_space{
      border-top:2rem solid white;
      background-image:url("../img/3image_header_2_mobile.png");
      background-size: 250%;
      background-repeat: no-repeat;
      height:403px;
      background-position-x: 50%;
      background-position-y: 20%;
  }

  h3[id] {
    scroll-margin-top: 120px;
  }
}



.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


h1,h2,h3,h4,h5{
  color: #4d4d4d;
}

h1{
  font-size:3rem;
  color:#898989;
  font-weight:100 !important;
  font-family: 'Roboto Condensed', sans-serif;
}

h1 b{
  font-weight: 700 !important;
  background: linear-gradient(97deg, #D1A548 21.51%, rgba(235, 166, 26, 0.79) 84.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.h3_small{
  font-size:1.5rem!important;
}

.h3_small_small{
  font-size:1.3rem!important;
}

/*#lead_modal.css:13*/
.h3_text{
  font-weight: 600 !important;
  color: #1B0F4C !important;
  font-size: 1.25rem !important;
  text-transform: none !important;
}

/*#lead_modal.css:13*/
.h3_white{
  text-transform: none !important;
  color: white !important;
  font-weight: 500 !important;
}

.upper{
  text-transform: uppercase!important;
}

.justify{
  text-align:justify;
}

ul{
  list-style:none;
}

.breadcrumb-item{
  font-weight: 600;
  color: #1B0F4C;
  display: inline;
  font-family: 'Open Sans', sans-serif !important;
}

div.breadcrumb_IM span.breadcrumb_item {
  font-weight: 400;
  font-family: 'Open Sans', sans-serif !important;
}

div.breadcrumb_IM span.breadcrumb_item a:link {
  color: #d1a549 !important;
  text-decoration: underline;
  /* background-color: #25d366; */
  font-family: 'Open Sans', sans-serif !important;
}

div.breadcrumb_IM span.breadcrumb_item a:visited {
  color: #d1a549 ;
  text-decoration: underline;
  /* background-color: #25d366; */
  font-family: 'Open Sans', sans-serif !important;
}

div.breadcrumb_IM span.breadcrumb_item a:hover {
  color: #424242 ;
  /* background-color: #25d366; */
  font-family: 'Open Sans', sans-serif !important;
}

.my_dotted>*:before {
  content: "\2022";
  color: #d1a548;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1.4em;
}

.my_dotted_black>*:before {
  content: "\2022";
  color: black;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1.3em;
}


.my_mayor>*:before {
  content: ">";
  color: #d1a548;
  font-weight: bold;
  font-size:1.7rem;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.my_mayor{
  padding-left:1.7rem;
}

.my_mayor span{
  position: relative;
  left: -14px;
}



.my_mayor_black>*:before {
  content: ">";
  color: black;
  font-weight: bold;
  font-size:1.7rem;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.my_mayor_black{
  padding-left:1.7rem;
}

.my_mayor_black span{
  position: relative;
  left: -14px;
}


.h_inline{
  padding:0;margin:0;border:0;
  display:inline;
}

.my_bold{
  font-weight:bold;
}

.gold{
  color:#D1A548;
}

.white{
  color:white;
}

.black{
  color:black;
}

.grey{
  color:#4d4d4d;
}

.f-1-2{
  font-size:1.2rem;
}

.f-1-25{
  font-size:1.25rem;
  font-weight: 100 !important;
  color: #898989;
}

.f-1-4{
  font-size:1.4rem;
}

.f-1-6{
  font-size:1.6rem;
}

.f-1-8{
  font-size:1.8rem;
}

.bg_grey{
  background-color:#EFEEEE;
}

.main_title{
  padding-top: 5rem;
  font-size: 2rem;
  color: #1B0F4C;
  font-weight: 400 !important;
}


.no_h3{
  display:inline;
  margin:0;
  padding:0;
  border:0;
  font-size:1.2rem!important;
  font-weight:bold!important;
}


.break_line{ /*  insert to break line of a text ==> trigger on a defined @media max-width  */
  display:none;
}

@media screen and (max-width: 1200px) {
  .break_line{
      display:inline;
  }
}


@media screen and (max-width: 769px) {
  .vertical-center {
      margin: 0;
      position: relative;
      top: 0;
      -ms-transform: translateY(0);
      transform: translateY(0);
  }

  h3[id] {
    scroll-margin-top: 120px;
  }
}

/********************************************/
/* instrucciones para la ventana pop-up  ****/

.fnd__header{
  /*background: rgb(223,234,240);*/
  /*background: linear-gradient(110deg, rgba(223,234,240,1) 0%, rgba(151,163,175,1) 100%);*/
  /*background-image: url('../img/imagen_fnd_popup.jpg');*/
  background-position: top right;
  background-repeat: no-repeat;
  background-color: white !important;
}



.txt__header_width{
  width: 70% !important;
}

.modal-header{
  border-bottom: none !important;
}

@media (max-width: 575.98px) {
  .fnd__header{
      /*background-image: url('../img/imagen_fnd_popup__xs.jpg');*/
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: white !important;
  }

  .main_title {
      padding-top: 4rem !important;
  }

}

/***************************************************************/

.h4_small{
  font-size:1.2rem!important;
}

.my_mayor_big>*:before {
  content: ">";
  color: #d1a548;
  font-weight: bold;
  font-size:2.2rem;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.my_mayor_big{
  padding-left:2.1rem;
}

.my_mayor_big span{
  position: relative;
  left: -14px;
}


.my_mayor_big_black>*:before {
  content: ">";
  color: #4c4c4c;
  font-weight: bold;
  font-size:2.2rem;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.my_mayor_big_black{
  padding-left:2.1rem;
}

.my_mayor_big_black span{
  position: relative;
  left: -14px;
}

.header_space_img_2{
  background-image:url("../img_2/imagen_header_camp_full_reverse.jpg");
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}

.header_space_img{
  background-image:url("../img_2/imagen_header_camp_full_reverse_2.jpg");
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}


.header_form_custom{
  background-image:url('https://chita.cl/img/imagen_header_1600.jpg');
  height:545px;
  background-repeat: no-repeat;
  /*background-size: 100% 100%;*/
  background-position: 85% 0%;

  /*background-position-x: center;
  background-position-y: center;*/
}

@media screen and (max-width: 600px) {
  .break_col{
      min-width:100%!important;
      text-align:center;
  }

  .expand_col{
      min-width:100%!important;
  }

  .mobile_no_show{
      display:none;
  }

  .mobile_img_resize{
      width:350px;
  }

  .mobile_titleH1_resize{
      font-size:2em;
      color:#2c2c2c;
      /*font-weight:bold;*/
  }

  .mobile_expand_height{
      margin-top:350px;
  }

  .header_form_custom{
      height:320px!important;
      background-size: 1200px 380px;
      background-position: 45% 0%!important;
  }
}

.my_mayor_small_b{
  padding-left:1.7rem;
  margin-bottom:0;
}

.my_mayor_small_b span{
  position: relative;
  left: -11px;
  top:-1px;
}

.my_mayor_small_alt_b>*:before {
  content: "-";
  /*color: #d1a548;*/
  color:white;
  font-weight: bold;
  /*font-size:1.6rem;*/
  display: inline-block;
  width: 1em;
  margin-left: 0.3em;
}

.h3_link{
  color:#4d4d4d;
  text-decoration: underline;
  text-decoration-color:#D1A548;
}

.h3_link:hover{
  color:#D1A548;
}

.grey_bold{
  font-weight:bold;
  color:#4d4d4d;
}

.simple{
  padding-left:10px;
}

.huge{
  font-size:10em;
  font-weight:bold;
  line-height:0.8em;
}

.not_so_huge{
  font-size:4em;
  font-weight:bold;
  line-height:1.2em;
}

.header_space_chile {
  border-top: 2rem solid white;
  background-image: url(../img/fintech-chile-v2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 450px;
  background-position-x: 70%;
  background-position-y: 70%;
}


@media screen and (max-width: 490px) {
  .header_space_chile {
      border-top: 2rem solid white;
      background-image: url(../img/fintech-chile-mobile.png);
      background-size: 104%;
      background-repeat: no-repeat;
      height: 385px;
      background-position-x: 5%;
      background-position-y: 94%;
  }

  h3[id] {
    scroll-margin-top: 120px;
  }
}


.aligned-list {
  list-style: none; /* Quitar el punto por defecto */
  padding-left: 0;
}
.aligned-list li {
  text-indent: -0.8em;
  padding-left: 1.5em;
  margin-bottom: -0.5em;
  font-size: 1rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400 !important;
  /* padding-right: 2rem; */
  padding-bottom: 1.2rem;
  margin-top: -1rem;
  color: #23155B !important;
}
.aligned-list li::before {
  content: '•';
  color: #000;
  margin-right: 0.5em;
}

.list-fintech {
  list-style: none;
  padding-left: 0;
}

.list-fintech li {
  text-indent: 0;
  padding-left: 1.2em;
  margin-bottom: 1em;
  font-size: 1rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #23155B;
}

.list-fintech li::before {
  content: '•';
  color: #23155B;
  margin-right: 0.5em;
}

h3[id] {
  scroll-margin-top: 85px;
}

.txt-color-chita {
  color: #23155B;

  font-weight: 600 !important;
}
