:root {
    --heading-ratio: 1.19;
    --universal-margin: 0.5rem;
    --universal-padding: 0.5rem;
    --universal-border-radius: 0.125rem;

}
.img-fw {
    width: 100%;
}

img {
max-width: 100%;
height: auto;
}

/*
Definitions for the grid system, cards and containers.
*/
.contenedor {
margin: 0 auto;
padding: 0 calc(1.5 * var(--universal-padding));
}

.fila {
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-flow: row wrap;
}

.col-pq,
[class^='col-pq-'],
[class^='col-pq-offset-'],
.fila[class*='cols-pq-'] > * {
box-sizing: border-box;
flex: 0 0 auto;
padding: 0 calc(var(--universal-padding) / 2);
}

.col-pq,
.fila.cols-pq > * {
max-width: 100%;
flex-grow: 1;
flex-basis: 0;
}

.col-pq-1,
.fila.cols-pq-1 > * {
max-width: 8.33333%;
flex-basis: 8.33333%;
}

.col-pq-offset-0 {
margin-left: 0;
}

.col-pq-2,
.fila.cols-pq-2 > * {
max-width: 16.66667%;
flex-basis: 16.66667%;
}

.col-pq-offset-1 {
margin-left: 8.33333%;
}

.col-pq-3,
.fila.cols-pq-3 > * {
max-width: 25%;
flex-basis: 25%;
}

.col-pq-offset-2 {
margin-left: 16.66667%;
}

.col-pq-4,
.fila.cols-pq-4 > * {
max-width: 33.33333%;
flex-basis: 33.33333%;
}

.col-pq-offset-3 {
margin-left: 25%;
}

.col-pq-5,
.fila.cols-pq-5 > * {
max-width: 41.66667%;
flex-basis: 41.66667%;
}

.col-pq-offset-4 {
margin-left: 33.33333%;
}

.col-pq-6,
.fila.cols-pq-6 > * {
max-width: 50%;
flex-basis: 50%;
}

.col-pq-offset-5 {
margin-left: 41.66667%;
}

.col-pq-7,
.fila.cols-pq-7 > * {
max-width: 58.33333%;
flex-basis: 58.33333%;
}

.col-pq-offset-6 {
margin-left: 50%;
}

.col-pq-8,
.fila.cols-pq-8 > * {
max-width: 66.66667%;
flex-basis: 66.66667%;
}

.col-pq-offset-7 {
margin-left: 58.33333%;
}

.col-pq-9,
.fila.cols-pq-9 > * {
max-width: 75%;
flex-basis: 75%;
}

.col-pq-offset-8 {
margin-left: 66.66667%;
}

.col-pq-10,
.fila.cols-pq-10 > * {
max-width: 83.33333%;
flex-basis: 83.33333%;
}

.col-pq-offset-9 {
margin-left: 75%;
}

.col-pq-11,
.fila.cols-pq-11 > * {
max-width: 91.66667%;
flex-basis: 91.66667%;
}

.col-pq-offset-10 {
margin-left: 83.33333%;
}

.col-pq-12,
.fila.cols-pq-12 > * {
max-width: 100%;
flex-basis: 100%;
}

.col-pq-offset-11 {
margin-left: 91.66667%;
}

.col-pq-normal {
order: initial;
}

.col-pq-first {
order: -999;
}

.col-pq-last {
order: 999;
}

@media screen and (min-width: 768px) {
.col-dt,
[class^='col-dt-'],
[class^='col-dt-offset-'],
.fila[class*='cols-dt-'] > * {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0 calc(var(--universal-padding) / 2);
}
.col-dt,
.fila.cols-dt > * {
  max-width: 100%;
  flex-grow: 1;
  flex-basis: 0;
}
.col-dt-1,
.fila.cols-dt-1 > * {
  max-width: 8.33333%;
  flex-basis: 8.33333%;
}
.col-dt-offset-0 {
  margin-left: 0;
}
.col-dt-2,
.fila.cols-dt-2 > * {
  max-width: 16.66667%;
  flex-basis: 16.66667%;
}
.col-dt-offset-1 {
  margin-left: 8.33333%;
}
.col-dt-3,
.fila.cols-dt-3 > * {
  max-width: 25%;
  flex-basis: 25%;
}
.col-dt-offset-2 {
  margin-left: 16.66667%;
}
.col-dt-4,
.fila.cols-dt-4 > * {
  max-width: 33.33333%;
  flex-basis: 33.33333%;
}
.col-dt-offset-3 {
  margin-left: 25%;
}
.col-dt-5,
.fila.cols-dt-5 > * {
  max-width: 41.66667%;
  flex-basis: 41.66667%;
}
.col-dt-offset-4 {
  margin-left: 33.33333%;
}
.col-dt-6,
.fila.cols-dt-6 > * {
  max-width: 50%;
  flex-basis: 50%;
}
.col-dt-offset-5 {
  margin-left: 41.66667%;
}
.col-dt-7,
.fila.cols-dt-7 > * {
  max-width: 58.33333%;
  flex-basis: 58.33333%;
}
.col-dt-offset-6 {
  margin-left: 50%;
}
.col-dt-8,
.fila.cols-dt-8 > * {
  max-width: 66.66667%;
  flex-basis: 66.66667%;
}
.col-dt-offset-7 {
  margin-left: 58.33333%;
}
.col-dt-9,
.fila.cols-dt-9 > * {
  max-width: 75%;
  flex-basis: 75%;
}
.col-dt-offset-8 {
  margin-left: 66.66667%;
}
.col-dt-10,
.fila.cols-dt-10 > * {
  max-width: 83.33333%;
  flex-basis: 83.33333%;
}
.col-dt-offset-9 {
  margin-left: 75%;
}
.col-dt-11,
.fila.cols-dt-11 > * {
  max-width: 91.66667%;
  flex-basis: 91.66667%;
}
.col-dt-offset-10 {
  margin-left: 83.33333%;
}
.col-dt-12,
.fila.cols-dt-12 > * {
  max-width: 100%;
  flex-basis: 100%;
}
.col-dt-offset-11 {
  margin-left: 91.66667%;
}
.col-dt-normal {
  order: initial;
}
.col-dt-first {
  order: -999;
}
.col-dt-last {
  order: 999;
}
}

