@charset "utf-8";

:root {
  --rojo-chilango: #c90024;
}

@font-face {
  font-family: 'MontserratBlack';
  src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'MontserratBold';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'MontserratMedium';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'MontserratSemiBold';
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-style: normal;
}

body,html {
  height:100%;
  margin:0;
  background:-webkit-linear-gradient(#ed0000, #ed0000);
  background:linear-gradient(#ed0000,#ed0000);
  font-family: MontserratMedium;
}

.credit-info, .credit-info > h4 {
  background:#000000;
  color: #FFF;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.form-label, .col-form-label {
  color: #FFF;
}

.card{
  box-shadow: 0px 15px 50px 10px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

.form-control{
  color: #FFF !important;
}

.fuenteItem input {
  display: none;
}

.fuenteItem .item {
  cursor: pointer;
  /* margin-bottom: 2rem; */
  width: 140px;
  transition: all .5s;
  border: solid 2px var(--rojo-chilango);
  border-radius: 22px;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: 'MontserratBold';
  padding: 10px;
}
.fuenteItem input:checked + .item { 
  background: var(--rojo-chilango); color:#fff; 
}
.chiles img{
  width: 40px;
}
.chiles span{ 
  display: block; 
  font-family: MontserratSemiBold; 
  color:#7d7d7d;
}
.chilesOption input{ 
  display: none; 
}
.chilesOption input:checked + span{ 
  background-color: var(--rojo-chilango); 
}
.chilesOption span { 
  cursor:pointer;
  margin: auto; 
  display: block; 
  border: solid 1px var(--rojo-chilango); 
  width:20px; 
  height:20px; 
  border-radius: 50%; 
  transition: all .5s; 
}
.tablaIntereses{
  min-width: 100%;
}

.interesTitle {
  font-family: MontserratBold;
  font-size: 1rem;
}

.title {
  font-family: MontserratBold;
  font-size: 1.2rem;
}

.interesMain td {
  padding: 5px;
}

.subTitle {
  font-family: MontserratMedium;
  font-size: 1rem;
}

.log{
  font-family: MontserratBold; 
  font-size: 0.8rem; 
  color:var(--rojo-chilango);
}

.logo-blanco, .logo-negro{
  text-align: center;
  img{
    max-width: 30%;
  }
}

.logo-blanco img{
  display: none;
}

.logo-negro img{
  display: inline;
}

.icon-intereses{
  text-align: center;
  padding: 0.5rem;
}

.form-select{
  color: #FFF;
}

.btn-success {
  color: #fff;
  background-color: #c90024;
  border-color: #c90024;
}

.btn-success:hover, .btn-success:active {
  color: #fff;
  background-color: #ed0000 !important;
  border-color: #ed0000 !important;
}

.modal-simple .btn-close {
  position: absolute;
  inset-block-start: -1.5rem;
  inset-inline-end: -1.5rem;
}

.modal .btn-close {
  padding: .563rem;
  background-color: var(--bs-paper-bg);
  background-image: none;
  box-shadow: var(--bs-box-shadow-xs);
  filter: none;
  opacity: 1;
  transform: translate(23px, -25px);
  border-radius: .25rem;
  transition: all .23s ease .1s;
}

.campo-modal{
  color: #000000 !important;
}

input.campo-modal:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}

@media (min-width: 300px) and (max-width: 1199px) {
  .logo-blanco img{
    display: inline;
  }
  .logo-negro img{
    display: none;
  }

  .credit-info, .credit-info > h4 {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0px;
  }
  .icon-intereses{
    width: 50%;
  }
}