:root {
  --is-blue: #ff2e2e;
  --is-bg-blue: background-color #ff2e2e;
  --is-negro: #202123;
  --color-primary: #ff2e2e;
  --color-secondary: #ff2e2e;
  --color-secondary: #ff2e2e;
  --color-tertiary: #ff2e2eeb;

  --is-verde: #17c45f;
}
.text-red {
  color: var(--is-blue);
}
.text-green {
  color: var(--is-verde);
}
.text-black {
  color: var(--is-negro);
}

.btn-primary.btn-shadow {
  box-shadow: none;
}
.btn-primary.btn-shadow:hover{
  box-shadow: 0 0.5rem 1.125rem -0.5rem var(--color-tertiary);
}

@keyframes expand {
  from {
    width: 0%;
  }
  to {
  }
}

.sr-only {
  position: absolute;
  display: inline-block;
  text-align: right;
  font-size: 1.2rem;
}
.progress-bar {
  animation-name: expand;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}

.title-banner {
  font-family: "Racing Sans One", cursive;
}
.banner-content {
  filter: drop-shadow(2px 4px 6px black);
}

.radio-select {
  transform: scale(1.5);
  margin-right: 0.5rem;
}
/* bootstrap */
.bg-dark {
  background-color: #19191a!important;
}
.bg-darker {
  background-color: #19191a!important;
}
.steps-light .step-item.active .step-count, .steps-light .step-item.active .step-progress {
  color: #fff;
  background-color: var(--is-blue);
}
.text-primary {
  color: var(--is-blue)!important;
}
.btn-primary {
  background-color: var(--is-blue)!important;
  border-color: var(--is-blue)!important;
}
.btn-primary:hover {
  background-color: var(--color-tertiary)!important;
  border-color: var(--color-tertiary)!important ;
} 
.navbar-tool .navbar-tool-label {
  background-color: var(--color-secondary);
}
.progress-bar{
  background-color: var(--color-primary);
}
.progress{
  height: 1.8rem;
}

.boleta-card {
  /*min-width: 34.5px;*/
  width: auto;
  display: inline-block;
  min-height: 32px;
  height: 32px;
  margin-bottom: 20px;
  margin-left: 5px;
  background-image: linear-gradient(150deg, var(--color-primary) 0%, var(--color-tertiary) 66%);
  border-radius: 5px;
  font-size: 11px !important;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  border: none;
  padding: 0 5px 0 5px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 2px;
  padding-top: 7px;
}
.form-group {
  display: inline-flex;
}
.tns-nav {
  display: none;
}
.mercadopago-button {
  padding: 0 1.7142857142857142em;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875em;
  line-height: 2.7142857142857144;
  background: #009ee3;
  border-radius: 0.2857142857142857em;
  color: #fff;
  cursor: pointer;
  border: 0;
}
.mercadopago-button:hover{
  color: #ffffff;
}
.float-wp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
  z-index:100;
}
.float-wp > *{
  color: #FFF!important;
}

.my-float{
	margin-top:16px;
}
@media (max-width: 600px) {
  .nav-logo {
    width: 70px;
  }
  .title-banner > h1{
    font-size: 6vw;
  }
  .container-tablas {
    column-count: 1!important;
  }

}
@media (max-width: 990px) {
  .float-wp {
    display: none;
  }
}