/* Clickable Parent Link */
.clickable-parent:not(a), .clickable-parent:not(a) a, .clickable-parent.button, .clickable-parent.a {
  position: static !important;
}
.clickable-parent:not(a) > a::after, .clickable-parent.button::after, .clickable-parent.a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}
/* Acessibility
---------------------------------------------------------------------------- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.hide {
  display: none;
}
/*Added by Mariano*/
/* Background Color
---------------------------------------------------------------------------- */
/*Backgrounds white
--------------------------------------------- */
.bg--white {
  background-color: #fff;
}
.bg--white-alt {
  background-color: var(--white-alt);
}
/*Backgrounds black
--------------------------------------------- */
.bg--black {
  background-color: #000;
}
.bg--black-alt {
  background-color: var(--black-alt);
}
/*Background gray
--------------------------------------------- */
.bg--gray {
  background-color: var(--gray);
}
/* Algins
---------------------------------------------------------------------------- */
/*Center All
--------------------------------------------- */
.center--all {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Grid
---------------------------------------------------------------------------- */
.grid--3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
  .grid--3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .grid--3 {
    grid-template-columns: 1fr;
  }
}