/*Ayudas-------------------------------------*/

.w100{
  width: 100% !important;
}

.w50{
  width: 50% !important;
}

.txtCenter{
  text-align: center;
  width: 50px;
}

.center{
  text-align: center;
  justify-content: center;
}

.columna{
  display: flex;
  flex-direction: column !important;
}

.gap20{
  display: flex !important;
  gap: 20px !important;
}

.gapy20{
  display: flex !important;
  gap: 20px 0px !important;
}

.gap15{
  display: flex !important;
  gap: 15px 10px !important;
}
.mxvw {
  margin: 5px 5vw !important;
}
.txtBold{
  width: 50px;
  font-size: 26px;
  font-weight: bold;
}

.txtBoldMini{
  width: 50px;
  font-size: 24px;
  font-weight: bold;
  color: #2E4765
}

.txtBoldMini2{
  width: 50px;
  font-size: 24px;
  font-weight: bold;
  color: #2E4765
}

.txtMini{
  width: 50px;
  font-size: 12px;
}

.txtMiniID{
  width: 50px;
  font-size: 12px;
}

.txtN{
  font-weight: bold;
  font-size: 13px;
}

.txtM{
  font-weight: bold;
  font-size: 15px;
}

.txtM2{
  font-size: 12px;
}

.txtN2{
  font-weight: bold;
  font-size: 24px;
  color: #00bf78;
}

.separator {
  width: 1060px;
  height: 5px;
  margin: 13px 0 34px;
  background-color: var(--color-secundary);
}

.m0{
  margin: 0px !important;
}
.mt-30{
  margin-top: 30px !important;
}

.mt--10{
  margin-top: -10px;
}

.ml--35{
  margin-left: -35px !important;
}

.ml0{
  margin-left: 0px !important;
}

.ml-2{
  margin-left: 10px !important;
}

.mr-2{
  margin-right: 10px !important;
}

.ml-3{
  margin-left: 20px !important;
}

.right{
  text-align: end;
}

.derecha{
  display: flex;
  justify-content: end !important;
}

.izquierda{
  display: flex;
  justify-content: start !important;
}

.v-center {
  display: flex !important;
  align-items: center !important;
}

.left{
  text-align: start;
}

.p10{
  padding: 10px !important;
}
.pr15{
  padding-right: 15px !important;
}

.pr0{
  padding-right: 0px !important;
}

.p0{
  padding: 0px !important;
}

.pl-2{
  padding-left: 12px !important;
}

.pb0{
  padding-bottom: 0px !important;
}

.mb0{
  margin-bottom: 0px !important;
}

.mr-10{
  margin-right: 10px;
}

.mr-25{
  margin-right: 25px;
}

.h_fit{
  height: fit-content !important;
}

.w_fit {
  width: fit-content !important;
}


.pl-0{
  padding-left: 0px !important;
}

.bg-white{
  background-color: white !important;
}

.flex1{
  flex: 1;
}

.mx-8 {
  margin-right: 8rem !important;
  margin-left: 8rem !important;
}
.imgrecomendado{
  width: 60px;

}


@media (max-width:900px){
  .txtCenter{
    text-align: center;
    display: none;
  }

  .txtCenter2{
    text-align: center;
    display: block;
  }
.no-mostrar-texto{
        display: none;
    }
    .texto1{
        color: #8295B3;
        font-size: 12px !important;
        padding-bottom: 5px;
    }
  .txtBoldMini{
    width: 50px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    
  }
  .txtBoldMini2{
    width: 50px;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
  }
  .txtBold{
    width: 50px;
    font-size: 40px;
    font-weight: bold;
  }
  .txtMini{
    width: 50px;
    font-size: 12px;
  }
  .txtMiniID{
    width: 50px;
    font-size: 12px;
    display: none;
  }
  .txtN{
    font-weight: bold;
    font-size: 20;
  }

  .center_separado{
    display: flex !important;
    justify-content: space-around;
  }
}

.content-center{
  justify-content: center !important;
}

.reverts{
  display: flex;
  flex-direction: column-reverse;
}

.borde {
  border-right: 1px solid;
  padding: 10px 0px;
}

.wbreak-all{
  word-break: break-all;
}





/*Responsive----------------------------------------*/
@media (max-width: 1115px){
	.reverse{
    display: flex;
    flex-direction: column-reverse;
  }
  .txtBold{
    width: 50px;
    font-size: 22px;
    font-weight: bold;
  }
}


@media (max-width: 700px){
	.col-6{
    width: 100% !important;
  }
}