@media screen and (min-width: 1280px) {
.col-lg,
[class^='col-lg-'],
[class^='col-lg-offset-'],
.fila[class*='cols-lg-'] > * {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0 calc(var(--universal-padding) / 2);
}
.col-lg,
.fila.cols-lg > * {
  max-width: 100%;
  flex-grow: 1;
  flex-basis: 0;
}
.col-lg-1,
.fila.cols-lg-1 > * {
  max-width: 8.33333%;
  flex-basis: 8.33333%;
}
.col-lg-offset-0 {
  margin-left: 0;
}
.col-lg-2,
.fila.cols-lg-2 > * {
  max-width: 16.66667%;
  flex-basis: 16.66667%;
}
.col-lg-offset-1 {
  margin-left: 8.33333%;
}
.col-lg-3,
.fila.cols-lg-3 > * {
  max-width: 25%;
  flex-basis: 25%;
}
.col-lg-offset-2 {
  margin-left: 16.66667%;
}
.col-lg-4,
.fila.cols-lg-4 > * {
  max-width: 33.33333%;
  flex-basis: 33.33333%;
}
.col-lg-offset-3 {
  margin-left: 25%;
}
.col-lg-5,
.fila.cols-lg-5 > * {
  max-width: 41.66667%;
  flex-basis: 41.66667%;
}
.col-lg-offset-4 {
  margin-left: 33.33333%;
}
.col-lg-6,
.fila.cols-lg-6 > * {
  max-width: 50%;
  flex-basis: 50%;
}
.col-lg-offset-5 {
  margin-left: 41.66667%;
}
.col-lg-7,
.fila.cols-lg-7 > * {
  max-width: 58.33333%;
  flex-basis: 58.33333%;
}
.col-lg-offset-6 {
  margin-left: 50%;
}
.col-lg-8,
.fila.cols-lg-8 > * {
  max-width: 66.66667%;
  flex-basis: 66.66667%;
}
.col-lg-offset-7 {
  margin-left: 58.33333%;
}
.col-lg-9,
.fila.cols-lg-9 > * {
  max-width: 75%;
  flex-basis: 75%;
}
.col-lg-offset-8 {
  margin-left: 66.66667%;
}
.col-lg-10,
.fila.cols-lg-10 > * {
  max-width: 83.33333%;
  flex-basis: 83.33333%;
}
.col-lg-offset-9 {
  margin-left: 75%;
}
.col-lg-11,
.fila.cols-lg-11 > * {
  max-width: 91.66667%;
  flex-basis: 91.66667%;
}
.col-lg-offset-10 {
  margin-left: 83.33333%;
}
.col-lg-12,
.fila.cols-lg-12 > * {
  max-width: 100%;
  flex-basis: 100%;
}
.col-lg-offset-11 {
  margin-left: 91.66667%;
}
.col-lg-normal {
  order: initial;
}
.col-lg-first {
  order: -999;
}
.col-lg-last {
  order: 999;
}
}


.hidden {
display: none !important;
}

.visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
border: 0 !important;
padding: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(100%) !important;
clip-path: inset(100%) !important;
overflow: hidden !important;
}

.responsive-margin {
margin: calc(var(--universal-margin) / 4) !important;
}

@media screen and (min-width: 768px) {
.responsive-margin {
  margin: calc(var(--universal-margin) / 2) !important;
}
}

@media screen and (min-width: 1280px) {
.responsive-margin {
  margin: var(--universal-margin) !important;
}
}

.responsive-padding {
padding: calc(var(--universal-padding) / 4) !important;
}

@media screen and (min-width: 768px) {
.responsive-padding {
  padding: calc(var(--universal-padding) / 2) !important;
}
}

@media screen and (min-width: 1280px) {
.responsive-padding {
  padding: var(--universal-padding) !important;
}
}

@media screen and (max-width: 767px) {
.hidden-sm {
  display: none !important;
}
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
.hidden-md {
  display: none !important;
}
}

@media screen and (min-width: 1280px) {
.hidden-lg {
  display: none !important;
}
}

@media screen and (max-width: 767px) {
.visually-hidden-sm {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(100%) !important;
  clip-path: inset(100%) !important;
  overflow: hidden !important;
}
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
.visually-hidden-md {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(100%) !important;
  clip-path: inset(100%) !important;
  overflow: hidden !important;
}
}

@media screen and (min-width: 1280px) {
.visually-hidden-lg {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(100%) !important;
  clip-path: inset(100%) !important;
  overflow: hidden !important;
}
}