ul,
ol {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

a,
a:hover {
  text-decoration: none;
  color: var(--white);
  transition: ease-in-out .3s;
}

.btn {
  padding: 0;
  font-size: var(--fsz-3);
}

.btn-lg {
  width: 300px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn:focus {
  box-shadow: none;
}

.btn-primary {
  background-color: transparent;
  border-color: var(--white);
  border-radius: 0;
}

.btn-primary:hover {
  transition: ease-in-out .3s;
  border-color: var(--white);
  background-color: var(--white);
  color: var(--color-3);
}

.btn-secondary {
  background-color: var(--color-3);
  border: 2px solid var(--color-3);
  color: var(--white);
  width: 190px;
  height: 60px;
  border-radius: 0;
  border-radius: 3px;
  font-size: 1.125rem;
}

.btn-secondary:hover,
.btn:hover,
.btn-lg:hover,
.btn-next:hover,
.btn-secondary:hover:not(:disabled):not(.disabled) {
  background-color: transparent;
  border-color: var(--color-3);
  color:var(--color-3);
}


/* .btn-secondary:focus,
.btn-next:hover,
.btn-lg:hover {
  background-color: transparent;
  border-color: var(--color-3);
  color: var(--color-3);
} */

.btn-search-ol {
  background-color: #0F1941;
  color: white;
  padding: 0.5em;
  margin: 0.5em 0em;
  width: 100%;
}

.btn-search-ol:hover {
  color: white;
  background-color: #175197;
}

.btn-alert-ol {
  border: 1px solid white;
  color: white;
  padding: 0.5em;
  margin: 0.5em 0em;
  width: 100%;
}

.btn-alert-ol:hover {
  border: 1px solid #175197;
  color: #175197;
}

.btn-prev {
  background-color: transparent;
  border-color: var(--color-3);
  color: var(--color-3);
}

.btn-prev:hover {
  background-color: var(--color-3);
  color: var(--white);
}

.offcanvas {
  background-color: var(--color-1);
}

.offcanvas-header {
  padding: 0;
}

.offcanvas-body {
  padding-top: 10px;
}

input,
select {
  height: 60px;
  border-radius: 4px;
}

/*ICONOS SOCIALES*/
.footer__grid {
  margin-top:20px;
}
.footer__grid li a {
  color: rgba(247,245,240,.5);
}

.footer__grid li a:hover {
  color: #fff;
}

.social__list {
  order: 1;
  margin-bottom: 20px;
  margin-top: 15px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.icon--inline {
  display: inline-block;
  position: relative;
  right: inherit;
}
.icon--l {
  height: 30px;
  width: 30px;
}
.icon {
  box-sizing: content-box;
  color: var(#fff);
  height: 30px;
  line-height: 0;
  right: 0;
  width: 30px;
  transition: color .2s;
}

.social__item {
  margin-right: 20px;
  margin-top: 5px;
}

.social__list svg:hover {
  fill: #f7f5f0;
  opacity: 1;
}

.footer__grid svg {
  color: #fff;
  opacity: .5;
}

.icon svg {
  fill: currentColor;
  height: 100%;
  width: 100%;
}

.main {
  min-height: 80vh;
  justify-content: center;
}

@media (max-width:767.98px) {
  .main {
      overflow-y: hidden;
      min-height: 40vh;
  }
}

.modal {
  z-index: 99999;
}