input:focus {
  outline: 0;
}

.checkbox-ghost {
  cursor: pointer;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  outline: 0;
  border: 0;
}

@font-face {
  font-family: 'Acciona';
  src: url(/dist/f0304cf0bc228f8e471073a59b4f62a3.woff2) format('woff2'),
    url(/dist/4112d788f7379ca27a98ad9709bbe5b3.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Acciona';
  src: url(/dist/6bb18ece5ca7c1f00ab95e9461e8033b.woff2) format('woff2'),
    url(/dist/85444c9efa49621c3934ef73c7fe9dc7.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Acciona';
  src: url(/dist/6ca2c04e870c0baca95585bc0c6b7318.woff2) format('woff2'),
    url(/dist/ff6048e8a8df11246a98ae17f68aa2d1.woff) format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Acciona';
  src: url(/dist/faf1fa018f086f9e2384105c116d1431.woff2) format('woff2'),
    url(/dist/7703d6f5106698784719094165dfe7d4.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Acciona';
  src: url(/dist/6a4055f5e4112987f33b92f1ab5a8ea5.woff2) format('woff2'),
    url(/dist/94d8ef4b4baae2e600b3a76306db46dc.woff) format('woff');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Acciona';
  src: url(/dist/d3238e3cc994b13abd666ab6530dda93.woff2) format('woff2'),
    url(/dist/689ca6fc4673380aecda7a3b6de42100.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Acciona';
  src: url(/dist/199ae092cfd54d64e653ac73f86ce6e5.woff2) format('woff2'),
    url(/dist/81d735dfe18bae47ee799134eb1ece33.woff) format('woff');
  font-weight: 100;
  font-style: normal;
}

body {
  font-family: 'Acciona', Helvetica, Arial, sans-serif;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.icon--white path {
  fill: #fff;
}

.icon--red path {
  fill: red;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

a {
  text-decoration: none;
  color: #000;
}

html {
  font-size: 62.5%;
}

.uppercase {
  text-transform: uppercase;
}

strong {
  font-weight: 600;
}

.title--tag {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-content: center;
  align-self: flex-start;
  min-height: 2.5rem;
  align-items: center;
}

@media (max-width: 679px) {
  .title--tag {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--tag {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}

.title--tag::before {
  width: 1px;
  content: '';
  display: inline-block;
  margin-right: 14px;
  background-color: red;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
}

.title--xl {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media (min-width: 1024px) {
  .title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 1680px) {
  .title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1920px) {
  .title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

.title--l {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.title--s {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

.title--xs {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.title--xxs {
  font-size: 1.6rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.body--m {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.body--s {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1280px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1680px) {
  .body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.title--small {
  font-size: 1.1rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

.cifras--s {
  font-size: 3rem;
  margin-top: 10px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--s {
    font-size: 4rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.cifras--l {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 680px) {
  .cifras--l {
    font-size: 12rem;
  }

  .cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1280px) {
  .cifras--l {
    font-size: 14rem;
  }

  .cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1680px) {
  .cifras--l {
    font-size: 22rem;
  }

  .cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.body--xs,
.link,
.btn-cta {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9rem;
}

.cifras--m {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--m {
    font-size: 6rem;
  }
}

@media (min-width: 1280px) {
  .cifras--m {
    font-size: 8rem;
  }
}

@media (min-width: 1920px) {
  .cifras--m {
    font-size: 12rem;
  }
}

.title--m {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.cifras--xl {
  font-size: 9rem;
  font-weight: 300;
}

@media (max-width: 679px) {
  .cifras--xl {
    font-size: 8rem;
  }
}

@media (min-width: 680px) {
  .cifras--xl {
    font-size: 14rem;
    line-height: 14rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .cifras--xl {
    font-size: 20rem;
  }
}

@media (min-width: 1280px) {
  .cifras--xl {
    font-size: 25rem;
  }
}

@media (min-width: 1920px) {
  .cifras--xl {
    font-size: 30rem;
  }
}

small {
  font-size: 0.5em;
}

@media screen and (min-width: 680px) {
  .xs-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xs-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xs-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xs-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--l {
    font-size: 12rem;
  }

  .xs-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--l {
    font-size: 14rem;
  }

  .xs-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-cifras--l {
    font-size: 22rem;
  }

  .xs-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .s-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .s-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .s-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--l {
    font-size: 12rem;
  }

  .s-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--l {
    font-size: 14rem;
  }

  .s-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-cifras--l {
    font-size: 22rem;
  }

  .s-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .m-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .m-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .m-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--l {
    font-size: 12rem;
  }

  .m-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--l {
    font-size: 14rem;
  }

  .m-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-cifras--l {
    font-size: 22rem;
  }

  .m-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .l-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .l-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .l-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--l {
    font-size: 12rem;
  }

  .l-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--l {
    font-size: 14rem;
  }

  .l-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-cifras--l {
    font-size: 22rem;
  }

  .l-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xl-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xl-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xl-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--l {
    font-size: 12rem;
  }

  .xl-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--l {
    font-size: 14rem;
  }

  .xl-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-cifras--l {
    font-size: 22rem;
  }

  .xl-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.link,
.btn-cta {
  font-size: 1.1rem;
  line-height: 2rem;
  min-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1680px) {
  .link,
  .btn-cta {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.taglabel {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.9rem;
  display: inline-flex;
  align-items: center;
}

.taglabel svg {
  margin-right: 0.5rem;
}

@media (min-width: 1680px) {
  .taglabel {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.download-link {
  position: relative;
}

.download-link svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.link--icon .cta-single {
  margin-left: 0;
}

.link--icon svg {
  transform: translateX(0) translateY(4px);
  margin-left: 1rem;
  transition: all 0.3s ease-in-out;
}

.link--icon:hover svg {
  transform: translateX(5px) translateY(4px);
}

.link--icon.link--lightbox svg {
  transform: translateX(0) translateY(2px);
}

.link--icon.link--lightbox:hover svg {
  transform: translateX(5px) translateY(2px);
}

.link--back {
  font-size: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .link--back {
    display: inline-flex;
  }
}

.link--back svg {
  transform: rotate(180deg) translateX(10px) translateY(1px);
}

.link--back:hover svg {
  transform: rotate(180deg) translateX(15px) translateY(1px);
}

.link--subscribe {
  font-size: 1rem;
}

.link--subscribe svg {
  transform: translateX(-10px) translateY(0);
}

.link--subscribe:hover svg {
  transform: translateX(-15px) translateY(0);
}

.link--download {
  position: relative;
  padding-left: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.link--download svg {
  position: absolute;
  left: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.link--download .link--download-type {
  flex-basis: 100%;
}

.link--download a,
.link--download a {
  flex-direction: column;
  align-items: flex-start;
}

.link--download span {
  transition: all 0.3s ease-in-out;
  transform: translateX(0) translateY(4px);
}

.link--download:hover span,
.link--download a:hover span {
  transform: translateX(0) translateY(4px);
}

.link--download:hover svg,
.link--download a:hover svg {
  transform: translateX(0) translateY(8px);
}

.link--download .link--download-type {
  color: #4c4c4c;
  font-weight: 400;
}

.btn-cta {
  background-color: red;
  height: 5rem;
  border-radius: 25px;
  display: inline-flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn-cta:hover {
  background-color: #d50000;
}

@media (max-width: 679px) {
  .btn-cta {
    height: 6rem;
    border-radius: 3rem;
    margin-right: 6rem;
    width: calc(100% - 20px);
  }
}

@media (min-width: 680px) {
  .btn-cta {
    max-width: 325px;
    width: auto;
    padding: 0 40px;
  }
}

.align-center {
  text-align: center;
}

@media (min-width: 680px) {
  .link.mobile-visible,
  .mobile-visible.btn-cta {
    display: none;
  }
}

@media (max-width: 679px) {
  .link.mobile-hidden,
  .mobile-hidden.btn-cta {
    display: none;
  }
}

.link--white {
  position: relative;
}

.link--white::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.link--white:hover::after {
  right: 100%;
  width: 0;
}

.link--red {
  color: red;
  position: relative;
}

.link--red::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--red:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: red;
}

.link--black {
  color: #000;
  position: relative;
}

.link--black::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--black:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: #000;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

a.circled-link {
  border: solid 1px #000;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
}

a.link.link-lvl-1,
a.link-lvl-1.btn-cta {
  text-transform: none;
}

a.link.link-lvl-1 svg,
a.link-lvl-1.btn-cta svg {
  display: none;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

.module.is-hovered .link svg,
.module.is-hovered .btn-cta svg {
  transform: translateX(1rem) translateY(4px);
}

.module.is-hovered .title--small .link svg,
.module.is-hovered .title--small .btn-cta svg {
  transform: translateX(0) translateY(0);
}

.module {
  margin-bottom: 80px;
}

@media (min-width: 680px) {
  .module {
    margin-bottom: 140px;
  }
}

@media (min-width: 1024px) {
  .module {
    margin-bottom: 120px;
  }
}

@media (min-width: 1280px) {
  .module {
    margin-bottom: 140px;
  }
}

@media (min-width: 1680px) {
  .module {
    margin-bottom: 160px;
  }
}

.module:first-child {
  margin-bottom: 80px;
}

@media (min-width: 680px) {
  .module:first-child {
    margin-bottom: 140px;
  }
}

@media (min-width: 1024px) {
  .module:first-child {
    margin-bottom: 120px;
  }
}

@media (min-width: 1280px) {
  .module:first-child {
    margin-bottom: 140px;
  }
}

@media (min-width: 1680px) {
  .module:first-child {
    margin-bottom: 160px;
  }
}

.module:last-child {
  margin-bottom: 0;
}

.module[data-combined='true'] {
  margin-bottom: 0;
}

.space-top {
  margin-top: 80px;
}

.space-bottom {
  margin-bottom: 80px;
}

.mt-2 {
  margin-top: 2rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-4 {
  margin-top: 4rem;
}

.grid {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 0;
}

@media (min-width: 680px) {
  .grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 7%;
    grid-template-rows: minmax(auto, auto);
    padding-left: 80px;
    padding-right: 80px;
    grid-row-gap: 0;
  }
}

@media (min-width: 1024px) {
  .grid {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1280px) {
  .grid {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (min-width: 1920px) {
  .grid {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
}

.grid img {
  max-width: 100%;
}

.grid.full-width {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.grid.grid--inner {
  margin: auto;
}

.max-width {
  max-width: 1920px;
  margin: 0 auto;
}

.grid-container {
  grid-column: 1 / -1;
}

.template-detalle-empleo .module-wysiwyg {
  margin-bottom: 8rem;
}

@media (max-width: 679px) {
  .template-detalle-empleo .module-wysiwyg {
    margin-bottom: 4rem;
  }
}

.template-detalle-empleo .module-sharesocial {
  margin-bottom: 14rem;
}

@media (max-width: 679px) {
  .template-detalle-empleo .module-sharesocial {
    margin-bottom: 2rem;
  }
}

.mobile-visible {
  display: block;
}

@media (min-width: 680px) {
  .mobile-visible {
    display: none;
  }
}

@media (max-width: 679px) {
  .mobile-hidden {
    display: none;
  }
}

.template-ofertas-empleo .module-paginator,
.template-detalle-persona .module-paginator {
  margin-top: 0;
}

.template-ofertas-empleo .jobs-simple,
.template-detalle-persona .jobs-simple {
  margin-bottom: 8rem;
}

@media (min-width: 1024px) {
  .template-ofertas-empleo .jobs-simple,
  .template-detalle-persona .jobs-simple {
    margin-bottom: 10rem;
  }
}

.template-ofertas-empleo .jobs-simple .jobs-header,
.template-detalle-persona .jobs-simple .jobs-header {
  padding-top: 0;
  border-bottom: 0;
  margin-bottom: 0;
  border: transparent;
}

.template-ofertas-empleo .jobs-simple .jobs-container .job-description,
.template-detalle-persona .jobs-simple .jobs-container .job-description {
  padding-bottom: 6rem;
  border-bottom: 1px solid #d8d8d8;
}

@media (min-width: 1280px) {
  .template-ofertas-empleo .jobs-simple .jobs-container .job-description,
  .template-detalle-persona .jobs-simple .jobs-container .job-description {
    padding-bottom: 8rem;
    margin-bottom: 8rem;
  }
}

.template-ofertas-empleo
  .jobs-simple
  .jobs-container
  .job-description:last-child,
.template-ofertas-empleo
  .jobs-simple
  .jobs-container
  .job-description:last-child,
.template-detalle-persona
  .jobs-simple
  .jobs-container
  .job-description:last-child,
.template-detalle-persona
  .jobs-simple
  .jobs-container
  .job-description:last-child {
  border-bottom: transparent;
}

@media (min-width: 1280px) {
  .template-noticias .module-paginator {
    margin-top: 0;
  }
}

@media (min-width: 1280px) {
  .template-informes-presentaciones .module.descargas {
    margin-bottom: 160px;
  }
}

.template-hechos-relevantes .breadcrumbs:not(:first-child) {
  margin-bottom: 0;
}

.template-hechos-relevantes .title--tag {
  margin-bottom: 4rem;
}

@media (min-width: 1680px) {
  .template-equipo-directivo .module-paginator {
    margin-top: 0;
  }
}

.template-sin-resultados .intro {
  margin-top: 10rem !important;
}

form .form_title {
  margin-bottom: 20px;
}

form .form_section_title {
  margin-top: 50px;
  margin-bottom: 30px;
}

form button:not(:last-child) {
  margin-top: 40px;
  margin-bottom: 10px;
}

input.search {
  display: flex;
  flex-direction: column;
  border: none;
  border-bottom: solid 1px #d8d8d8;
  background-color: transparent;
  padding: 3px 0;
  align-items: center;
  background-position: 100% 50%;
  height: 35px;
  min-width: 210px;
  background-repeat: no-repeat;
}

.input-search-btn {
  background-image: url('/static/icons/searchlense.svg');
  height: 18px;
  width: 18px;
}

.component_proyectos,
.logos-slider,
.module-distribuidor-destacado,
.cifras-slider,
.distribuidor-iconos.with-slider,
.testimonios.with-slider {
  position: relative;
}

.component_proyectos .ghost-frame-button,
.logos-slider .ghost-frame-button,
.module-distribuidor-destacado .ghost-frame-button,
.cifras-slider .ghost-frame-button,
.distribuidor-iconos.with-slider .ghost-frame-button,
.testimonios.with-slider .ghost-frame-button {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  background: none;
  text-indent: -300vw;
  z-index: 150;
  cursor: pointer;
  background: transparent;
  left: 0;
  width: 7%;
  display: none;
}

.component_proyectos .ghost-frame-button--left,
.logos-slider .ghost-frame-button--left,
.module-distribuidor-destacado .ghost-frame-button--left,
.cifras-slider .ghost-frame-button--left,
.distribuidor-iconos.with-slider .ghost-frame-button--left,
.testimonios.with-slider .ghost-frame-button--left {
  text-indent: -500vw;
  background: transparent;
}

@media (min-width: 1920px) {
  .component_proyectos .ghost-frame-button--left,
  .logos-slider .ghost-frame-button--left,
  .module-distribuidor-destacado .ghost-frame-button--left,
  .cifras-slider .ghost-frame-button--left,
  .distribuidor-iconos.with-slider .ghost-frame-button--left,
  .testimonios.with-slider .ghost-frame-button--left {
    left: -40%;
    width: 50%;
  }
}

.component_proyectos .ghost-frame-button--right,
.logos-slider .ghost-frame-button--right,
.module-distribuidor-destacado .ghost-frame-button--right,
.cifras-slider .ghost-frame-button--right,
.distribuidor-iconos.with-slider .ghost-frame-button--right,
.testimonios.with-slider .ghost-frame-button--right {
  text-indent: -500vw;
  background: transparent;
  right: 0;
  width: 7%;
}

@media (min-width: 1920px) {
  .component_proyectos .ghost-frame-button--right,
  .logos-slider .ghost-frame-button--right,
  .module-distribuidor-destacado .ghost-frame-button--right,
  .cifras-slider .ghost-frame-button--right,
  .distribuidor-iconos.with-slider .ghost-frame-button--right,
  .testimonios.with-slider .ghost-frame-button--right {
    right: -40% !important;
    width: 50%;
  }
}

.component_proyectos .slider-controls,
.logos-slider .slider-controls,
.module-distribuidor-destacado .slider-controls,
.cifras-slider .slider-controls,
.distribuidor-iconos.with-slider .slider-controls,
.testimonios.with-slider .slider-controls {
  grid-row: 6/ 7;
  grid-column: 1 / 5;
  top: 50px;
  position: relative;
  z-index: 1;
}

.component_proyectos .slider-controls .prev-button,
.component_proyectos .slider-controls .next-button,
.logos-slider .slider-controls .prev-button,
.logos-slider .slider-controls .next-button,
.module-distribuidor-destacado .slider-controls .prev-button,
.module-distribuidor-destacado .slider-controls .next-button,
.cifras-slider .slider-controls .prev-button,
.cifras-slider .slider-controls .next-button,
.distribuidor-iconos.with-slider .slider-controls .prev-button,
.distribuidor-iconos.with-slider .slider-controls .next-button,
.testimonios.with-slider .slider-controls .prev-button,
.testimonios.with-slider .slider-controls .next-button {
  cursor: pointer;
  background-color: transparent;
  display: none;
}

@media (min-width: 1024px) {
  .component_proyectos .slider-controls .prev-button,
  .component_proyectos .slider-controls .next-button,
  .logos-slider .slider-controls .prev-button,
  .logos-slider .slider-controls .next-button,
  .module-distribuidor-destacado .slider-controls .prev-button,
  .module-distribuidor-destacado .slider-controls .next-button,
  .cifras-slider .slider-controls .prev-button,
  .cifras-slider .slider-controls .next-button,
  .distribuidor-iconos.with-slider .slider-controls .prev-button,
  .distribuidor-iconos.with-slider .slider-controls .next-button,
  .testimonios.with-slider .slider-controls .prev-button,
  .testimonios.with-slider .slider-controls .next-button {
    display: inline-block;
  }
}

.component_proyectos .slider-controls .prev-button svg,
.logos-slider .slider-controls .prev-button svg,
.module-distribuidor-destacado .slider-controls .prev-button svg,
.cifras-slider .slider-controls .prev-button svg,
.distribuidor-iconos.with-slider .slider-controls .prev-button svg,
.testimonios.with-slider .slider-controls .prev-button svg {
  transform: rotate(180deg);
}

.component_proyectos .slider-controls .prev-button,
.logos-slider .slider-controls .prev-button,
.module-distribuidor-destacado .slider-controls .prev-button,
.cifras-slider .slider-controls .prev-button,
.distribuidor-iconos.with-slider .slider-controls .prev-button,
.testimonios.with-slider .slider-controls .prev-button {
  background: transparent;
  transition: 0.6s ease-in-out;
  transform: translateX(0);
  cursor: pointer;
}

.component_proyectos .slider-controls .prev-button:hover:not(.is-disabled),
.logos-slider .slider-controls .prev-button:hover:not(.is-disabled),
.module-distribuidor-destacado
  .slider-controls
  .prev-button:hover:not(.is-disabled),
.cifras-slider .slider-controls .prev-button:hover:not(.is-disabled),
.distribuidor-iconos.with-slider
  .slider-controls
  .prev-button:hover:not(.is-disabled),
.testimonios.with-slider .slider-controls .prev-button:hover:not(.is-disabled) {
  animation-name: shortDecayLeft;
  animation-duration: 0.6s;
}

.component_proyectos .slider-controls .prev-button svg,
.logos-slider .slider-controls .prev-button svg,
.module-distribuidor-destacado .slider-controls .prev-button svg,
.cifras-slider .slider-controls .prev-button svg,
.distribuidor-iconos.with-slider .slider-controls .prev-button svg,
.testimonios.with-slider .slider-controls .prev-button svg {
  transform: rotate(180deg);
}

.component_proyectos .slider-controls .prev-button svg path,
.logos-slider .slider-controls .prev-button svg path,
.module-distribuidor-destacado .slider-controls .prev-button svg path,
.cifras-slider .slider-controls .prev-button svg path,
.distribuidor-iconos.with-slider .slider-controls .prev-button svg path,
.testimonios.with-slider .slider-controls .prev-button svg path {
  fill: red;
}

.component_proyectos
  .slider-controls
  .prev-button.is-animated:not(.is-disabled),
.logos-slider .slider-controls .prev-button.is-animated:not(.is-disabled),
.module-distribuidor-destacado
  .slider-controls
  .prev-button.is-animated:not(.is-disabled),
.cifras-slider .slider-controls .prev-button.is-animated:not(.is-disabled),
.distribuidor-iconos.with-slider
  .slider-controls
  .prev-button.is-animated:not(.is-disabled),
.testimonios.with-slider
  .slider-controls
  .prev-button.is-animated:not(.is-disabled) {
  transform: translateX(-40px);
}

.component_proyectos .slider-controls .next-button,
.logos-slider .slider-controls .next-button,
.module-distribuidor-destacado .slider-controls .next-button,
.cifras-slider .slider-controls .next-button,
.distribuidor-iconos.with-slider .slider-controls .next-button,
.testimonios.with-slider .slider-controls .next-button {
  margin-left: 20px;
  background: transparent;
  transition: 0.6s ease-in-out;
  transform: translateX(0);
  cursor: pointer;
}

.component_proyectos .slider-controls .next-button:hover:not(.is-disabled),
.logos-slider .slider-controls .next-button:hover:not(.is-disabled),
.module-distribuidor-destacado
  .slider-controls
  .next-button:hover:not(.is-disabled),
.cifras-slider .slider-controls .next-button:hover:not(.is-disabled),
.distribuidor-iconos.with-slider
  .slider-controls
  .next-button:hover:not(.is-disabled),
.testimonios.with-slider .slider-controls .next-button:hover:not(.is-disabled) {
  animation-name: shortDecayRight;
  animation-duration: 0.6s;
}

.component_proyectos .slider-controls .next-button svg path,
.logos-slider .slider-controls .next-button svg path,
.module-distribuidor-destacado .slider-controls .next-button svg path,
.cifras-slider .slider-controls .next-button svg path,
.distribuidor-iconos.with-slider .slider-controls .next-button svg path,
.testimonios.with-slider .slider-controls .next-button svg path {
  fill: red;
  transition: fill 0.6s ease-in-out;
}

.component_proyectos
  .slider-controls
  .next-button.is-animated:not(.is-disabled),
.logos-slider .slider-controls .next-button.is-animated:not(.is-disabled),
.module-distribuidor-destacado
  .slider-controls
  .next-button.is-animated:not(.is-disabled),
.cifras-slider .slider-controls .next-button.is-animated:not(.is-disabled),
.distribuidor-iconos.with-slider
  .slider-controls
  .next-button.is-animated:not(.is-disabled),
.testimonios.with-slider
  .slider-controls
  .next-button.is-animated:not(.is-disabled) {
  transform: translateX(40px);
}

.component_proyectos .slider-controls .prev-frame,
.component_proyectos .slider-controls .next-frame,
.logos-slider .slider-controls .prev-frame,
.logos-slider .slider-controls .next-frame,
.module-distribuidor-destacado .slider-controls .prev-frame,
.module-distribuidor-destacado .slider-controls .next-frame,
.cifras-slider .slider-controls .prev-frame,
.cifras-slider .slider-controls .next-frame,
.distribuidor-iconos.with-slider .slider-controls .prev-frame,
.distribuidor-iconos.with-slider .slider-controls .next-frame,
.testimonios.with-slider .slider-controls .prev-frame,
.testimonios.with-slider .slider-controls .next-frame {
  position: absolute;
  width: 5%;
  cursor: pointer;
  text-indent: -99999px;
}

.component_proyectos .slider-controls .prev-frame,
.logos-slider .slider-controls .prev-frame,
.module-distribuidor-destacado .slider-controls .prev-frame,
.cifras-slider .slider-controls .prev-frame,
.distribuidor-iconos.with-slider .slider-controls .prev-frame,
.testimonios.with-slider .slider-controls .prev-frame {
  left: 0;
  top: 0;
  bottom: 0;
}

.component_proyectos .slider-controls .next-frame,
.logos-slider .slider-controls .next-frame,
.module-distribuidor-destacado .slider-controls .next-frame,
.cifras-slider .slider-controls .next-frame,
.distribuidor-iconos.with-slider .slider-controls .next-frame,
.testimonios.with-slider .slider-controls .next-frame {
  right: 0;
  top: 0;
  bottom: 0;
}

.component_proyectos .slider-controls .prev-button.is-disabled path,
.component_proyectos .slider-controls .next-button.is-disabled path,
.logos-slider .slider-controls .prev-button.is-disabled path,
.logos-slider .slider-controls .next-button.is-disabled path,
.module-distribuidor-destacado .slider-controls .prev-button.is-disabled path,
.module-distribuidor-destacado .slider-controls .next-button.is-disabled path,
.cifras-slider .slider-controls .prev-button.is-disabled path,
.cifras-slider .slider-controls .next-button.is-disabled path,
.distribuidor-iconos.with-slider .slider-controls .prev-button.is-disabled path,
.distribuidor-iconos.with-slider .slider-controls .next-button.is-disabled path,
.testimonios.with-slider .slider-controls .prev-button.is-disabled path,
.testimonios.with-slider .slider-controls .next-button.is-disabled path {
  fill: #d8d8d8;
}

.component_proyectos .ghost-frame-button--right,
.component_proyectos .ghost-frame-button--left,
.logos-slider .ghost-frame-button--right,
.logos-slider .ghost-frame-button--left,
.module-distribuidor-destacado .ghost-frame-button--right,
.module-distribuidor-destacado .ghost-frame-button--left,
.cifras-slider .ghost-frame-button--right,
.cifras-slider .ghost-frame-button--left,
.distribuidor-iconos.with-slider .ghost-frame-button--right,
.distribuidor-iconos.with-slider .ghost-frame-button--left,
.testimonios.with-slider .ghost-frame-button--right,
.testimonios.with-slider .ghost-frame-button--left {
  display: none;
}

.component_proyectos .ghost-frame-button--right.ghost-frame-button,
.component_proyectos .ghost-frame-button--left.ghost-frame-button,
.logos-slider .ghost-frame-button--right.ghost-frame-button,
.logos-slider .ghost-frame-button--left.ghost-frame-button,
.module-distribuidor-destacado .ghost-frame-button--right.ghost-frame-button,
.module-distribuidor-destacado .ghost-frame-button--left.ghost-frame-button,
.cifras-slider .ghost-frame-button--right.ghost-frame-button,
.cifras-slider .ghost-frame-button--left.ghost-frame-button,
.distribuidor-iconos.with-slider .ghost-frame-button--right.ghost-frame-button,
.distribuidor-iconos.with-slider .ghost-frame-button--left.ghost-frame-button,
.testimonios.with-slider .ghost-frame-button--right.ghost-frame-button,
.testimonios.with-slider .ghost-frame-button--left.ghost-frame-button {
  display: inline-block;
}

.component_proyectos .ghost-frame-button--right,
.logos-slider .ghost-frame-button--right,
.module-distribuidor-destacado .ghost-frame-button--right,
.cifras-slider .ghost-frame-button--right,
.distribuidor-iconos.with-slider .ghost-frame-button--right,
.testimonios.with-slider .ghost-frame-button--right {
  right: 0;
  position: absolute;
  left: auto;
}

html.no-scroll {
  overflow: hidden;
}

#app * {
  box-sizing: border-box;
}

.module-dev {
  background-color: #f2f2f2;
  min-height: 300px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  background-color: transparent;
  cursor: pointer;
  color: #000;
}

.button.type__link {
  border: none;
  display: inline;
}

.button.type__red {
  background-color: red;
  color: #fff;
  transition: all 320ms ease-in-out;
}

.button.type__red:hover {
  background-color: #d50000;
}

.button.button--lg {
  width: 100%;
  max-width: 280px;
  height: 60px;
  border-radius: 30px;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

form.search-form {
  display: flex;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  margin-bottom: 50px;
  margin-top: 10px;
}

form.search-form input,
form.search-form button {
  border: none;
  background-color: transparent;
}

form.search-form input svg path,
form.search-form button svg path {
  fill: #fff;
}

form.search-form input {
  flex-grow: 1;
  padding: var(--outer_gap) 0;
  font-size: 1.4rem;
  color: #fff;
  font-weight: lighter;
}

@media (min-width: 680px) {
  form.search-form input {
    padding: 20px 0;
  }
}

form.search-form input:-ms-input-placeholder {
  color: rgba(255, 0, 0, 0.8);
  opacity: 1;
  font-size: 1.4rem;
}

form.search-form input::placeholder {
  color: rgba(255, 0, 0, 0.8);
  opacity: 1;
  font-size: 1.4rem;
}

form.search-form button {
  cursor: pointer;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.table-double .table-wrapper {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .table-double .table-wrapper {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .table-double .table-wrapper .table-container {
    width: 50%;
  }
}

.table-double .table-wrapper .table-container:first-child {
  margin-right: 40px;
  margin-bottom: 4rem;
}

@media (min-width: 1024px) {
  .table-double .table-wrapper .table-container:first-child {
    margin-bottom: 0;
  }
}

.table-double .no-margin {
  padding-right: 30px;
}

@media (min-width: 680px) {
  .table-double .no-margin {
    padding-right: 0;
  }
}

.header-downloads {
  margin-bottom: 2rem;
}

.header-downloads a {
  margin-bottom: 3rem;
  margin-right: 4rem;
}

.module-table .taglabel {
  display: table-cell;
}

.module-table:not(.fixed-table) {
  padding-right: 0;
}

@media (min-width: 680px) {
  .module-table:not(.fixed-table) {
    padding-right: 60px;
  }
}

@media (min-width: 1024px) {
  .module-table:not(.fixed-table) {
    padding-right: 80px;
  }
}

@media (min-width: 1280px) {
  .module-table:not(.fixed-table) {
    padding-right: 10%;
  }
}

.module-table .table-container table {
  padding-right: 2rem;
}

@media (min-width: 1024px) {
  .module-table .table-container table {
    padding-right: 0;
  }
}

.module-table .table-container::-webkit-scrollbar-track {
  background-color: #fff;
}

.module-table .table-container::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  /* background-color: red; */
}

.module-table .table-container::-webkit-scrollbar-thumb {
  border-radius: 1px;
  /* background-color: red; */
}

.module-table .bullets-container,
.module-table .text-container {
  margin-top: 4rem;
}

@media (min-width: 1024px) {
  .module-table .bullets-container,
  .module-table .text-container {
    margin-top: 6rem;
  }
}

.module-table .text-container {
  margin-top: 2rem;
}

@media (min-width: 1024px) {
  .module-table .text-container {
    margin-top: 4rem;
  }
}

.module-table .list li {
  padding-left: 3.5rem;
}

.module-table .logo {
  margin-top: -4rem;
}

@media (max-width: 679px) {
  .module-table .logo {
    margin-top: -3rem;
  }
}

.module-table .logo img {
  width: 80px;
}

@media (min-width: 1024px) {
  .module-table .logo img {
    width: 120px;
  }
}

.module-table.table-min td:first-child {
  min-width: 500px;
}

@media (min-width: 1024px) {
  .module-table.table-min td:first-child {
    min-width: auto;
  }
}

.module-table.table-min td:last-child {
  text-align: right;
}

.module-table .logo-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 679px) {
  .module-table .logo-container {
    margin-top: 3rem;
  }
}

.module-table.fixed-table th,
.module-table.fixed-table td {
  min-width: auto !important;
}

.module-table .title--tag {
  margin-bottom: 4rem;
}

@media (min-width: 1280px) {
  .module-table .title--tag {
    margin-bottom: 6rem;
  }
}

.module-table th,
.module-table td {
  padding-right: 20px;
  min-width: 200px;
}

@media (min-width: 1024px) {
  .module-table th,
  .module-table td {
    min-width: auto;
  }
}

.module-table th:last-child,
.module-table td:last-child {
  padding-right: 0;
}

.module-table table {
  width: 100%;
}

.module-table table tr:last-child td {
  border-bottom: 2px solid #d8d8d8;
}

@media (min-width: 1024px) {
  .module-table table tr:last-child td {
    border-bottom: 2px solid #000;
  }
}

.module-table table th {
  padding-bottom: 2rem;
  text-align: right;
  border-bottom: 2px solid #000;
  white-space: nowrap;
}

@media (max-width: 679px) {
  .module-table table th {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .module-table table th {
    padding-bottom: 15px;
  }
}

.module-table table th:first-child {
  text-align: left;
}

.module-table table tfoot {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.module-table table .link--lightbox {
  transform: translate(-5px, 0);
}

.module-table table td {
  padding: 2rem 0;
  padding-right: 20px;
  text-align: right;
  vertical-align: middle;
}

@media (max-width: 679px) {
  .module-table table td {
    padding: 15px 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .module-table table td {
    padding: 15px 0;
  }
}

.module-table table td a {
  text-align: left;
}

.module-table table td:first-child {
  text-align: left;
}

.module-table table td:first-child p {
  text-align: left;
}

.module-table table td:last-child {
  text-align: right;
}

.module-table table .cargo {
  font-size: 1.6rem;
}

@media (min-width: 680px) {
  .module-table table .cargo {
    font-size: 2rem;
  }
}

@media (min-width: 1024px) {
  .module-table table .cargo {
    font-size: 1.6rem;
  }
}

.module-table table tbody td {
  border-bottom: 1px solid #d8d8d8;
}

.module-table table .cell-green {
  color: #43b762;
}

.module-table table .cell-red {
  color: #ff0000;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.input-range-slider {
  padding: 0;
  width: 100%;
}

.input-range-slider hr {
  width: 100%;
  grid-column: 1 / -1;
  grid-row: 1 / 2;
  margin: 12px 0;
  height: 1px;
  border: none;
  border-bottom: solid 1px #d8d8d8;
}

@media (max-width: 679px) {
  .input-range-slider hr {
    margin-bottom: 1rem;
  }
}

.input-range-slider input {
  width: 100%;
  cursor: pointer;
  grid-column: 1 / -1;
  grid-row: 1 / 2;
}

@media (max-width: 679px) {
  .input-range-slider input {
    margin-bottom: 1rem;
  }
}

.input-range-slider .description {
  grid-column: 1 / -1;
  grid-row: 3 / 4;
  margin-top: 4rem;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .input-range-slider .description {
    grid-row: 2 / 3;
    grid-column: 7 / -1;
    text-align: right;
  }
}

@media (min-width: 1680px) {
  .input-range-slider .description {
    margin-top: 0;
  }
}

.input-range-slider .frame-position-indicator {
  display: flex;
  align-items: center;
  max-width: 130px;
  width: 100%;
  align-self: flex-start;
  font-size: 1.3rem;
  margin-right: auto;
  grid-column: 6 / -1;
  grid-row: 2 / 3;
}

@media (min-width: 1024px) {
  .input-range-slider .frame-position-indicator {
    grid-column: 10 / -1;
  }
}

.input-range-slider .frame-position-indicator .active {
  color: #d8d8d8;
  order: 1;
}

.input-range-slider .frame-position-indicator::before {
  content: '';
  display: block;
  flex-shrink: 0;
  height: 1px;
  background-color: #d8d8d8;
  flex-grow: 1;
  order: 2;
  margin: 0 2em;
  width: 100%;
}

.input-range-slider .frame-position-indicator .last {
  color: #000;
  order: 3;
}

.input-range-slider[data-active-frame='1'] .block[data-content-block-id='1'] {
  opacity: 1;
  z-index: 1;
  transform: none;
}

.input-range-slider[data-active-frame='1']
  .block[data-content-block-id='1']
  button.circled-button,
.input-range-slider[data-active-frame='1']
  .block[data-content-block-id='1']
  a.circled-arrow-link {
  visibility: visible;
}

.input-range-slider[data-active-frame='2'] .backgrounds .img-container,
.input-range-slider[data-active-frame='2'] .backgrounds .video-container {
  transform: translateX(-100vw);
}

.input-range-slider[data-active-frame='2'] .block[data-content-block-id='2'] {
  opacity: 1;
  z-index: 2;
  transform: none;
}

.input-range-slider[data-active-frame='2']
  .block[data-content-block-id='2']
  button.circled-button,
.input-range-slider[data-active-frame='2']
  .block[data-content-block-id='2']
  a.circled-arrow-link {
  visibility: visible;
}

.input-range-slider[data-active-frame='3'] .backgrounds .img-container,
.input-range-slider[data-active-frame='3'] .backgrounds .video-container {
  transform: translateX(-200vw);
}

.input-range-slider[data-active-frame='3'] .block[data-content-block-id='3'] {
  opacity: 1;
  z-index: 3;
  transform: none;
}

.input-range-slider[data-active-frame='3']
  .block[data-content-block-id='3']
  button.circled-button,
.input-range-slider[data-active-frame='3']
  .block[data-content-block-id='3']
  a.circled-arrow-link {
  visibility: visible;
}

.input-range-slider[data-active-frame='4'] .backgrounds .img-container,
.input-range-slider[data-active-frame='4'] .backgrounds .video-container {
  transform: translateX(-300vw);
}

.input-range-slider[data-active-frame='4'] .block[data-content-block-id='4'] {
  opacity: 1;
  z-index: 4;
  transform: none;
}

.input-range-slider[data-active-frame='4']
  .block[data-content-block-id='4']
  button.circled-button,
.input-range-slider[data-active-frame='4']
  .block[data-content-block-id='4']
  a.circled-arrow-link {
  visibility: visible;
}

.input-range-slider[data-active-frame='5'] .backgrounds .img-container,
.input-range-slider[data-active-frame='5'] .backgrounds .video-container {
  transform: translateX(-400vw);
}

.input-range-slider[data-active-frame='5'] .block[data-content-block-id='5'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.input-range-slider[data-active-frame='5']
  .block[data-content-block-id='5']
  button.circled-button,
.input-range-slider[data-active-frame='5']
  .block[data-content-block-id='5']
  a.circled-arrow-link {
  visibility: visible;
}

.input-range-slider[data-active-frame='6'] .backgrounds .img-container,
.input-range-slider[data-active-frame='6'] .backgrounds .video-container {
  transform: translateX(-500vw);
}

.input-range-slider[data-active-frame='6'] .block[data-content-block-id='6'] {
  opacity: 1;
  z-index: 6;
  transform: none;
}

.input-range-slider[data-active-frame='6']
  .block[data-content-block-id='6']
  button.circled-button,
.input-range-slider[data-active-frame='6']
  .block[data-content-block-id='6']
  a.circled-arrow-link {
  visibility: visible;
}

.input-range-slider input[type='range'] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  padding: 40px 0;
}

.input-range-slider input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.input-range-slider input[type='range']:focus {
  outline: none;
}

.input-range-slider input[type='range']::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.input-range-slider input[type='range'] {
  -webkit-appearance: none;
  width: 100%;
}

.input-range-slider input[type='range']:focus {
  outline: none;
}

.input-range-slider input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  background: #d8d8d8;
}

.input-range-slider input[type='range']::-webkit-slider-thumb {
  height: 3px;
  width: 90px;
  background: red;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -1px;
  border: none;
}

.input-range-slider input[type='range']::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  background: #d8d8d8;
}

.input-range-slider input[type='range']::-moz-range-thumb {
  height: 3px;
  width: 90px;
  background: red;
  cursor: pointer;
  border: none;
  border-radius: 0;
}

.input-range-slider input[type='range']::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.input-range-slider input[type='range']::-ms-fill-lower {
  background: #d8d8d8;
  border: 0.2px solid #010101;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.input-range-slider input[type='range']::-ms-fill-upper {
  background: #d8d8d8;
  border: 0.2px solid #010101;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.input-range-slider input[type='range']::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  height: 3px;
  width: 90px;
  background: red;
  cursor: pointer;
}

.input-range-slider input[type='range']:focus::-ms-fill-lower {
  background: #d8d8d8;
}

.input-range-slider input[type='range']:focus::-ms-fill-upper {
  background: #d8d8d8;
}

.input-range-slider input.white-thumb[type='range']::-webkit-slider-thumb {
  background: #fff;
}

.input-range-slider input.white-thumb[type='range']::-moz-range-thumb {
  background: #fff;
}

.input-range-slider input.white-thumb[type='range']::-ms-thumb {
  background: #fff;
}

.input-range-slider input[type='range'][max='1']::-ms-thumb {
  width: 100%;
}

.input-range-slider input[type='range'][max='1']::-webkit-slider-thumb {
  width: 100%;
}

.input-range-slider input[type='range'][max='1']::-moz-range-thumb {
  width: 100%;
}

.input-range-slider input[type='range'][max='2']::-ms-thumb {
  width: 50%;
}

.input-range-slider input[type='range'][max='2']::-webkit-slider-thumb {
  width: 50%;
}

.input-range-slider input[type='range'][max='2']::-moz-range-thumb {
  width: 50%;
}

.input-range-slider input[type='range'][max='3']::-ms-thumb {
  width: 33.33333%;
}

.input-range-slider input[type='range'][max='3']::-webkit-slider-thumb {
  width: 33.33333%;
}

.input-range-slider input[type='range'][max='3']::-moz-range-thumb {
  width: 33.33333%;
}

.input-range-slider input[type='range'][max='4']::-ms-thumb {
  width: 25%;
}

.input-range-slider input[type='range'][max='4']::-webkit-slider-thumb {
  width: 25%;
}

.input-range-slider input[type='range'][max='4']::-moz-range-thumb {
  width: 25%;
}

.input-range-slider input[type='range'][max='5']::-ms-thumb {
  width: 20%;
}

.input-range-slider input[type='range'][max='5']::-webkit-slider-thumb {
  width: 20%;
}

.input-range-slider input[type='range'][max='5']::-moz-range-thumb {
  width: 20%;
}

.input-range-slider input[type='range'][max='6']::-ms-thumb {
  width: 16.66667%;
}

.input-range-slider input[type='range'][max='6']::-webkit-slider-thumb {
  width: 16.66667%;
}

.input-range-slider input[type='range'][max='6']::-moz-range-thumb {
  width: 16.66667%;
}

.input-range-slider[data-single-frame='true'] input[type='range']::-ms-thumb {
  background: transparent;
}

.input-range-slider[data-single-frame='true']
  input[type='range']::-webkit-slider-thumb {
  background: transparent;
}

.input-range-slider[data-single-frame='true']
  input[type='range']::-moz-range-thumb {
  background: transparent;
}

.input-range-slider[data-single-frame='true'] .frame-position-indicator {
  visibility: hidden;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module__projects-map {
  transition: all 480ms ease-out;
  --map-height: 463px;
}

.module__projects-map .project-details .link svg {
  transform: scale(1);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  margin-left: -15px;
}

.module__projects-map .project-details .link svg circle {
  stroke: #000;
}

.module__projects-map .project-details .link svg:hover {
  transform: scale(1.2);
}

.module__projects-map
  .project-details
  .link
  svg:hover
  .arrow_circle-68_svg__arrow {
  animation-name: to-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.module__projects-map .title--tag {
  margin-bottom: 4rem;
  grid-row: 1 / 2;
  align-items: center;
}

@media (min-width: 680px) {
  .module__projects-map .title--tag {
    grid-column: 1 / -4;
  }
}

.module__projects-map .module_cta {
  grid-column: 1 / -2;
  display: none;
}

@media (min-width: 680px) {
  .module__projects-map .module_cta {
    grid-row: 1 / 2;
    grid-column: 4 / 9;
    margin-left: auto;
    margin-bottom: 4rem;
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .module__projects-map .module_cta {
    grid-column: 6 / 13;
  }
}

.module__projects-map .module_cta.mobile {
  display: none;
}

@media (max-width: 679px) {
  .module__projects-map .module_cta.mobile {
    display: block;
    margin-top: 30px;
  }
}

.module__projects-map .soluciones-container {
  position: relative;
  grid-column: 1 / -1;
}

@media (min-width: 680px) {
  .module__projects-map {
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }
}

.module__projects-map .map-header {
  grid-column: 1 / -1;
}

.module__projects-map .map-header .title--tag {
  margin-bottom: 30px;
}

@media (min-width: 1280px) {
  .module__projects-map .map-header .title--tag {
    margin-bottom: 60px;
  }
}

@media (min-width: 680px) {
  .module__projects-map {
    --map-height: 690px;
  }
}

@media (min-width: 1024px) {
  .module__projects-map {
    --map-height: 450px;
  }
}

@media (min-width: 1280px) {
  .module__projects-map {
    --map-height: 500px;
  }
}

@media screen and (min-width: 1440px) and (max-width: 1679px) {
  .module__projects-map {
    --map-height: 600px;
  }
}

@media (min-width: 1680px) {
  .module__projects-map {
    --map-height: 800px;
  }
}

.module__projects-map .soluciones-selector {
  grid-column: 1 / -1;
  margin-left: -20px;
  margin-right: -20px;
  background-color: red;
  display: flex;
  overflow-x: scroll;
  z-index: 5;
}

@media screen and (min-width: 680px) and (max-width: 1024px) {
  .module__projects-map .soluciones-selector {
    margin-left: 0;
    margin-right: 0;
    transition: all 320ms ease-in-out;
  }

  .module__projects-map
    .soluciones-selector[data-details-overlay-visible='true'] {
    overflow: hidden;
    max-height: 0;
  }
}

@media (min-width: 1024px) {
  .module__projects-map .soluciones-selector {
    width: 80px;
    position: absolute;
    left: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: var(--map-height);
    overflow: hidden;
  }
}

@media (min-width: 1680px) {
  .module__projects-map .soluciones-selector {
    width: 105px;
  }
}

@media (min-width: 1024px) {
  .module__projects-map .soluciones-selector {
    transition: all 320ms ease-in-out;
  }

  .module__projects-map .soluciones-selector:hover {
    width: 220px;
  }

  .module__projects-map .soluciones-selector:hover li {
    padding: 0 30px 0 50px;
  }

  .module__projects-map .soluciones-selector:hover button {
    width: 220px;
    padding-left: 20px;
  }

  .module__projects-map .soluciones-selector:hover button svg {
    margin-right: 10px;
  }

  .module__projects-map .soluciones-selector:hover button span {
    max-width: 220px;
  }
}

@media (min-width: 1280px) {
  .module__projects-map .soluciones-selector:hover {
    width: 240px;
  }

  .module__projects-map .soluciones-selector:hover button svg {
    margin-right: 0;
  }
}

.module__projects-map .soluciones-selector li {
  transition: all 320ms ease-in-out;
  display: flex;
  justify-content: center;
  padding: 26px 23px;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .module__projects-map .soluciones-selector li {
    flex-grow: 1;
    border-bottom: solid 1px #d50000;
    overflow: hidden;
    padding: 0 30px;
  }

  .module__projects-map .soluciones-selector li:last-of-type button span {
    white-space: nowrap;
    margin-right: -15px;
  }
}

@media (min-width: 1680px) {
  .module__projects-map .soluciones-selector li {
    padding: 0 40px;
  }
}

.module__projects-map .soluciones-selector li[data-selected-solution='true'] {
  background-color: #d50000;
}

.module__projects-map
  .soluciones-selector
  li[data-solution-not-on-map='true']
  button {
  cursor: default;
}

.module__projects-map
  .soluciones-selector
  li[data-solution-not-on-map='true']
  button
  span {
  opacity: 1;
  color: #b70000;
}

.module__projects-map
  .soluciones-selector
  li[data-solution-not-on-map='true']
  button
  svg
  path {
  fill: #b70000;
}

.module__projects-map .soluciones-selector li button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  color: #fff;
  padding-left: 0;
}

@media (min-width: 1024px) {
  .module__projects-map .soluciones-selector li button {
    transition: all 320ms ease-in-out;
    width: 100%;
    padding-left: 10px;
  }

  .module__projects-map .soluciones-selector li button span {
    transition: all 320ms ease-in-out;
    max-width: 0;
    overflow: hidden;
  }
}

.module__projects-map .soluciones-selector li button svg {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

@media (min-width: 1024px) {
  .module__projects-map .soluciones-selector li button svg {
    transition: all 320ms ease-in-out;
    margin-right: 0;
    transform: translateX(-50%);
    flex-shrink: 0;
  }
}

@media (min-width: 1280px) {
  .module__projects-map .soluciones-selector li button svg {
    width: 20px;
    height: 20px;
  }
}

.module__projects-map .soluciones-selector li button svg path {
  fill: #fff;
}

.module__projects-map .map-container {
  grid-column: 1 / -1;
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  overflow: hidden;
  height: var(--map-height);
}

@media (min-width: 680px) {
  .module__projects-map .map-container {
    margin: 0;
  }
}

.module__projects-map .map-container #gmrWrapper {
  width: 100vw;
  height: 100%;
  transition: all 480ms ease-out;
}

@media (min-width: 1024px) {
  .module__projects-map .map-container #gmrWrapper {
    width: auto;
  }
}

.module__projects-map .map-container .project-details-close-overlay {
  transition: all 320ms ease-in-out;
  background-color: #fff;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.module__projects-map
  .map-container
  .project-details-overlay[data-is-visible='true']
  + .project-details-close-overlay {
  z-index: -1;
  height: var(--map-height);
  width: 100%;
}

@media (min-width: 1024px) {
  .module__projects-map
    .map-container
    .project-details-overlay[data-is-visible='true']
    + .project-details-close-overlay {
    z-index: 1;
  }
}

.module__projects-map .map-container .project-details-overlay {
  position: absolute;
  transition: all 320ms ease-in-out;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: var(--map-height);
}

@media (min-width: 680px) {
  .module__projects-map .map-container .project-details-overlay {
    z-index: 5;
  }
}

@media (min-width: 1024px) {
  .module__projects-map .map-container .project-details-overlay {
    width: 532px;
    left: auto;
    right: 0;
    padding: 0 60px 30px;
  }
}

@media (min-width: 1280px) {
  .module__projects-map .map-container .project-details-overlay {
    width: 660px;
  }
}

@media (min-width: 1680px) {
  .module__projects-map .map-container .project-details-overlay {
    width: 930px;
  }
}

.module__projects-map
  .map-container
  .project-details-overlay[data-is-visible='false'] {
  transform: translate3d(100%, 0, 0);
}

@media (min-width: 680px) {
  .module__projects-map
    .map-container
    .project-details-overlay[data-is-visible='false'] {
    transform: translate3d(100%, 0, 0);
  }
}

.module__projects-map .map-container .project-details-overlay .close-overlay {
  background-color: transparent;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  padding: 10px;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .close-overlay
  svg {
  transition: all 0.3s ease-in-out;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .close-overlay:hover
  svg {
  transform: rotate(45deg) scale(1.6);
}

.module__projects-map
  .map-container
  .project-details-overlay
  .close-overlay
  svg {
  transform: rotate(45deg);
}

.module__projects-map
  .map-container
  .project-details-overlay
  .close-overlay
  svg
  path {
  fill: #fff;
}

.module__projects-map .map-container .project-details-overlay .image-container {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  max-height: 200px;
}

@media (min-width: 680px) {
  .module__projects-map
    .map-container
    .project-details-overlay
    .image-container {
    width: calc(100% + 160px);
    max-height: 400px;
    margin-left: -80px;
    margin-right: -80px;
  }
}

@media (min-width: 1024px) {
  .module__projects-map
    .map-container
    .project-details-overlay
    .image-container {
    width: calc(100% + 120px);
    margin-left: -60px;
    margin-right: -60px;
  }
}

.module__projects-map .map-container .project-details-overlay .detail-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 22px 0 25px;
}

@media (min-width: 680px) {
  .module__projects-map .map-container .project-details-overlay .detail-body {
    justify-content: flex-end;
    padding-top: 10px;
  }
}

.module__projects-map
  .map-container
  .project-details-overlay
  .detail-body[data-content-type='text'] {
  padding-right: 20%;
}

@media (min-width: 680px) {
  .module__projects-map
    .map-container
    .project-details-overlay
    .detail-body[data-content-type='text'] {
    padding-right: 0;
  }
}

.module__projects-map
  .map-container
  .project-details-overlay
  .detail-body[data-content-type='cifra']
  p {
  text-align: right;
}

.module__projects-map .map-container .project-details-overlay .details-footer {
  display: flex;
  align-self: center;
  align-items: center;
  width: 100%;
  border-top: solid 1px #d8d8d8;
  padding-top: 30px;
}

@media (min-width: 680px) {
  .module__projects-map
    .map-container
    .project-details-overlay
    .details-footer {
    padding-bottom: 20px;
  }
}

.module__projects-map
  .map-container
  .project-details-overlay
  .details-footer
  .params {
  flex-grow: 1;
  padding-left: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 0;
  margin-right: 2rem;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .details-footer
  .params
  .name {
  margin-bottom: 5px;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .details-footer
  .params
  .solution-location {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
  color: #d8d8d8;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .details-footer
  .params
  .solution-location::before {
  display: none;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .details-footer
  .params
  .solution-location
  a {
  display: flex;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .details-footer
  .params
  .solution-location
  a
  i {
  color: red;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .details-footer
  .params
  .solution-location
  a
  svg
  path {
  fill: red;
  stroke: transparent;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .details-footer
  .params
  .solution-location
  i:nth-child(2) {
  margin: 0 10px;
}

.module__projects-map
  .map-container
  .project-details-overlay
  .details-footer
  .params
  .solution-location
  i {
  margin-right: 10px;
  color: #000;
}

.module__projects-map .cluster-marker {
  height: 40px;
  width: 40px;
  border: solid 1px rgba(216, 216, 216, 0.4);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.module__projects-map .cluster-marker__inner-marker {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.module__projects-map .project-marker {
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(-50%, -50%, 0);
}

.module__projects-map .project-marker__inner-marker {
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 320ms ease-in-out;
}

.module__projects-map .project-marker__inner-marker::before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 8px;
  height: 8px;
  transition: all 320ms ease-in-out 120ms;
}

.module__projects-map .project-marker:hover .project-marker__inner-marker {
  height: 24px;
  width: 24px;
}

.module__projects-map
  .project-marker:hover
  .project-marker__inner-marker::before {
  width: 16px;
  height: 16px;
}

.module__projects-map .project-marker.selected .project-marker__inner-marker {
  height: 18px;
  width: 18px;
  border: solid 1px rgba(255, 0, 0, 0.4);
}

.module__projects-map
  .project-marker.selected
  .project-marker__inner-marker::before {
  width: 10px;
  height: 10px;
  background-color: red;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module__projects-map-static {
  transition: all 480ms ease-out;
  height: 390px;
  overflow: hidden;
  margin-bottom: 4rem;
}

@media (min-width: 680px) {
  .module__projects-map-static {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
  }
}

.module__projects-map-static .map-container {
  grid-column: 1 / -1;
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  overflow: hidden;
}

@media (min-width: 680px) {
  .module__projects-map-static .map-container {
    flex: 1;
    flex-shrink: 0;
    margin: 0;
    display: flex;
    justify-self: flex-start;
  }
}

@media (min-width: 1024px) {
  .module__projects-map-static .map-container {
    transition: all 480ms ease-out;
  }

  .module__projects-map-static
    .map-container[data-detail-overlay-is-visible='true'] {
    padding-right: 490px;
  }
}

.module__projects-map-static .map-container #gmrWrapper {
  height: 520px;
  width: 100vw;
  transition: all 480ms ease-out;
}

@media (min-width: 680px) {
  .module__projects-map-static .map-container #gmrWrapper {
    height: 100%;
  }
}

.module__projects-map-static .map-container .project-details-overlay {
  position: absolute;
  transition: all 320ms ease-in-out;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .module__projects-map-static .map-container .project-details-overlay {
    width: 490px;
    left: auto;
    right: 0;
    padding: 0 60px 30px;
  }
}

.module__projects-map-static
  .map-container
  .project-details-overlay[data-is-visible='false'] {
  transform: translate3d(0, 100%, 0);
}

@media (min-width: 680px) {
  .module__projects-map-static
    .map-container
    .project-details-overlay[data-is-visible='false'] {
    transform: translate3d(100%, 0, 0);
  }
}

.module__projects-map-static .project-marker {
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(-50%, -50%, 0);
}

.module__projects-map-static .project-marker__inner-marker {
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 320ms ease-in-out;
}

.module__projects-map-static .project-marker__inner-marker::before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 8px;
  height: 8px;
  transition: all 320ms ease-in-out 120ms;
}

.module__projects-map-static
  .project-marker.selected
  .project-marker__inner-marker {
  height: 18px;
  width: 18px;
  border: solid 1px rgba(255, 0, 0, 0.4);
}

.module__projects-map-static
  .project-marker.selected
  .project-marker__inner-marker::before {
  width: 10px;
  height: 10px;
  background-color: red;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-distribuidor-destacado.single .grid-container--left,
.module-distribuidor-destacado .frame-active .grid-container--left {
  overflow: hidden;
}

.module-distribuidor-destacado.single .grid-container--left:after,
.module-distribuidor-destacado .frame-active .grid-container--left:after {
  background-color: red;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  content: '';
  display: block;
}

.module-distribuidor-destacado.single .image,
.module-distribuidor-destacado .frame-active .image {
  margin-left: 0;
}

.module-distribuidor-destacado.single.prev-frame,
.module-distribuidor-destacado .frame-active.prev-frame {
  opacity: 1 !important;
}

@keyframes coverOut {
  0% {
    width: 100%;
  }

  100% {
    width: 0%;
  }
}

@keyframes scaleImage {
  0% {
    background-position: 50% 30%;
    transform: scale(1.5);
  }

  100% {
    background-position: 50% 50%;
    transform: scale(1);
  }
}

.module-distribuidor-destacado.is-visible.single .grid-container--left:after,
.module-distribuidor-destacado.is-visible
  .frame-active
  .grid-container--left:after {
  animation-name: coverOut;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.module-distribuidor-destacado.is-visible.single .image,
.module-distribuidor-destacado.is-visible .frame-active .image {
  animation-name: scaleImage;
  animation-duration: 2s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.module-distribuidor-destacado.with-slider .slider-controls {
  position: absolute;
  left: 0;
  top: auto !important;
  bottom: 0;
  z-index: 100;
  opacity: 0 !important;
}

.module-distribuidor-destacado.with-slider .data-point {
  top: 0;
}

.module-distribuidor-destacado .grid-flow--left {
  position: relative;
}

.module-distribuidor-destacado .soluciones-destacado ul {
  display: flex;
  align-items: center;
  margin-top: 3rem;
  flex-wrap: wrap;
}

.module-distribuidor-destacado .soluciones-destacado ul li {
  flex-basis: 50%;
  margin-bottom: 3rem;
}

.module-distribuidor-destacado .soluciones-destacado ul li a {
  transition: all 0.3s ease-in-out;
}

.module-distribuidor-destacado .soluciones-destacado ul li:hover a {
  color: red;
}

.module-distribuidor-destacado .soluciones-destacado ul li svg {
  margin-right: 8px;
}

@media (min-width: 1680px) {
  .module-distribuidor-destacado .soluciones-destacado ul li {
    flex-basis: 33%;
  }
}

.module-distribuidor-destacado .soluciones-destacado ul a {
  display: inline-flex;
  align-items: center;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .module-distribuidor-destacado .title--l {
    font-size: 5.6rem;
    line-height: 6.8rem;
  }
}

.module-distribuidor-destacado .grid-container--left {
  height: 320px;
  background-size: cover;
}

@media (min-width: 680px) {
  .module-distribuidor-destacado .grid-container--left {
    height: 589px;
  }
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado .grid-container--left {
    margin-right: 0;
    height: 620px;
  }
}

@media (min-width: 1680px) {
  .module-distribuidor-destacado .grid-container--left {
    height: 977px;
  }
}

.module-distribuidor-destacado .input-range-slider {
  grid-column: 1 / 12;
  z-index: 100;
  position: relative;
  margin-top: 3rem;
}

@media (min-width: 680px) {
  .module-distribuidor-destacado .input-range-slider {
    margin-bottom: 2rem;
  }
}

.module-distribuidor-destacado .data-point {
  position: absolute;
  visibility: hidden;
}

.module-distribuidor-destacado .data-point .grid-container--left {
  opacity: 0;
}

@media (max-width: 679px) {
  .module-distribuidor-destacado .data-point .grid-container--left {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.module-distribuidor-destacado .data-point .soluciones-destacado,
.module-distribuidor-destacado .data-point .title--l,
.module-distribuidor-destacado .data-point .link,
.module-distribuidor-destacado .data-point .body--m {
  opacity: 0;
}

@keyframes background-position {
  0% {
    background-size: 120%;
  }

  100% {
    background-size: 100%;
  }
}

@keyframes from-bottom {
  0% {
    transform: translateX(-5vw);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes from-bottom-slow {
  0% {
    transform: translateX(2vw);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacityLink {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes titleTag {
  0% {
    width: 100%;
  }

  100% {
    width: 1px;
  }
}

.module-distribuidor-destacado .taglabel {
  display: flex;
}

.module-distribuidor-destacado .grid-container--right .title--tag {
  margin-bottom: 3rem;
}

.module-distribuidor-destacado .grid-container--right .title--tag::before {
  width: 100%;
  animation-name: titleTag;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.module-distribuidor-destacado .grid-container--left {
  opacity: 1 !important;
}

.module-distribuidor-destacado.is-visible .frame-active .slider-controls {
  opacity: 1 !important;
}

.module-distribuidor-destacado.is-visible .frame-active .title--tag::before {
  animation-name: titleTag;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.module-distribuidor-destacado.is-visible .frame-active .link--icon {
  animation-name: opacity;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

.module-distribuidor-destacado.is-visible .frame-active .body--m {
  animation-name: from-bottom-slow, opacity;
  animation-duration: 1.2s, 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
}

.module-distribuidor-destacado.is-visible .frame-active .title--l {
  animation-name: from-bottom-slow, opacity;
  animation-duration: 1.2s, 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.module-distribuidor-destacado.is-visible .frame-active .soluciones-destacado {
  animation-name: from-bottom, opacityLink;
  animation-duration: 1.2s, 2s;
  animation-fill-mode: forwards;
  animation-delay: 0, 0;
}

.module-distribuidor-destacado.is-visible .frame-active .number {
  text-align: right;
}

.module-distribuidor-destacado.is-visible .frame-active .short-descritpion {
  text-align: right;
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
  .module-distribuidor-destacado .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

.module-distribuidor-destacado[data-active-frame='1']
  .data-point:nth-of-type(1) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado[data-active-frame='2']
  .data-point:nth-of-type(2) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado[data-active-frame='3']
  .data-point:nth-of-type(3) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado[data-active-frame='4']
  .data-point:nth-of-type(4) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado[data-active-frame='5']
  .data-point:nth-of-type(5) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado[data-active-frame='6']
  .data-point:nth-of-type(6) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado[data-active-frame='7']
  .data-point:nth-of-type(7) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado[data-active-frame='8']
  .data-point:nth-of-type(8) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado[data-active-frame='9']
  .data-point:nth-of-type(9) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado[data-active-frame='10']
  .data-point:nth-of-type(10) {
  position: relative;
  visibility: visible;
}

.module-distribuidor-destacado .grid-container--text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.module-distribuidor-destacado .prev-frame {
  opacity: 0 !important;
}

.module-distribuidor-destacado .title--tag {
  margin-bottom: 3rem;
}

.module-distribuidor-destacado .grid-container--left {
  grid-column: 1 / 3;
  position: relative;
}

.module-distribuidor-destacado .grid-container--left .ods,
.module-distribuidor-destacado .grid-container--left .logo {
  position: absolute;
  right: 0;
  bottom: 0;
}

.module-distribuidor-destacado .grid-container--left .logo {
  max-width: 200px;
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado .grid-container--left {
    grid-column: 1 / 7;
  }
}

@media (min-width: 680px) {
  .module-distribuidor-destacado .grid-container--left {
    margin-left: -10vw;
  }
}

@media (min-width: 1920px) {
  .module-distribuidor-destacado .grid-container--left {
    margin-left: -10vw;
    grid-column: 1 / 7;
  }
}

@media (max-width: 679px) {
  .module-distribuidor-destacado .grid-container--left {
    grid-column: 1 / 4;
    margin-left: -30px;
    margin-right: -30px;
  }
}

.module-distribuidor-destacado .grid-container--right {
  grid-column: 3 / 9;
  position: relative;
}

@media (min-width: 680px) {
  .module-distribuidor-destacado .grid-container--right {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado .grid-container--right {
    grid-column: 8 / 13;
  }
}

@media (max-width: 679px) {
  .module-distribuidor-destacado .grid-container--right {
    grid-column: 1 / 4;
    margin-top: 4rem;
  }
}

.grid-flow--right .grid-container--left {
  grid-column: 1 / 4;
}

@media (min-width: 1024px) {
  .grid-flow--right .grid-container--left {
    grid-column: 1 / 6;
  }
}

@media (max-width: 679px) {
  .grid-flow--right .grid-container--left {
    grid-column: 1 / 4;
  }
}

.grid-flow--right .grid-container--right {
  grid-column: 4 / 9;
  margin-right: -100%;
}

@media (min-width: 680px) {
  .grid-flow--right .grid-container--right {
    margin-right: -100%;
  }
}

@media (min-width: 1920px) {
  .grid-flow--right .grid-container--right {
    margin-right: -17%;
  }
}

@media (min-width: 1024px) {
  .grid-flow--right .grid-container--right {
    grid-column: 7 / 13;
  }
}

@media (max-width: 679px) {
  .grid-flow--right .grid-container--right {
    grid-column: 1 / 4;
    margin-right: 0;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-distribuidor-destacado--areas .grid-flow--left {
  position: relative;
}

.module-distribuidor-destacado--areas .img-container {
  background-position: 50% 0;
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado--areas .img-container {
    background-position: 50% 50%;
  }
}

.module-distribuidor-destacado--areas .cifras-container {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 4rem;
  right: 3rem;
  left: 3rem;
  padding-bottom: 3rem;
  bottom: 6rem;
}

@media (min-width: 680px) {
  .module-distribuidor-destacado--areas .cifras-container {
    right: 3.5rem;
    left: 4rem;
  }
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado--areas .cifras-container {
    right: 4rem;
  }
}

@media (min-width: 1280px) {
  .module-distribuidor-destacado--areas .cifras-container {
    bottom: 8rem;
    right: 4rem;
  }
}

@media (min-width: 1680px) {
  .module-distribuidor-destacado--areas .cifras-container {
    bottom: 13rem;
    right: 9.5rem;
    left: 10rem;
  }
}

.module-distribuidor-destacado--areas .cifras-container div {
  display: flex;
  flex-direction: column;
  text-align: right;
  margin-left: 5%;
  color: #fff;
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado--areas .cifras-container div {
    margin-left: 10%;
  }
}

.module-distribuidor-destacado--areas .cifras-container div:first-child {
  margin-left: 0;
}

.module-distribuidor-destacado--areas .cifras-container div:nth-child(2) {
  display: none;
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado--areas .cifras-container div:nth-child(2) {
    display: inline-block;
  }
}

.module-distribuidor-destacado--areas .grid-container--left {
  height: 320px;
  background-size: cover;
  background-position: 50% 50%;
}

@media (max-width: 679px) {
  .module-distribuidor-destacado--areas .grid-container--left {
    background-position: 50% 0%;
  }
}

@media (min-width: 680px) {
  .module-distribuidor-destacado--areas .grid-container--left {
    height: 589px;
    margin-right: 18%;
  }
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado--areas .grid-container--left {
    margin-right: 0;
    height: 620px;
  }
}

@media (min-width: 1680px) {
  .module-distribuidor-destacado--areas .grid-container--left {
    height: 977px;
  }
}

.module-distribuidor-destacado--areas .grid-container--text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.module-distribuidor-destacado--areas .title--tag {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
}

.module-distribuidor-destacado--areas .grid-container--left {
  grid-column: 1 / 4;
  position: relative;
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado--areas .grid-container--left {
    grid-column: 1 / 7;
  }
}

@media (min-width: 680px) {
  .module-distribuidor-destacado--areas .grid-container--left {
    margin-left: -10vw;
  }
}

@media (min-width: 1920px) {
  .module-distribuidor-destacado--areas .grid-container--left {
    margin-left: -10vw;
    grid-column: 1 / 7;
  }
}

@media (max-width: 679px) {
  .module-distribuidor-destacado--areas .grid-container--left {
    grid-column: 1 / 4;
    margin-left: -30px;
    margin-right: -30px;
  }
}

.module-distribuidor-destacado--areas .grid-container--right {
  grid-column: 4 / 9;
  position: relative;
}

@media (min-width: 680px) {
  .module-distribuidor-destacado--areas .grid-container--right {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .module-distribuidor-destacado--areas .grid-container--right {
    grid-column: 8 / 13;
  }
}

@media (max-width: 679px) {
  .module-distribuidor-destacado--areas .grid-container--right {
    grid-column: 1 / 4;
    margin-top: 4rem;
  }
}

.grid-flow--right .grid-container--left {
  grid-column: 1 / 4;
}

@media (min-width: 1024px) {
  .grid-flow--right .grid-container--left {
    grid-column: 1 / 6;
  }
}

@media (max-width: 679px) {
  .grid-flow--right .grid-container--left {
    grid-column: 1 / 4;
  }
}

.grid-flow--right .grid-container--right {
  grid-column: 4 / 9;
  margin-right: -100%;
}

@media (min-width: 680px) {
  .grid-flow--right .grid-container--right {
    margin-right: -100%;
  }
}

@media (min-width: 1920px) {
  .grid-flow--right .grid-container--right {
    margin-right: -17%;
  }
}

@media (min-width: 1024px) {
  .grid-flow--right .grid-container--right {
    grid-column: 7 / 13;
  }
}

@media (max-width: 679px) {
  .grid-flow--right .grid-container--right {
    grid-column: 1 / 4;
    margin-right: 0;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.distribuidor-2-col .title--tag {
  grid-column: 1 / -1;
  margin-bottom: 4rem;
}

.distribuidor-2-col .is-hovered .link--icon svg {
  transform: translateY(5px) translateX(20px);
}

.distribuidor-2-col .link {
  margin-top: 3rem;
}

@media (max-width: 679px) {
  .distribuidor-2-col .link {
    margin-top: 2rem;
  }
}

@media (min-width: 1280px) {
  .distribuidor-2-col .link {
    margin-top: 2rem;
  }
}

.distribuidor-2-col .image-container {
  margin-bottom: 4rem;
}

@media (max-width: 679px) {
  .distribuidor-2-col .image-container {
    margin-bottom: 3rem;
  }
}

.distribuidor-2-col .lead-text-container {
  margin-top: 2rem;
}

@media (max-width: 679px) {
  .distribuidor-2-col .lead-text-container {
    margin-top: 1rem;
  }
}

.distribuidor-2-col .distribuidor-2-col-container {
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  .distribuidor-2-col .distribuidor-2-col-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.distribuidor-2-col .distribuidor-2-col-container .distribuidor-2-col-item {
  margin-top: 6rem;
}

.distribuidor-2-col
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .title--xs
  a {
  transition: color 0.2s ease-in-out;
}

.distribuidor-2-col
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .title--xs
  a:hover {
  color: red;
}

@media (min-width: 680px) {
  .distribuidor-2-col .distribuidor-2-col-container .distribuidor-2-col-item {
    margin-top: 8rem;
  }
}

@media (min-width: 1680px) {
  .distribuidor-2-col .distribuidor-2-col-container .distribuidor-2-col-item {
    margin-top: 12rem;
  }
}

@media (min-width: 1024px) {
  .distribuidor-2-col
    .distribuidor-2-col-container
    .distribuidor-2-col-item:nth-child(2) {
    margin-top: 0;
  }
}

.distribuidor-2-col
  .distribuidor-2-col-container
  .distribuidor-2-col-item:first-child {
  margin-top: 0;
}

@media (min-width: 1024px) {
  .distribuidor-2-col .distribuidor-2-col-container .distribuidor-2-col-item {
    --inner_gap: 7%;
    margin-right: var(--inner_gap);
    flex-basis: calc(50% - (7% / 2));
  }

  .distribuidor-2-col
    .distribuidor-2-col-container
    .distribuidor-2-col-item:nth-child(2n) {
    margin-right: 0;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.distribuidor-multiple .title--tag {
  margin-bottom: 4rem;
}

@media (max-width: 679px) {
  .distribuidor-multiple .title--tag {
    margin-bottom: 3rem;
  }
}

.distribuidor-multiple .list li {
  padding-left: 3rem;
  break-inside: avoid-column;
}

.distribuidor-multiple .list.list--single {
  column-count: 1;
  break-inside: avoid-column;
}

.distribuidor-multiple .distribuidor-multiple__item:not(:last-child) {
  margin-bottom: 6rem;
  padding-bottom: 6rem;
  border-bottom: 1px solid #d8d8d8;
}

@media (min-width: 680px) {
  .distribuidor-multiple .distribuidor-multiple__item:not(:last-child) {
    margin-bottom: 8rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1680px) {
  .distribuidor-multiple .distribuidor-multiple__item:not(:last-child) {
    margin-bottom: 10rem;
    padding-bottom: 10rem;
  }
}

.distribuidor-multiple .distribuidor-multiple__item,
.distribuidor-multiple .title--tag {
  grid-column: 1 / -1;
}

.distribuidor-multiple .image-src {
  grid-column: 1 / -1;
  text-align: center;
  margin-bottom: 4rem;
  margin-right: 0;
}

.distribuidor-multiple .image-src img {
  width: auto;
}

@media (min-width: 1024px) {
  .distribuidor-multiple .image-src {
    grid-column: 1 / 6;
    margin-bottom: 0;
    margin-right: 5%;
  }
}

.distribuidor-multiple .image {
  background-repeat: no-repeat;
  background-size: cover;
  grid-column: 1 / -1;
  background-position: 50% 50%;
  margin-bottom: 4rem;
  margin-right: 0;
  height: 265px;
}

@media (min-width: 680px) {
  .distribuidor-multiple .image {
    margin-bottom: 5rem;
  }
}

@media (min-width: 1024px) {
  .distribuidor-multiple .image {
    grid-column: 1 / 6;
    margin-right: 5%;
    margin-bottom: 0;
  }
}

@media (min-width: 1280px) {
  .distribuidor-multiple .image {
    height: 297px;
  }
}

.distribuidor-multiple .links-container {
  margin-top: 4rem;
}

.distribuidor-multiple .links-container div:not(:first-child) {
  margin-top: 3rem;
}

.distribuidor-multiple .body--s {
  margin-bottom: 2rem;
}

.distribuidor-multiple .title--s {
  margin-bottom: 2rem;
}

.distribuidor-multiple .content {
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  .distribuidor-multiple .content {
    grid-column: 6 / -1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-news .grid-container {
  display: flex;
  flex-direction: column;
  grid-row-gap: 0 !important;
}

@media (min-width: 1024px) {
  .module-news .grid-container {
    display: grid;
    grid-gap: 7%;
    flex-direction: row;
    grid-template-columns: repeat(3, 1fr);
  }
}

.module-news .title--s {
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .module-news .title--s {
    margin-bottom: 2rem;
  }
}

.module-news .module-news__header {
  justify-content: space-between;
  display: flex;
  border-bottom: 1px solid #d8d8d8;
  grid-column: 1 / -1;
  margin-bottom: 3rem;
  align-items: flex-start;
  padding-bottom: 3rem;
}

@media (min-width: 680px) {
  .module-news .module-news__header {
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }
}

@media (min-width: 1680px) {
  .module-news .module-news__header {
    padding-bottom: 8rem;
    margin-bottom: 8rem;
  }
}

.module-news .module-news__header .title--tag {
  flex-shrink: 0;
}

.module-news .module-news__header .link {
  max-width: 50%;
}

@media (max-width: 679px) {
  .module-news .module-news__header .link {
    display: none;
    max-width: 100%;
  }
}

.module-news .module-news__col {
  width: 100%;
  flex-shrink: 0;
  margin-right: 30px;
}

.module-news .module-news__col:not(:first-child) {
  margin-top: 6rem;
}

@media (min-width: 1024px) {
  .module-news .module-news__col:not(:first-child) {
    margin-top: 8rem;
  }
}

@media (min-width: 1024px) {
  .module-news .module-news__col {
    margin-top: 6rem;
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  .module-news .module-news__col:nth-child(1),
  .module-news .module-news__col:nth-child(2),
  .module-news .module-news__col:nth-child(3) {
    margin-top: 0;
  }
}

.module-news .module-news__col .arrow svg {
  margin-top: 2rem;
  margin-left: 0;
}

@media (max-width: 679px) {
  .module-news .module-news__col .arrow svg {
    margin-top: 2rem;
  }
}

.module-news .module-news__col.is-hovered .link svg {
  transform: translateX(1rem) translateY(4px);
}

.module-news .module-news__col.is-hovered .title--small .link svg {
  transform: translateX(0) translateY(0);
}

.module-news .module-news__col .title--small {
  line-height: 0;
}

.module-news .module-news__col .title--small svg {
  margin-top: 0;
  margin-right: 0.8rem;
}

.module-news .tag {
  display: inline-flex;
  align-items: center;
  padding-bottom: 2rem;
}

@media (min-width: 1680px) {
  .module-news .tag {
    padding-bottom: 3rem;
  }
}

.module-news .tag .link {
  color: red;
}

.module-news .date {
  display: inline-flex;
  align-items: center;
}

.module-news .date::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #d8d8d8;
  margin-left: 1rem;
  margin-right: 1rem;
}

.module-news .date-calendar {
  display: inline-flex;
  align-items: center;
}

.module-news .date-calendar svg {
  margin-top: -2px !important;
}

.module-news .cta-footer {
  grid-column: 1 / -1;
  display: none;
  margin-top: 4rem;
}

@media (max-width: 679px) {
  .module-news .cta-footer {
    display: block;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

header.page-header {
  position: fixed;
  transition: all 0.3s ease-in-out;
  --outer_gap: 20px;
  border-bottom: 1px solid #eee;
  display: grid;
  position: relative;
  z-index: 4;
  grid-template-rows: 32px 64px;
  background-color: #fff;
}

header.page-header .button.taglabel svg {
  margin-right: 0.35rem;
}

header.page-header .open-search-form,
header.page-header .button.taglabel,
header.page-header a:not(.link--icon) {
  transition: all 0.3s ease-in-out;
}

header.page-header .open-search-form path,
header.page-header .button.taglabel path,
header.page-header a:not(.link--icon) path {
  transition: all 0.3s ease-in-out;
}

header.page-header .open-search-form span,
header.page-header .button.taglabel span,
header.page-header a:not(.link--icon) span {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

header.page-header .open-search-form span::after,
header.page-header .button.taglabel span::after,
header.page-header a:not(.link--icon) span::after {
  content: '';
  height: 1px;
  background-color: #000;
  left: 0;
  position: absolute;
  bottom: -2px;
  width: 0;
  transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

header.page-header .link svg {
  flex-shrink: 0;
}

header.page-header .link.current,
header.page-header .open-search-form:hover,
header.page-header .button.taglabel:hover,
header.page-header a:not(.link--icon):hover {
  color: red;
}

header.page-header .link.current span {
  color: red;
}

header.page-header .link.current svg path {
  fill: red;
}

header.page-header .link.current span::after {
  width: 15px;
  background-color: red;
}

header.page-header .subsection-box span {
  position: relative;
}

header.page-header .subsection-box span::after {
  content: '';
  height: 1px;
  background-color: #000;
  left: 0;
  position: absolute;
  bottom: -2px;
  width: 0;
  transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

header.page-header .subsection-box a:not(.current):hover {
  color: red;
}

header.page-header a.is-active:hover,
header.page-header a.is-active {
  color: red;
}

header.page-header a.is-active:hover path,
header.page-header a.is-active path {
  fill: red;
}

header.page-header .header-right {
  grid-column: 5 / 5;
  grid-row: 1 / 2;
  display: flex;
  justify-content: flex-end;
  padding-right: 5.5rem;
}

@media (min-width: 680px) {
  header.page-header .header-right {
    padding-right: 0;
  }
}

header.page-header .clientes-touch {
  grid-row: 1 / 2;
  align-self: center;
  display: inline-flex;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 0.9rem;
  justify-self: flex-end;
}

@media (min-width: 680px) {
  header.page-header .clientes-touch {
    margin-right: 3rem;
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  header.page-header .clientes-touch {
    display: none;
  }
}

header.page-header .clientes-touch svg {
  margin-right: 8px;
  margin-top: -4px;
  display: none;
}

header.page-header .clientes-touch a {
  display: flex;
}

@media (min-width: 680px) {
  header.page-header .stock-ticker,
  header.page-header button,
  header.page-header .icon {
    margin-right: 30px;
  }
}

@media (min-width: 1024px) {
  header.page-header .stock-ticker,
  header.page-header button,
  header.page-header .icon {
    margin-right: 0;
  }
}

@media (min-width: 680px) {
  header.page-header .open-search-form {
    padding-left: 0;
  }
}

header.page-header .icon__hamburger--tablet {
  display: none;
  margin-right: 0;
}

@media (min-width: 680px) {
  header.page-header .icon__hamburger--tablet {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  header.page-header .icon__hamburger--tablet {
    display: none;
  }
}

@media (min-width: 680px) {
  header.page-header .icon__hamburger--mobile {
    display: none;
  }
}

header.page-header .nav__main--desktop {
  display: none;
}

@media (min-width: 1024px) {
  header.page-header .nav__main--desktop {
    display: block;
  }
}

header.page-header .header__top {
  display: grid;
  grid-column: 1 / -1;
  grid-row: 1 / -1;
}

@media (min-width: 680px) {
  header.page-header .header__top {
    grid-column: 3 / -1;
    display: flex;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  header.page-header .nav__overlay::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.15);
  }
}

header.page-header .nav__main--mobile {
  transform: translateX(100%);
  transition: transform 0.6s ease-in-out;
  z-index: 2;
}

@media (min-width: 1024px) {
  header.page-header .nav__main--mobile {
    display: none;
  }
}

header.page-header .nav__main--mobile[data-is-visible='true'] {
  transform: translateX(0%);
}

@media (min-width: 680px) {
  header.page-header {
    --outer_gap: 80px;
  }
}

@media (min-width: 680px) {
  header.page-header {
    padding: 0 50px;
  }
}

@media (min-width: 1280px) {
  header.page-header {
    max-width: 100%;
    padding: 0 10%;
  }
}

header.page-header .logo-home-link {
  grid-row: 2 / 3;
  grid-column: 1 / 3;
  align-self: center;
}

header.page-header .logo-home-link .logo {
  width: 74px;
}

@media (min-width: 1024px) {
  header.page-header.page-header {
    grid-row-gap: 0;
  }

  header.page-header::after {
    content: none;
  }

  header.page-header .logo-home-link {
    background-color: #fff;
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    align-self: center;
    z-index: 5;
    transform: translateY(-1px);
  }

  header.page-header .logo-home-link .logo {
    width: 74px;
  }

  header.page-header .header__row {
    display: flex;
    justify-content: flex-end;
    font-size: 0.9rem;
    font-weight: 500;
    transform: translateY(-1px);
  }

  header.page-header .header__top {
    grid-column: 2 / 13;
    grid-row: 1 / 2;
    background-color: #fff;
    align-items: flex-end;
    padding-bottom: 8px;
  }

  header.page-header .header__top button {
    border: none;
    margin-left: 2em;
  }

  header.page-header .header__top .country-selector {
    align-items: center;
    line-height: 1.6;
  }

  header.page-header .header__top .country-selector,
  header.page-header .header__top .stock-ticker {
    align-self: flex-end;
  }

  header.page-header .header__bottom {
    grid-column: 2 / -1;
    grid-row: 2 / 3;
    align-items: flex-start;
    flex-direction: row;
    padding-top: 8px;
    background-color: #fff;
    overflow: hidden;
  }

  header.page-header .header__bottom .nav__main {
    height: auto;
    padding: 0;
    transform: none;
    width: 100%;
    top: 0;
    position: relative;
    left: 0;
  }

  header.page-header .header__bottom .nav__main .nav_links {
    background-color: #fff;
    padding: 0;
    margin: 0;
  }

  header.page-header .header__bottom .nav__main .nav_links .link-lvl-0 {
    font-size: 1.1rem;
    font-weight: medium;
  }
}

header.page-header #header_small_text,
header.page-header .stock-ticker span,
header.page-header button.country-selector span {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1.8;
}

@media (min-width: 680px) {
  header.page-header #header_small_text,
  header.page-header .stock-ticker span,
  header.page-header button.country-selector span {
    font-size: 1rem;
    font-weight: 500;
  }
}

@media (min-width: 1024px) {
  header.page-header #header_small_text,
  header.page-header .stock-ticker span,
  header.page-header button.country-selector span {
    font-size: 0.9rem;
  }
}

header.page-header .stock-ticker {
  align-self: center;
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}

header.page-header .stock-ticker svg {
  transform: translateY(45%);
}

header.page-header button.open-search-form {
  background-color: transparent;
}

@media (min-width: 1024px) {
  header.page-header button.open-search-form {
    cursor: pointer;
    padding: 0;
    margin-left: 40px;
  }
}

header.page-header button.country-selector {
  align-self: center;
  padding: 0;
  grid-column: 4 / 5;
  grid-row: 1 / 2;
  justify-self: flex-end;
  cursor: pointer;
}

header.page-header button.country-selector svg {
  margin-left: 5px;
}

@media (min-width: 1024px) {
  header.page-header button.country-selector {
    margin-left: 40px;
  }
}

header.page-header .icon__hamburger {
  align-self: center;
  cursor: pointer;
  grid-column: 5 / 5;
  grid-row: 2 / 2;
  justify-self: flex-end;
  width: 36px;
  height: 25px;
  padding: 0 0 16px 16px;
}

@media (min-width: 680px) {
  header.page-header {
    height: 100px;
    flex-shrink: 0;
    grid-template-rows: 100px;
  }

  header.page-header .logo-home-link {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }

  header.page-header .logo-home-link .logo {
    min-width: 120px;
  }

  header.page-header p.stock-ticker {
    grid-column: -7 / -3;
    justify-self: flex-end;
  }

  header.page-header svg.icon__hamburger {
    width: 40px;
    padding: 0;
    padding-top: 4px;
    grid-column: -2 / -1;
    grid-row: 1 / 2;
  }
}

@media (min-width: 1024px) {
  header.page-header {
    grid-template-rows: 50px 50px;
  }

  header.page-header .logo-home-link {
    grid-row: 1 / 3;
    align-self: auto;
    display: flex;
  }
}

@media screen and (min-width: 680px) and (max-width: 1023px) {
  header.page-header .open-search-form,
  header.page-header button.country-selector {
    grid-column: -2 / 5 !important;
  }
}

@media screen and (min-width: 680px) and (max-width: 1023px) {
  header.page-header p.stock-ticker {
    grid-column: 4 / 6;
  }
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  header.page-header .open-search-form {
    grid-column: 5 / 5;
    grid-row: 1 / 2;
    justify-self: flex-end;
    padding-right: 0;
    transform: translateY(2px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  header.page-header .open-search-form {
    grid-column: -3 / -2;
  }
}

@media (max-width: 679px) {
  header.page-header .country-selector {
    margin-right: 10%;
  }
}

header.page-header .stock-ticker {
  transform: translateY(-2px);
}

@media (min-width: 680px) {
  header.page-header .nav_background_overlay,
  header.page-header .nav__overlay {
    content: '';
    background-color: #000;
    position: fixed;
    opacity: 0;
    transition: opacity 320ms ease-in-out;
    top: 0;
    left: 100vw;
    width: 100vw;
    height: 100vh;
    z-index: 1;
  }
}

header.page-header .nav__overlay[data-is-visible='true'] {
  opacity: 0.2;
  left: 0;
}

header.page-header header.page-header.sticky {
  transition: all 320ms ease-in-out;
  position: sticky;
  top: 0;
}

header.page-header header.page-header.invisible {
  transform: translateY(-50px);
}

header.page-header header.page-header.invisible.sticky {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}

header.page-header button.active + div {
  max-height: 100vh !important;
}

header.page-header button + div {
  max-height: 0 !important;
}

.header__country.grid {
  padding: 0 20px;
}

@media (min-width: 680px) {
  .header__country.grid {
    padding: 0 50px;
  }
}

@media (min-width: 1280px) {
  .header__country.grid {
    max-width: 100%;
    padding: 0 10%;
  }
}

.header__country .grid-container {
  position: relative;
}

.header__country.top_nav {
  background-color: #000;
  font-size: 0.9rem;
  color: #fff;
  position: relative;
  z-index: 5;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.header__country.top_nav a {
  color: #fff;
}

.header__country.top_nav a:hover svg {
  margin-left: 15px;
}

.header__country.top_nav li,
.header__country.top_nav a {
  display: flex;
  align-items: center;
}

.header__country.top_nav li svg,
.header__country.top_nav a svg {
  margin-left: 10px;
  transition: all 0.3s ease-in-out;
  width: 12px;
  height: 12px;
}

.header__country.top_nav li:last-child,
.header__country.top_nav a:last-child {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.header__country.top_nav li:last-child {
  width: 50%;
}

.header__country.top_nav ul {
  display: flex;
  margin: 11px 0;
}

@media (min-width: 680px) {
  .header__country.top_nav ul {
    justify-content: center;
  }
}

.header__country.top_nav ul path {
  fill: #fff;
}

@media (max-width: 679px) {
  .header__country.top_nav {
    font-size: 0.9rem;
  }
}

.header__country .nav_secondary {
  display: flex;
}

.header__country .nav_secondary a {
  font-weight: 500;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .header__country .nav_secondary a {
    font-size: 0.9rem;
  }
}

@media (max-width: 679px) {
  .header__country .nav_secondary a::after {
    display: none;
  }
}

.header__country .nav_secondary a:first-child::before {
  display: none;
}

.header__country .nav_secondary a:first-child::after {
  display: inline-block;
}

.header__country .nav_secondary svg {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  transform: translateY(2px);
}

.header__country .nav_secondary svg path {
  fill: red;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

nav.nav_secondary {
  display: none;
}

@media (min-width: 1024px) {
  nav.nav_secondary {
    display: flex;
  }
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  nav.nav_secondary .is-active {
    color: #fff;
    opacity: 0.7;
  }
}

nav.nav_secondary a {
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  font-size: 11px;
  letter-spacing: 0.6px;
  font-weight: medium;
  line-height: 1.6rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

@media (min-width: 680px) {
  nav.nav_secondary a {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  nav.nav_secondary a {
    font-size: 0.9rem;
  }
}

nav.nav_secondary a::after {
  content: '';
  display: block;
  width: 1px;
  height: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  background-color: transparent;
  margin: 0 10px;
}

nav.nav_secondary a:nth-of-type(3)::after {
  content: none;
}

nav.nav_secondary a svg {
  margin-right: 8px;
  margin-top: -4px;
}

nav.nav_secondary a svg path {
  fill: #fff;
}

@media (min-width: 1024px) {
  nav.nav_secondary a svg path {
    fill: #000;
  }
}

@media (min-width: 1024px) {
  nav.nav_secondary a:nth-of-type(1)::before,
  nav.nav_secondary a:nth-of-type(2)::before {
    content: '';
    display: block;
    width: 1px;
    height: 9px;
    transform: translateY(-1px);
    background-color: #d8d8d8;
    margin: 0 15px;
  }

  nav.nav_secondary a:nth-of-type(1)::after,
  nav.nav_secondary a:nth-of-type(2)::after {
    margin: 0;
  }

  nav.nav_secondary a:nth-of-type(3) {
    margin-left: 40px;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

nav.nav__main {
  --vertical_spacing: 35px;
}

@media (min-width: 680px) {
  nav.nav__main {
    --vertical_spacing: 35px;
  }
}

nav.nav__main button.subsection__toggle,
nav.nav__main a.link {
  margin-bottom: 40px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
}

nav.nav__main button.subsection__toggle svg,
nav.nav__main a.link svg {
  margin-left: 1em;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  nav.nav__main button.subsection__toggle,
  nav.nav__main a.link {
    margin-bottom: 0;
    margin-left: 40px;
  }
}

@media (min-width: 680px) {
  nav.nav__main button.subsection__toggle,
  nav.nav__main a.link-lvl-0 {
    font-size: 2.6rem;
    margin-bottom: 60px;
  }
}

nav.nav__main button.subsection__toggle {
  text-transform: uppercase;
  align-self: flex-start;
  display: flex;
  align-items: center;
  font-weight: 500;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}

nav.nav__main .nav_sub_section {
  overflow: hidden;
  max-height: 0;
  transition: all 320ms ease-in-out;
  font-size: 1.1rem;
}

nav.nav__main .nav_sub_section[data-subsection-visible='true'] {
  max-height: 100vh;
}

@supports (-webkit-overflow-scrolling: touch) {
  nav.nav__main .nav_sub_section[data-subsection-visible='true'] {
    max-height: calc(100 * var(--vh));
  }
}

nav.nav__main .link {
  font-size: 1rem;
}

@media (min-width: 680px) {
  nav.nav__main .link {
    font-size: 1.2rem;
  }
}

nav.nav__main .nav_sub_section.lvl-1 {
  position: relative;
  line-height: 1.9rem;
  padding: 0 35px 0 60px;
}

nav.nav__main .nav_sub_section.lvl-1[data-subsection-visible='true'] {
  padding-top: 5px;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-1[data-subsection-visible='true'] {
    padding-top: 10px;
    padding-left: 80px;
  }
}

nav.nav__main .nav_sub_section.lvl-1 a.link,
nav.nav__main .nav_sub_section.lvl-1 button.subsection__toggle {
  font-size: 1.1rem;
  letter-spacing: 1px;
  position: relative;
  top: 0;
  line-height: 1.8;
  margin-bottom: 25px;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-1 a.link,
  nav.nav__main .nav_sub_section.lvl-1 button.subsection__toggle {
    font-size: 1.3rem;
    line-height: 2.6;
  }
}

nav.nav__main .nav_sub_section.lvl-1 a.link::before,
nav.nav__main .nav_sub_section.lvl-1 button.subsection__toggle::before {
  content: '';
  position: absolute;
  top: 8px;
  left: -20px;
  height: 1px;
  width: 10px;
  background-color: #000;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-1 a.link::before,
  nav.nav__main .nav_sub_section.lvl-1 button.subsection__toggle::before {
    top: 14px;
  }
}

nav.nav__main .nav_sub_section.lvl-1 button.subsection__toggle::before {
  top: 9px;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-1 button.subsection__toggle::before {
    top: 14px;
  }
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-1 .nav_sub_section.lvl-2 {
    padding-left: 30px;
  }
}

nav.nav__main .nav_sub_section.lvl-1 .link-lvl-1 {
  line-height: 1;
  min-height: 10px;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-1 .link-lvl-1 {
    line-height: 2.6;
  }
}

nav.nav__main .nav_sub_section.lvl-1 a.link-lvl-0 {
  flex-basis: 100%;
  margin-bottom: 45px;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-1 a.link-lvl-0 {
    margin-top: 35px;
    margin-bottom: 80px;
  }
}

nav.nav__main .nav_sub_section.lvl-1 a.link-lvl-0::before {
  content: none;
}

nav.nav__main .nav_sub_section.lvl-1 a.link-lvl-0 svg {
  display: none;
}

nav.nav__main .nav_sub_section.lvl-1[data-section='soluciones'] {
  padding-right: 0;
  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 680px) {
  nav.nav__main
    .nav_sub_section.lvl-1[data-section='soluciones'][data-subsection-visible='true'] {
    padding: 0 60px;
    padding-top: 20px;
  }
}

nav.nav__main .nav_sub_section.lvl-1[data-section='soluciones'] .link-lvl-1 {
  height: 19px;
  flex-basis: 50%;
  margin-bottom: 30px;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-1[data-section='soluciones'] .link-lvl-1 {
    margin-bottom: 40px;
  }
}

nav.nav__main
  .nav_sub_section.lvl-1[data-section='soluciones']
  .link-lvl-1
  svg {
  display: block;
  margin-left: 0;
  margin-right: 10px;
}

nav.nav__main
  .nav_sub_section.lvl-1[data-section='soluciones']
  .link-lvl-1::before {
  content: none;
}

nav.nav__main .nav_sub_section.lvl-1[data-section='soluciones'] .link-lvl-0 {
  margin-top: 25px;
}

nav.nav__main .nav_sub_section.lvl-2 {
  padding-right: 10px;
  font-size: 1.1rem;
}

nav.nav__main .nav_sub_section.lvl-2 a.link {
  letter-spacing: 0;
  text-transform: none;
  font-weight: normal;
  font-size: 1.3rem;
  color: #000;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-2 a.link {
    font-size: 1.5rem;
  }
}

nav.nav__main .nav_sub_section.lvl-2 a.link-lvl-1 {
  margin-left: 10px;
  margin-bottom: 40px;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-2 a.link-lvl-1 {
    margin-left: 0;
  }
}

nav.nav__main .nav_sub_section.lvl-2 a.link-lvl-1::before {
  content: none;
}

nav.nav__main .nav_sub_section.lvl-2 a.link-lvl-1 svg {
  display: none;
}

nav.nav__main .nav_sub_section.lvl-2 a.link-lvl-2 {
  margin-bottom: 17px;
  margin-left: 10px;
}

@media (min-width: 680px) {
  nav.nav__main .nav_sub_section.lvl-2 a.link-lvl-2 {
    margin-left: 0;
    margin-bottom: 12px;
  }
}

nav.nav__main .nav_sub_section.lvl-2 a.link-lvl-2::before {
  content: none;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.header-landing {
  min-height: 100px;
  border-bottom: solid 1px #d8d8d8;
  background-color: #fff;
  z-index: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-landing img {
  width: 74px;
}

@media (min-width: 1024px) {
  .header-landing img {
    width: 126px;
  }
}

.header-landing--logo {
  display: flex !important;
  justify-content: space-between;
}

.header-landing--logo .logo-home-right {
  grid-column: -1;
}

.header-landing.sticky {
  transition: all 320ms ease-in-out;
  position: sticky;
  top: 0;
}

.header-landing.invisible {
  opacity: 0;
  transform: translateY(-50px);
}

.header-landing.invisible.sticky {
  opacity: 1;
  transform: none;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.page-footer {
  color: #fff;
  margin-top: 100px;
}

@media (min-width: 2560px) {
  .page-footer .nav-footer,
  .page-footer .module {
    padding-left: 10%;
    margin-left: 0;
    max-width: 100%;
    padding-right: 10%;
    margin-right: 0;
  }
}

.page-footer .soluciones-botonera {
  margin-bottom: 2rem;
}

@media (min-width: 680px) {
  .page-footer .soluciones-botonera {
    margin-bottom: 5.6rem;
  }
}

@media (min-width: 1280px) {
  .page-footer .soluciones-botonera {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1680px) {
  .page-footer .soluciones-botonera {
    margin-bottom: 5.5rem;
  }
}

.page-footer .soluciones-botonera ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1280px) {
  .page-footer .soluciones-botonera ul {
    justify-content: flex-start;
  }
}

.page-footer .soluciones-botonera ul li {
  flex-basis: 50%;
  margin-bottom: 3rem;
  padding-left: 0;
  display: inline-flex;
}

.page-footer .soluciones-botonera ul li:last-of-type {
  flex-basis: 75%;
}

@media (min-width: 1680px) {
  .page-footer .soluciones-botonera ul li:last-of-type {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  .page-footer .soluciones-botonera ul li {
    flex-basis: 26%;
  }
}

@media (min-width: 1280px) {
  .page-footer .soluciones-botonera ul li {
    flex-basis: 20%;
    margin-bottom: 4.5rem;
  }
}

@media (min-width: 1680px) {
  .page-footer .soluciones-botonera ul li {
    flex-basis: 25%;
  }
}

.page-footer .soluciones-botonera ul li a {
  display: inline-flex;
  transition: all 0.3s ease-in-out;
  align-items: center;
}

@media (max-width: 679px) {
  .page-footer .soluciones-botonera ul li a {
    font-size: 1.2rem;
  }
}

@media (min-width: 680px) {
  .page-footer .soluciones-botonera ul li a {
    font-size: 1.4rem;
  }
}

@media (min-width: 1280px) {
  .page-footer .soluciones-botonera ul li a {
    font-size: 1.6rem;
  }
}

@media (min-width: 1680px) {
  .page-footer .soluciones-botonera ul li a {
    font-size: 1.8rem;
  }
}

.page-footer .soluciones-botonera ul li a:hover {
  color: red;
}

@media (min-width: 680px) {
  .page-footer .soluciones-botonera li a {
    font-size: 1.2rem;
  }
}

@media (min-width: 1280px) {
  .page-footer .soluciones-botonera li a {
    font-size: 1.8rem;
  }
}

@media (min-width: 1680px) {
  .page-footer .soluciones-botonera li a {
    font-size: 2.4rem;
  }
}

.page-footer .nav-footer-container {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

@media (min-width: 680px) {
  .page-footer .nav-footer-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}

.page-footer .nav-footer-container a {
  margin-right: 15px;
  display: inline-block;
}

@media (min-width: 1280px) {
  .page-footer .nav-footer-container a {
    margin-right: 5%;
  }
}

@media (min-width: 1680px) {
  .page-footer .nav-footer-container a {
    margin-bottom: 0;
  }
}

.page-footer .top_footer.grid {
  padding: 20px;
  margin-top: 40px;
  background-color: #f2f2f2;
  color: #000;
}

.page-footer .top_footer.grid a {
  color: #000;
}

.page-footer .top_footer.grid a svg {
  transform: scale(1);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  will-change: transform;
}

.page-footer .top_footer.grid a svg path {
  fill: red;
}

@media (min-width: 680px) {
  .page-footer .top_footer.grid {
    padding: 20px 50px;
    margin-top: 30px;
  }
}

@media (min-width: 1280px) {
  .page-footer .top_footer.grid {
    max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (min-width: 1280px) {
  .page-footer .top_footer.grid {
    margin-top: 60px;
  }
}

.page-footer .grid-container {
  position: relative;
}

.page-footer .top_footer {
  background-color: #000;
  font-size: 0.9rem;
  color: #fff;
  position: relative;
  z-index: 5;
  margin-bottom: 2px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.page-footer .top_footer a {
  color: #fff;
}

.page-footer .top_footer a:hover svg {
  margin-left: 15px;
}

.page-footer .top_footer li,
.page-footer .top_footer a {
  display: flex;
  align-items: center;
}

.page-footer .top_footer li svg,
.page-footer .top_footer a svg {
  margin-left: 10px;
  transition: all 0.3s ease-in-out;
  width: 12px;
  height: 12px;
}

.page-footer .top_footer li:last-child,
.page-footer .top_footer a:last-child {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.page-footer .top_footer li:last-child {
  width: 50%;
}

.page-footer .top_footer ul {
  display: flex;
}

@media (min-width: 680px) {
  .page-footer .top_footer ul {
    justify-content: center;
  }
}

.page-footer .top_footer ul path {
  fill: #fff;
}

@media (max-width: 679px) {
  .page-footer .top_footer {
    font-size: 0.9rem;
  }
}

.page-footer .nav_secondary {
  display: flex;
}

.page-footer .nav_secondary a {
  font-weight: 500;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .page-footer .nav_secondary a {
    font-size: 0.9rem;
  }
}

@media (max-width: 679px) {
  .page-footer .nav_secondary a::after {
    display: none;
  }
}

.page-footer .nav_secondary a:first-child::before {
  display: none;
}

.page-footer .nav_secondary a:first-child::after {
  display: inline-block;
}

.page-footer .nav_secondary svg {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  transform: translateY(2px);
}

.page-footer .nav_secondary svg path {
  fill: red;
}

.page-footer .nav-footer-social {
  display: flex;
  margin-top: 3rem;
  padding: 1rem 0;
  flex-basis: 100%;
  justify-content: flex-start;
  align-items: center;
}


.social-media-container{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}


.page-footer .nav-footer-social div.social-media-container .icon:nth-child(2){     
     position: relative;
     top: 1px;
}

.page-footer .nav-footer-social div.social-media-container .icon:nth-child(3){     
      position: relative;
    top: -5px;
    transform: scale(0.6);
    right: 5px;
}

.page-footer .nav-footer-social div.social-media-container .icon:nth-child(5){
    position: relative;
    top: -0.5px;
}

.page-footer .nav-footer-social div.social-media-container .icon:nth-child(6){
    position: relative;
    transform: scale(1.1);
    top: 1.5px;
}


@media (min-width: 680px) {
  .page-footer .nav-footer-social {
    margin-bottom: 3rem;
    margin-top: 40px;
  }
}

@media (min-width: 1024px) {
  .page-footer .nav-footer-social {
    flex-basis: auto;
  }
}

@media (min-width: 1280px) {
  .page-footer .nav-footer-social {
    align-self: flex-start;
    margin-top: 10px;
    margin-bottom: 0;
  }
}

@media (min-width: 1680px) {
  .page-footer .nav-footer-social {
    margin-top: 0;
    align-self: center;
  }
}

.page-footer .nav-footer-social a {
  display: inline-flex;
  align-items: center;
}

.page-footer .nav-footer-social a svg {
  transition: all 0.3s ease-in-out;
}

.page-footer .nav-footer-social a:hover svg {
  transform: scale(1.2);
  fill: red;
}

// .page-footer .nav-footer-social a {
//   margin-right: 25px;
// }

// .page-footer .nav-footer-social a:last-child {
//   margin-right: 0;
// }

.page-footer .nav-footer-social a svg path {
  fill: #000;
  transition: all 0.3s ease-in-out;
}

.page-footer .nav-footer-social a:hover svg path {
  fill: red;
}

.page-footer .nav-footer-links {
  flex-grow: 1;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 3rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .page-footer .nav-footer-links {
    max-width: 55%;
  }
}

@media (min-width: 1024px) {
  .page-footer .nav-footer-links {
    justify-content: flex-start;
    margin-top: 0;
    padding-left: 0;
    flex-grow: 0;
    width: auto;
  }
}

@media (min-width: 1280px) {
  .page-footer .nav-footer-links {
    width: 600px;
  }
}

@media (min-width: 1680px) {
  .page-footer .nav-footer-links {
    width: 800px;
    align-items: flex-start;
    align-self: center;
  }
}

.page-footer .nav-footer-links .taglabel:last-child {
  margin-right: 0;
}

@media (min-width: 1280px) {
  .page-footer .nav-footer-links .taglabel:last-child {
    margin-right: 25px;
  }
}

@media (min-width: 1280px) {
  .page-footer .nav-footer-links .taglabel {
    font-size: 1rem;
  }
}

.page-footer .nav-footer-links a {
  transition: all 0.3s ease-in-out;
}

@media (min-width: 680px) {
  .page-footer .nav-footer-links a {
    font-size: 1.2rem;
    margin-right: 20px;
  }
}

.page-footer .nav-footer-links a:hover {
  color: red;
}

.page-footer .nav-footer-links .copyright-notice {
  flex-basis: 100%;
  margin-top: 12px;
  color: #737373;
  display: block;
}

@media (min-width: 680px) {
  .page-footer .nav-footer-links .copyright-notice {
    font-size: 1.2rem;
  }
}

@media (min-width: 1280px) {
  .page-footer .nav-footer-links .copyright-notice {
    margin-top: 0;
    display: inline-block;
  }
}

@media (min-width: 1680px) {
  .page-footer .nav-footer-links .copyright-notice {
    flex-basis: auto;
  }
}

.page-footer .acciona-values {
  width: 100vw;
  margin-top: 40px;
  padding: 20px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 680px) {
  .page-footer .acciona-values {
    margin-top: 40px;
    padding: 20px 40px;
  }
}

@media (min-width: 1024px) {
  .page-footer .acciona-values {
    margin-top: 50px;
  }
}

@media (min-width: 1280px) {
  .page-footer .acciona-values {
    padding: 30px 40px;
    margin-top: 80px;
  }
}

.page-footer .acciona-values .text {
  color: #737373;
  font-size: 1.2rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .page-footer .acciona-values .text {
    font-size: 1.3rem;
  }
}

.page-footer .acciona-values .text br {
  display: none;
}

@media (min-width: 680px) {
  .page-footer .acciona-values .text br {
    display: inline;
  }
}

@media (min-width: 1680px) {
  .page-footer .acciona-values .text br {
    display: none;
  }
}

.page-footer .acciona-values .text a {
  margin: 0;
  color: #737373;
  text-decoration: underline;
}

.page-footer .acciona-values--country {
  margin-top: 0;
}

.page-footer--country .nav-footer-social {
  align-self: center;
}

@media (min-width: 1024px) {
  .page-footer--country .nav-footer-social {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.page-footer .module-news {
  padding-top: 10rem;
  padding-bottom: 6rem;
  position: relative;
  margin-bottom: 8rem;
}

@media (min-width: 2560px) {
  .page-footer .module-news {
    grid-gap: 10%;
  }
}

@media (min-width: 1280px) {
  .page-footer .module-news .module-news__col .link h2 {
    margin-bottom: 15px;
  }
}

.page-footer .module-news .module-news__col a svg {
  margin-top: 10px;
}

@media (min-width: 1280px) {
  .page-footer .module-news .module-news__col a svg {
    margin-top: 15px;
  }
}

.page-footer .module-news .module-news__col:not(:last-child) {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .page-footer .module-news .module-news__col:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (max-width: 679px) {
  .page-footer .module-news .module-news__col:not(:first-child) {
    margin-top: 4rem;
  }
}

@media (min-width: 680px) {
  .page-footer .module-news {
    padding-bottom: 8rem;
  }
}

@media (min-width: 1024px) {
  .page-footer .module-news {
    padding-top: 8rem;
    padding-bottom: 6rem;
    margin-bottom: 8rem;
  }
}

@media (min-width: 1280px) {
  .page-footer .module-news {
    padding-top: 120px;
    margin-bottom: 120px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1680px) {
  .page-footer .module-news {
    padding-top: 16rem;
    padding-bottom: 10rem;
    margin-bottom: 10rem;
  }
}

@media (max-width: 679px) {
  .page-footer .module-news {
    margin-bottom: 6rem;
    padding-top: 6rem;
  }
}

.page-footer .module-news::after {
  position: absolute;
  bottom: 0;
  background-color: #d8d8d8;
  content: '';
  left: 30px;
  right: 30px;
  height: 1px;
}

@media (min-width: 680px) {
  .page-footer .module-news::after {
    left: 10vw;
    right: 10vw;
  }
}

.page-footer .module-news .grid-container {
  grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 680px) {
  .page-footer .module-news .grid-container {
    grid-column: 1 / -2;
  }
}

@media (min-width: 1024px) {
  .page-footer .module-news .grid-container {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 2560px) {
  .page-footer .module-news .grid-container {
    grid-column: 1 / -2;
  }
}

.page-footer .module-news .body--m {
  color: #000;
}

@media (min-width: 680px) {
  .page-footer {
    margin-top: 140px;
  }
}

@media (min-width: 1680px) {
  .page-footer {
    margin-top: 180px;
  }
}

.page-footer .nav-footer .logo {
  max-width: 100px;
}

@media (min-width: 680px) {
  .page-footer .nav-footer .logo {
    max-width: 160px;
  }
}

@media (min-width: 1024px) {
  .page-footer .nav-footer .logo {
    max-width: 100%;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.nav.nav__drawer {
  padding: 50px 50px;
  width: 100%;
  background-color: #fff;
  display: none;
  position: absolute;
  left: 0;
  top: 99px;
  z-index: -1;
  transition: all 320ms ease-in-out;
  transform: translate3d(0, -100%, 0);
}

@media (min-width: 1024px) {
  .nav.nav__drawer {
    display: block;
  }
}

@media (min-width: 1280px) {
  .nav.nav__drawer {
    padding: 60px 10% 80px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
  .nav.nav__drawer {
    padding: 40px 10% 40px;
  }
}

@media (min-width: 1680px) {
  .nav.nav__drawer {
    min-height: 600px;
    padding-top: 80px;
  }
}

.nav.nav__drawer.is-visible {
  display: block;
  transform: translate3d(0, 0, 0);
}

.nav.nav__drawer .drawer-overlay {
  opacity: 0;
  transition: all 320ms ease-in-out;
}

.nav.nav__drawer[data-is-visible='true'] + .drawer-overlay {
  width: 100vw;
  height: calc(100vh - 100px);
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 100px;
  right: 0;
  display: block;
  bottom: 0;
  z-index: -50;
}

.nav.nav__drawer .nav_sub_section {
  display: none;
}

.nav.nav__drawer .nav_sub_section.is-visible {
  display: block;
}

.nav.nav__drawer .nav_sub_section .drawer__header {
  border-bottom: solid 1px #d8d8d8;
  gap: 0;
  display: flex;
  max-width: 100vw;
  padding: 0;
  align-items: center;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

@media (min-width: 1280px) {
  .nav.nav__drawer .nav_sub_section .drawer__header {
    margin-bottom: 60px;
  }
}

@media (min-width: 1680px) {
  .nav.nav__drawer .nav_sub_section .drawer__header {
    padding-bottom: 70px;
    margin-bottom: 80px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
  .nav.nav__drawer .nav_sub_section .drawer__header {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}

.nav.nav__drawer .nav_sub_section .drawer__header .drawer__header--title {
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 500;
  grid-column: 1 / 10;
  flex-grow: 1;
  padding-right: 100px;
}

@media (min-width: 1680px) {
  .nav.nav__drawer .nav_sub_section .drawer__header .drawer__header--title {
    font-size: 3.2rem;
    line-height: 4.8rem;
  }
}

@media (min-width: 1920px) {
  .nav.nav__drawer .nav_sub_section .drawer__header .drawer__header--title {
    font-size: 3.8rem;
    line-height: 5.4rem;
    padding-right: 200px;
  }
}

.nav.nav__drawer .nav_sub_section .drawer__header .section-home-link {
  grid-column: 10 / -1;
  margin-left: auto;
  font-weight: 500;
  flex-shrink: 0;
}

.nav.nav__drawer .nav_sub_section .drawer__header .section-home-link svg {
  transform: scale(1.2);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  padding: 10px;
}

.nav.nav__drawer .nav_sub_section .drawer__header .section-home-link svg:hover {
  transform: scale(1.4);
}

.nav.nav__drawer
  .nav_sub_section
  .drawer__header
  .section-home-link
  svg:hover
  path {
  animation-name: to-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.nav.nav__drawer
  .nav_sub_section
  .drawer__header
  .section-home-link
  svg
  circle {
  stroke: #000;
}

.nav.nav__drawer .nav_sub_section .drawer__header .section-home-link svg path {
  fill: #000;
}

.nav.nav__drawer .nav_sub_section .section-links {
  display: flex;
}

.nav.nav__drawer .nav_sub_section .section-links .subsection-box {
  flex-basis: 25%;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
}

.nav.nav__drawer .nav_sub_section .section-links .subsection-box:last-of-type {
  padding: 0;
}

.nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link {
  margin-bottom: 30px;
  font-weight: 500;
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
  .nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link {
    margin-bottom: 15px;
  }
}

@media (min-width: 1920px) {
  .nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link {
    font-size: 1.3rem;
  }
}

.nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link-lvl-1 {
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 1.2rem;
  letter-spacing: 0;
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
  .nav.nav__drawer
    .nav_sub_section
    .section-links
    .subsection-box
    a.link-lvl-1 {
    margin-bottom: 10px;
  }
}

@media (min-width: 1920px) {
  .nav.nav__drawer
    .nav_sub_section
    .section-links
    .subsection-box
    a.link-lvl-1 {
    font-size: 1.4rem;
  }
}

.nav.nav__drawer .nav_sub_section .section-links .subsection-box a:last-child {
  margin-bottom: 0;
}

.nav.nav__drawer .nav_sub_section[data-section='soluciones'] .section-links {
  display: grid;
  grid-template-rows: 60px 60px;
  grid-template-columns: repeat(4, 1fr);
  align-items: space-between;
  grid-row-gap: 20px;
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
  .nav.nav__drawer .nav_sub_section[data-section='soluciones'] .section-links {
    grid-row-gap: 10px;
  }
}

@media (min-width: 1920px) {
  .nav.nav__drawer .nav_sub_section[data-section='soluciones'] .section-links {
    grid-row-gap: 30px;
  }
}

.nav.nav__drawer
  .nav_sub_section[data-section='soluciones']
  .section-links
  a.link {
  font-size: 1.5rem;
}

@media (min-width: 1920px) {
  .nav.nav__drawer
    .nav_sub_section[data-section='soluciones']
    .section-links
    a.link {
    font-size: 1.8rem;
  }
}

.nav.nav__drawer
  .nav_sub_section[data-section='soluciones']
  .section-links
  a.link
  svg {
  margin-right: 15px;
}

.nav.nav__drawer .nav_sub_section[data-section='solutions'] .section-links {
  display: grid;
  grid-template-rows: 60px 60px;
  grid-template-columns: repeat(4, 1fr);
  align-items: space-between;
  grid-row-gap: 20px;
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
  .nav.nav__drawer .nav_sub_section[data-section='solutions'] .section-links {
    grid-row-gap: 10px;
  }
}

@media (min-width: 1920px) {
  .nav.nav__drawer .nav_sub_section[data-section='solutions'] .section-links {
    grid-row-gap: 30px;
  }
}

.nav.nav__drawer
  .nav_sub_section[data-section='solutions']
  .section-links
  a.link {
  font-size: 1.5rem;
}

@media (min-width: 1920px) {
  .nav.nav__drawer
    .nav_sub_section[data-section='solutions']
    .section-links
    a.link {
    font-size: 1.8rem;
  }
}

.nav.nav__drawer
  .nav_sub_section[data-section='solutions']
  .section-links
  a.link
  svg {
  margin-right: 15px;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

form.subscribtion-form {
  --input_whitespace: 20px;
  background-color: red;
  color: #fff;
}

form.subscribtion-form .faux-flex {
  display: flex;
  margin-top: 20px;
}

@media (max-width: 679px) {
  form.subscribtion-form .form-container {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media (min-width: 680px) {
  form.subscribtion-form .form-container {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1024px) {
  form.subscribtion-form .form-container {
    padding-top: 10rem;
    padding-bottom: 7.4rem;
  }
}

@media (min-width: 1280px) {
  form.subscribtion-form .form-container {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}

@media (min-width: 1680px) {
  form.subscribtion-form .form-container {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}

form.subscribtion-form .grid-left {
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  form.subscribtion-form .grid-left {
    grid-column: 1 / 7;
  }
}

form.subscribtion-form .grid-right {
  grid-column: 1 / -1;
  margin-top: 2rem;
}

@media (min-width: 680px) {
  form.subscribtion-form .grid-right {
    margin-top: 3rem;
    max-width: 80%;
  }
}

@media (min-width: 1024px) {
  form.subscribtion-form .grid-right {
    grid-column: 8 /-1;
    max-width: 100%;
  }
}

form.subscribtion-form .form-title {
  margin-bottom: 1.4rem;
  letter-spacing: 0.89px;
  font-weight: 500;
}

@media (max-width: 679px) {
  form.subscribtion-form .form-title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1280px) {
  form.subscribtion-form .form-title {
    margin-bottom: 3rem;
  }
}

form.subscribtion-form input[name='email_to_subscribe'] {
  border: none;
  background-color: transparent;
  color: #fff;
  font-size: 1.4rem;
  flex-basis: 100%;
}

@media (min-width: 680px) {
  form.subscribtion-form input[name='email_to_subscribe'] {
    font-size: 1.8rem;
  }
}

@media (min-width: 1024px) {
  form.subscribtion-form input[name='email_to_subscribe'] {
    font-size: 1.6rem;
  }
}

@media (min-width: 1280px) {
  form.subscribtion-form input[name='email_to_subscribe'] {
    margin-top: 0;
    padding-top: 0;
    font-size: 1.4rem;
  }
}

form.subscribtion-form input[name='email_to_subscribe']:-ms-input-placeholder {
  opacity: 0.8;
  color: #fff;
  font-weight: lighter;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

form.subscribtion-form input[name='email_to_subscribe']::placeholder {
  opacity: 0.8;
  color: #fff;
  font-weight: lighter;
  transition: all 0.3s ease-in-out;
}

form.subscribtion-form
  input[name='email_to_subscribe']:focus:-ms-input-placeholder {
  opacity: 1;
}

form.subscribtion-form input[name='email_to_subscribe']:focus::placeholder {
  opacity: 1;
}

@media (max-width: 679px) {
  form.subscribtion-form input[name='email_to_subscribe'] {
    padding-bottom: 10px;
    margin-top: 20px;
  }
}

form.subscribtion-form .form-submit {
  background-color: transparent;
  color: #fff;
  border: none;
  flex-basis: 20%;
  position: relative;
  cursor: pointer;
  text-align: right;
}

form.subscribtion-form .form-submit svg {
  transition: all 320ms ease-in-out;
}

form.subscribtion-form .form-submit svg path {
  fill: #fff;
}

form.subscribtion-form .form-submit:not([disabled]):hover svg {
  transform: translateX(10px);
}

form.subscribtion-form hr {
  flex-basis: 100%;
  border: none;
  border-bottom: solid 1px #d8d8d8;
  margin-bottom: var(--outer_gap);
}

form.subscribtion-form input[name='conditions_accepted'] {
  align-self: flex-start;
  display: none;
}

form.subscribtion-form .input-button {
  display: flex;
  align-items: space-between;
  height: 50px;
}

form.subscribtion-form .faux-checkbox {
  border: solid 1px #fff;
  width: 14px;
  height: 14px;
  align-self: flex-start;
  margin-right: 1em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 8px;
}

form.subscribtion-form .faux-checkbox .checkbox-tick {
  transform: translateY(0.25em);
  opacity: 0;
  transition: all 320ms ease-in-out;
}

form.subscribtion-form .faux-checkbox .checkbox-tick path {
  fill: #fff;
}

form.subscribtion-form
  input[name='conditions_accepted']:checked
  + .faux-checkbox
  .checkbox-tick {
  transform: none;
  opacity: 1;
}

form.subscribtion-form label[for='conditions_accepted'] {
  flex-basis: 100%;
  cursor: pointer;
  font-size: 12px;
  line-height: 2;
  margin-left: -25px;
  padding-left: 25px;
  z-index: 100;
}

form.subscribtion-form label[for='conditions_accepted'] a {
  color: #fff;
}

form.subscribtion-form .confirmation-message {
  transition: all 320ms ease-in-out;
  margin-top: 20px;
  display: flex;
}

form.subscribtion-form .confirmation-message[data-is-visible='false'] {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  margin: 0;
}

form.subscribtion-form .confirmation-message svg {
  flex-shrink: 0;
  margin-top: 12px;
  margin-right: 10px;
}

form.subscribtion-form .confirmation-message svg path {
  fill: #fff;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.bottom_drawer.countries_overlay {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 96px);
  justify-content: center;
  padding-top: 0;
}

@supports (-webkit-overflow-scrolling: touch) {
  .bottom_drawer.countries_overlay {
    max-height: calc((var(--vh, 1vh) * 100) - 96px);
  }
}

@media (min-width: 680px) {
  .bottom_drawer.countries_overlay::before {
    display: none;
  }
}

.bottom_drawer.countries_overlay[data-is-visible='true'] {
  height: calc(100vh - 96px);
}

@supports (-webkit-overflow-scrolling: touch) {
  .bottom_drawer.countries_overlay[data-is-visible='true'] {
    height: calc((var(--vh, 1vh) * 100) - 96px);
  }
}

@media (min-width: 680px) {
  .bottom_drawer.countries_overlay[data-is-visible='true'] {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .bottom_drawer.countries_overlay[data-is-visible='true'] {
    justify-content: center;
  }
}

.bottom_drawer.countries_overlay .header {
  margin: 0 -20px 30px;
  padding: 40px 30px 20px;
}

@media (min-width: 680px) {
  .bottom_drawer.countries_overlay .header {
    margin: 0 -80px 80px;
    padding: 40px 80px;
    padding-right: 80px;
    top: 0;
  }
}

@media (min-width: 1024px) {
  .bottom_drawer.countries_overlay .header {
    margin-bottom: 0px;
  }
}

.bottom_drawer.countries_overlay .header .title {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: all 320ms ease-in-out;
}

.bottom_drawer.countries_overlay .header .title svg {
  cursor: pointer;
}

.bottom_drawer.countries_overlay .header .title svg path {
  fill: #fff;
  transform: rotate(45deg);
  transform-origin: center;
}

.bottom_drawer.countries_overlay .body {
  flex-grow: 1;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-y: auto;
}

@media (min-width: 680px) {
  .bottom_drawer.countries_overlay .body {
    flex-grow: 0;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 100px;
    margin-bottom: 0;
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  .bottom_drawer.countries_overlay .body {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 1024px) {
  .bottom_drawer.countries_overlay .body {
    margin-right: calc((100vw - 100%) / -2);
  }
}

.bottom_drawer.countries_overlay .body a {
  margin-bottom: 30px;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-grow: 1;
}

@media (max-width: 679px) {
  .bottom_drawer.countries_overlay .body a {
    font-size: 1.4rem;
    letter-spacing: 0.7;
    line-height: 2.6rem;
  }
}

@media (min-width: 680px) {
  .bottom_drawer.countries_overlay .body a {
    flex-basis: 50%;
    margin-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .bottom_drawer.countries_overlay .body a {
    flex-basis: calc(100% / 3);
    flex-grow: 0;
  }
}

.bottom_drawer.countries_overlay .body a svg {
  margin-left: 10px;
}

.bottom_drawer.countries_overlay .body a svg path {
  fill: #fff;
}

.bottom_drawer.countries_overlay[data-is-visible='true'],
.bottom_drawer.countries_overlay[data-is-visible='full'] {
  transform: none;
  height: 100%;
  max-height: 100vh;
  transition: all 100ms ease-in-out;
}

@supports (-webkit-overflow-scrolling: touch) {
  .bottom_drawer.countries_overlay[data-is-visible='true'],
  .bottom_drawer.countries_overlay[data-is-visible='full'] {
    height: calc(var(--vh, 1vh) * 100);
  }
}

.bottom_drawer.countries_overlay[data-is-visible='true'] .header,
.bottom_drawer.countries_overlay[data-is-visible='full'] .header {
  background-color: #db0000;
}

@media (min-width: 680px) {
  .bottom_drawer.countries_overlay[data-is-visible='true'] .header,
  .bottom_drawer.countries_overlay[data-is-visible='full'] .header {
    background-color: red;
    height: 100px;
    display: flex;
  }
}

@media (min-width: 1024px) {
  .bottom_drawer.countries_overlay[data-is-visible='true'] .header,
  .bottom_drawer.countries_overlay[data-is-visible='full'] .header {
    height: auto;
  }
}

.bottom_drawer.countries_overlay[data-is-visible='true'] .header .title,
.bottom_drawer.countries_overlay[data-is-visible='full'] .header .title {
  width: 100%;
}

.bottom_drawer.countries_overlay[data-is-visible='true'] .header .title svg,
.bottom_drawer.countries_overlay[data-is-visible='full'] .header .title svg {
  display: inline;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.bottom_drawer.countries_overlay[data-is-visible='true']
  .header
  .title:hover
  svg,
.bottom_drawer.countries_overlay[data-is-visible='full']
  .header
  .title:hover
  svg {
  transform: scale(1.6);
}

.bottom_drawer.countries_overlay[data-is-visible='true'] .body,
.bottom_drawer.countries_overlay[data-is-visible='full'] .body {
  overflow-y: auto;
}

@supports (-webkit-overflow-scrolling: touch) {
  .bottom_drawer.countries_overlay[data-is-visible='true'] .body,
  .bottom_drawer.countries_overlay[data-is-visible='full'] .body {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.search_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  transform: translate3d(0, 100%, 0);
  transition: all 320ms ease-in-out;
  display: flex;
  flex-direction: column;
  background-color: red;
  z-index: 700;
  color: #fff;
}

.search_overlay[data-is-visible='true'] {
  transform: none;
}

.search_overlay .header {
  padding-top: 50px;
}

.search_overlay .header .title {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}

.search_overlay .header .title svg {
  margin-left: auto;
  transform: rotate(45deg);
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
}

.search_overlay .header .title svg path {
  fill: #fff;
}

.search_overlay .header .title svg:hover {
  transform: rotate(45deg) scale(1.6);
}

.search_overlay .body {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 50px;
}

.search_overlay .body .search-input-wrapper {
  text-align: center;
  border-bottom: solid 1px rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  min-width: 400px;
  max-width: 100%;
}

@media (max-width: 679px) {
  .search_overlay .body .search-input-wrapper {
    min-width: 260px;
  }
}

.search_overlay .body .search-input-wrapper input.search-input {
  transition: width 100ms ease-in-out;
  background-color: transparent;
  border: none;
  max-width: 100%;
  width: 380px;
  min-width: 380px;
  color: #fff;
  text-align: left;
  padding: 0 0em 15px;
  font-family: inherit;
}

.search_overlay .body .search-input-wrapper input.search-input:focus {
  outline: 0;
}

.search_overlay
  .body
  .search-input-wrapper
  input.search-input:focus:-ms-input-placeholder {
  color: red;
}

.search_overlay
  .body
  .search-input-wrapper
  input.search-input:focus::placeholder {
  color: red;
}

@media (max-width: 679px) {
  .search_overlay .body .search-input-wrapper input.search-input {
    min-width: 270px;
  }
}

.search_overlay
  .body
  .search-input-wrapper
  input.search-input:-ms-input-placeholder {
  color: #d50000;
  text-transform: none;
}

.search_overlay .body .search-input-wrapper input.search-input::placeholder {
  color: #d50000;
  text-transform: none;
}

.search_overlay .body .search-input-wrapper .search-submit {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.search_overlay .body .search-input-wrapper .search-submit svg path {
  fill: #fff;
}

.search_overlay .body .search-input-test-stand {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
  bottom: 0;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  .search_overlay .body .search-submit {
    transform: translateY(-5px);
  }
}

.search_overlay .body .search-input-test-stand,
.search_overlay .body .search-input-wrapper input {
  font-size: 60px;
}

@media screen and (min-width: 0) and (max-width: 1024px) {
  .search_overlay .body .search-input-test-stand,
  .search_overlay .body .search-input-wrapper input {
    font-size: 28px;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.bottom_drawer {
  max-height: 100vh;
  overflow: hidden;
  background-color: red;
  color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  transform: translateY(100%);
  transition: all 320ms ease-in-out;
  padding-top: 40px;
  padding-bottom: 0;
  z-index: 700;
}

.bottom_drawer::before {
  content: '';
  display: block;
  height: 1px;
  width: 35px;
  background-color: #fff;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.bottom_drawer[data-is-visible='true'] {
  transform: none;
}

.bottom_drawer-backdrop {
  position: fixed;
  background-color: #000;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  z-index: 699;
  transform: translateY(100%);
  transition: opacity 320ms ease-in-out;
}

.bottom_drawer-backdrop[data-is-visible='true'] {
  transform: none;
  opacity: 0.5;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

nav.nav__main {
  display: flex;
  position: absolute;
  top: -10vh;
  left: 0;
  padding: var(--outer_gap);
  padding-top: calc(10vh + 20px);
  background-color: #fff;
  height: calc((110 * var(--vh)) + 10px);
  overflow-y: auto;
  width: 100%;
  flex-direction: column;
}

@media (min-width: 680px) {
  nav.nav__main {
    width: calc(100vw - 80px);
    height: 110vh;
    left: 80px;
    padding-top: calc(10vh + 40px);
  }
}

nav.nav__main .close-x {
  transform: rotate(45deg) translateX(4px);
  cursor: pointer;
  align-self: flex-end;
  margin-bottom: 30px;
  flex-shrink: 0;
  width: 36px;
  height: 25px;
  padding: 0 0 8px 16px;
}

nav.nav__main .close-x path {
  fill: red;
}

nav.nav__main .nav_links {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}

@media (min-width: 680px) {
  nav.nav__main .nav_links {
    padding-top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  nav.nav__main .nav_links {
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
  }
}

nav.nav__main .nav__mobile-footer {
  background-color: red;
  color: #fff;
  margin: calc(-1 * var(--outer_gap));
  margin-top: calc(2 * var(--outer_gap));
  padding: var(--outer_gap);
  padding-bottom: 30px;
}

nav.nav__main .nav__mobile-footer .is-active {
  opacity: 0.7;
}

nav.nav__main .nav__mobile-footer .form.search-form {
  display: none;
}

@media (min-width: 680px) {
  nav.nav__main .nav__mobile-footer {
    padding: 60px 80px;
  }
}

nav.nav__main .nav__mobile-footer .nav_secondary a {
  color: #fff;
  margin-right: 10px;
}

nav.nav__main .nav__mobile-footer .nav_secondary a:first-child::after {
  content: '';
  display: inline-block;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  height: 10px;
  margin-left: 10px;
  transform: translateY(2px);
}

nav.nav__main
  .nav__mobile-footer
  .nav_secondary
  a:first-child:last-child::after {
  display: none;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.component__header-slider {
  min-height: calc(100vh - 60px);
  --horizontal_gap: 30px;
  --title_font_size: 32px;
  --body_font_size: 15px;
  --cta_size: 70px;
  --content_block_bottom: 20px;
  --scroll_offset: 0;
  position: relative;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  height: calc(100vh - 100px);
}

@media screen and (min-width: 1024px) {
  .component__header-slider {
    min-height: 600px;
  }
}

.component__header-slider .title--xl {
  margin-bottom: 1rem;
}

.component__header-slider svg {
  transform: scale(1);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  padding-bottom: 0;
  margin-left: -15px;
}

.component__header-slider svg:hover {
  transform: scale(1.2);
}

.component__header-slider svg:hover path {
  animation-name: to-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.component__header-slider .has-veil::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 680px) {
  .component__header-slider {
    --title_font_size: 62px;
    --body_font_size: 18px;
    --cta_size: 120px;
    --content_block_bottom: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .component__header-slider {
    --title_font_size: 48px;
    --cta_size: 94px;
    --content_block_bottom: 40px;
  }
}

@media screen and (min-width: 1920px) {
  .component__header-slider {
    --horizontal_gap: 40px;
    --body_font_size: 18px;
    --cta_size: 120px;
    --content_block_bottom: 60px;
  }
}

.component__header-slider .prev-button,
.component__header-slider .next-button {
  cursor: pointer;
  background-color: transparent;
}

.component__header-slider .prev-button.is-disabled svg path,
.component__header-slider .next-button.is-disabled svg path {
  fill: rgba(255, 255, 255, 0.2);
}

.component__header-slider .slider-controls {
  transform: translateY(25px) translateX(10px);
}

.component__header-slider .prev-button {
  background: transparent;
  transition: 0.6s ease-in-out;
  transform: translateX(0);
  cursor: pointer;
}

.component__header-slider .prev-button:hover:not(.is-disabled) {
  animation-name: shortDecayLeft;
  animation-duration: 0.6s;
}

.component__header-slider .prev-button svg {
  transform: rotate(180deg);
}

.component__header-slider .prev-button svg path {
  fill: #fff;
}

.component__header-slider .prev-button.is-animated:not(.is-disabled) {
  transform: translateX(-40px);
}

.component__header-slider .next-button {
  margin-left: 20px;
  background: transparent;
  transition: 0.6s ease-in-out;
  transform: translateX(0);
  cursor: pointer;
}

.component__header-slider .next-button:hover:not(.is-disabled) {
  animation-name: shortDecayRight;
  animation-duration: 0.6s;
}

.component__header-slider .next-button svg path {
  fill: #fff;
}

.component__header-slider .next-button.is-animated:not(.is-disabled) {
  transform: translateX(40px);
}

.component__header-slider .ghost-frame-button {
  position: absolute;
  width: 5%;
  cursor: pointer;
  background: transparent;
}

.component__header-slider .ghost-frame-button--left {
  left: 0;
  top: 0;
  bottom: 0;
  text-indent: -300vw;
}

.component__header-slider .ghost-frame-button--right {
  right: 0;
  top: 0;
  bottom: 0;
  text-indent: -300vw;
}

.component__header-slider .backgrounds {
  position: absolute;
  display: flex;
  z-index: -2;
  height: calc(100% + 32px);
}

.component__header-slider .backgrounds img {
  max-width: inherit;
}

.component__header-slider .backgrounds .video-container,
.component__header-slider .backgrounds .img-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: var(--scroll_offset);
  background-position-y: calc(var(--scroll_offset) - 32px);
  transition: transform 1s ease-in-out;
}

.component__header-slider .backgrounds .img-container,
.component__header-slider .backgrounds .video-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100vw;
  flex-shrink: 0;
}

.component__header-slider .backgrounds .img-container img,
.component__header-slider .backgrounds .video-container img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, var(--scroll_offset), 0);
}

.component__header-slider .backgrounds .img-container iframe,
.component__header-slider .backgrounds .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.component__header-slider .content-blocks {
  height: 100%;
  color: #fff;
  position: relative;
  margin: 0 5%;
}

@media (min-width: 1280px) {
  .component__header-slider .content-blocks {
    margin: 0 10%;
  }
}

@media (max-width: 679px) {
  .component__header-slider .content-blocks {
    margin: 0 30px;
  }
}

.component__header-slider .content-blocks .block {
  position: absolute;
  bottom: var(--content_block_bottom);
  right: 0;
  left: 0;
  transition-duration: 0.3s;
  transform: translateY(2em);
  opacity: 0;
}

@media (min-width: 1280px) {
  .component__header-slider .content-blocks .block {
    max-width: 80%;
  }
}

.component__header-slider .content-blocks .block .title {
  text-transform: uppercase;
  font-size: var(--title_font_size);
  font-weight: 500;
  margin-bottom: 10px;
}

.component__header-slider .content-blocks .block .body {
  font-size: var(--body_font_size);
  margin-bottom: var(--horizontal_gap);
}

.component__header-slider .content-blocks .block button.circled-button,
.component__header-slider .content-blocks .block a.circled-arrow-link {
  border-color: #fff;
  visibility: hidden;
  cursor: pointer;
}

.component__header-slider .content-blocks .block button.circled-button svg,
.component__header-slider .content-blocks .block a.circled-arrow-link svg {
  height: var(--cta_size);
  width: var(--cta_size);
  padding: 5px;
}

.component__header-slider .content-blocks .block button.circled-button svg path,
.component__header-slider .content-blocks .block a.circled-arrow-link svg path {
  fill: #fff;
}

.component__header-slider .content-blocks .block button.circled-button {
  background-color: transparent;
  border: none;
}

.component__header-slider .controls {
  padding-bottom: var(--horizontal_gap);
  padding: 0 5%;
  margin-bottom: 10vh;
}

@media (min-width: 1280px) {
  .component__header-slider .controls {
    padding: 0 10%;
  }
}

@media (max-width: 679px) {
  .component__header-slider .controls {
    padding: 0 30px;
  }
}

.component__header-slider .controls input {
  width: 100%;
  cursor: pointer;
}

.component__header-slider .controls .frame-position-indicator {
  display: flex;
  align-items: center;
  max-width: 130px;
  font-size: 12px;
  margin-top: 10px;
  margin-left: auto;
}

.component__header-slider .controls .frame-position-indicator .active {
  color: rgba(255, 255, 255, 0.6);
  order: 1;
}

.component__header-slider .controls .frame-position-indicator::before {
  content: '';
  display: block;
  flex-shrink: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  flex-grow: 1;
  order: 2;
  margin: 0 2em;
}

.component__header-slider .controls .frame-position-indicator .last {
  color: #fff;
  order: 3;
}

.component__header-slider[data-active-frame='1']
  .block[data-content-block-id='1'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 1;
  transform: none;
}

.component__header-slider[data-active-frame='1']
  .block[data-content-block-id='1']
  button.circled-button,
.component__header-slider[data-active-frame='1']
  .block[data-content-block-id='1']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='2'] .backgrounds .img-container,
.component__header-slider[data-active-frame='2'] .backgrounds .video-container {
  transform: translateX(-100vw);
}

.component__header-slider[data-active-frame='2']
  .block[data-content-block-id='2'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 2;
  transform: none;
}

.component__header-slider[data-active-frame='2']
  .block[data-content-block-id='2']
  button.circled-button,
.component__header-slider[data-active-frame='2']
  .block[data-content-block-id='2']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='3'] .backgrounds .img-container,
.component__header-slider[data-active-frame='3'] .backgrounds .video-container {
  transform: translateX(-200vw);
}

.component__header-slider[data-active-frame='3']
  .block[data-content-block-id='3'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 3;
  transform: none;
}

.component__header-slider[data-active-frame='3']
  .block[data-content-block-id='3']
  button.circled-button,
.component__header-slider[data-active-frame='3']
  .block[data-content-block-id='3']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='4'] .backgrounds .img-container,
.component__header-slider[data-active-frame='4'] .backgrounds .video-container {
  transform: translateX(-300vw);
}

.component__header-slider[data-active-frame='4']
  .block[data-content-block-id='4'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 4;
  transform: none;
}

.component__header-slider[data-active-frame='4']
  .block[data-content-block-id='4']
  button.circled-button,
.component__header-slider[data-active-frame='4']
  .block[data-content-block-id='4']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='5'] .backgrounds .img-container,
.component__header-slider[data-active-frame='5'] .backgrounds .video-container {
  transform: translateX(-400vw);
}

.component__header-slider[data-active-frame='5']
  .block[data-content-block-id='5'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 5;
  transform: none;
}

.component__header-slider[data-active-frame='5']
  .block[data-content-block-id='5']
  button.circled-button,
.component__header-slider[data-active-frame='5']
  .block[data-content-block-id='5']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='6'] .backgrounds .img-container,
.component__header-slider[data-active-frame='6'] .backgrounds .video-container {
  transform: translateX(-500vw);
}

.component__header-slider[data-active-frame='6']
  .block[data-content-block-id='6'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 6;
  transform: none;
}

.component__header-slider[data-active-frame='6']
  .block[data-content-block-id='6']
  button.circled-button,
.component__header-slider[data-active-frame='6']
  .block[data-content-block-id='6']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='7'] .backgrounds .img-container,
.component__header-slider[data-active-frame='7'] .backgrounds .video-container {
  transform: translateX(-600vw);
}

.component__header-slider[data-active-frame='7']
  .block[data-content-block-id='7'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 7;
  transform: none;
}

.component__header-slider[data-active-frame='7']
  .block[data-content-block-id='7']
  button.circled-button,
.component__header-slider[data-active-frame='7']
  .block[data-content-block-id='7']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='8'] .backgrounds .img-container,
.component__header-slider[data-active-frame='8'] .backgrounds .video-container {
  transform: translateX(-700vw);
}

.component__header-slider[data-active-frame='8']
  .block[data-content-block-id='8'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 8;
  transform: none;
}

.component__header-slider[data-active-frame='8']
  .block[data-content-block-id='8']
  button.circled-button,
.component__header-slider[data-active-frame='8']
  .block[data-content-block-id='8']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='9'] .backgrounds .img-container,
.component__header-slider[data-active-frame='9'] .backgrounds .video-container {
  transform: translateX(-800vw);
}

.component__header-slider[data-active-frame='9']
  .block[data-content-block-id='9'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 9;
  transform: none;
}

.component__header-slider[data-active-frame='9']
  .block[data-content-block-id='9']
  button.circled-button,
.component__header-slider[data-active-frame='9']
  .block[data-content-block-id='9']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='10'] .backgrounds .img-container,
.component__header-slider[data-active-frame='10']
  .backgrounds
  .video-container {
  transform: translateX(-900vw);
}

.component__header-slider[data-active-frame='10']
  .block[data-content-block-id='10'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 10;
  transform: none;
}

.component__header-slider[data-active-frame='10']
  .block[data-content-block-id='10']
  button.circled-button,
.component__header-slider[data-active-frame='10']
  .block[data-content-block-id='10']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='11'] .backgrounds .img-container,
.component__header-slider[data-active-frame='11']
  .backgrounds
  .video-container {
  transform: translateX(-1000vw);
}

.component__header-slider[data-active-frame='11']
  .block[data-content-block-id='11'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 11;
  transform: none;
}

.component__header-slider[data-active-frame='11']
  .block[data-content-block-id='11']
  button.circled-button,
.component__header-slider[data-active-frame='11']
  .block[data-content-block-id='11']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider[data-active-frame='12'] .backgrounds .img-container,
.component__header-slider[data-active-frame='12']
  .backgrounds
  .video-container {
  transform: translateX(-1100vw);
}

.component__header-slider[data-active-frame='12']
  .block[data-content-block-id='12'] {
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
  z-index: 12;
  transform: none;
}

.component__header-slider[data-active-frame='12']
  .block[data-content-block-id='12']
  button.circled-button,
.component__header-slider[data-active-frame='12']
  .block[data-content-block-id='12']
  a.circled-arrow-link {
  visibility: visible;
}

.component__header-slider input[type='range'] {
  -webkit-appearance: none;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  height: 1px;
}

.component__header-slider input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
}

.component__header-slider input[type='range']:focus {
  outline: none;
}

.component__header-slider input[type='range']::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.component__header-slider input[type='range'] {
  -webkit-appearance: none;
  width: 100%;
}

.component__header-slider input[type='range']:focus {
  outline: none;
}

.component__header-slider input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  background: rgba(255, 255, 255, 0.6);
}

.component__header-slider input[type='range']::-webkit-slider-thumb {
  height: 3px;
  width: 90px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -1px;
}

.component__header-slider input[type='range']::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  background: rgba(255, 255, 255, 0.6) s;
}

.component__header-slider input[type='range']::-moz-range-thumb {
  height: 3px;
  width: 90px;
  background: #fff;
  cursor: pointer;
  border: none;
  border-radius: 0;
}

.component__header-slider input[type='range']::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.component__header-slider input[type='range']::-ms-fill-lower {
  background: rgba(255, 255, 255, 0.6);
  border: 0.2px solid #010101;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.component__header-slider input[type='range']::-ms-fill-upper {
  background: rgba(255, 255, 255, 0.6);
  border: 0.2px solid #010101;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.component__header-slider input[type='range']::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 3px;
  width: 90px;
  background: #fff;
  cursor: pointer;
}

.component__header-slider input[type='range']:focus::-ms-fill-lower {
  background: rgba(255, 255, 255, 0.6);
}

.component__header-slider input[type='range']:focus::-ms-fill-upper {
  background: rgba(255, 255, 255, 0.6);
}

.component__header-slider input[type='range'][max='1']::-ms-thumb {
  width: 100%;
}

.component__header-slider input[type='range'][max='1']::-webkit-slider-thumb {
  width: 100%;
}

.component__header-slider input[type='range'][max='1']::-moz-range-thumb {
  width: 100%;
}

.component__header-slider input[type='range'][max='2']::-ms-thumb {
  width: 50%;
}

.component__header-slider input[type='range'][max='2']::-webkit-slider-thumb {
  width: 50%;
}

.component__header-slider input[type='range'][max='2']::-moz-range-thumb {
  width: 50%;
}

.component__header-slider input[type='range'][max='3']::-ms-thumb {
  width: 33.33333%;
}

.component__header-slider input[type='range'][max='3']::-webkit-slider-thumb {
  width: 33.33333%;
}

.component__header-slider input[type='range'][max='3']::-moz-range-thumb {
  width: 33.33333%;
}

.component__header-slider input[type='range'][max='4']::-ms-thumb {
  width: 25%;
}

.component__header-slider input[type='range'][max='4']::-webkit-slider-thumb {
  width: 25%;
}

.component__header-slider input[type='range'][max='4']::-moz-range-thumb {
  width: 25%;
}

.component__header-slider input[type='range'][max='5']::-ms-thumb {
  width: 20%;
}

.component__header-slider input[type='range'][max='5']::-webkit-slider-thumb {
  width: 20%;
}

.component__header-slider input[type='range'][max='5']::-moz-range-thumb {
  width: 20%;
}

.component__header-slider input[type='range'][max='6']::-ms-thumb {
  width: 16.66667%;
}

.component__header-slider input[type='range'][max='6']::-webkit-slider-thumb {
  width: 16.66667%;
}

.component__header-slider input[type='range'][max='6']::-moz-range-thumb {
  width: 16.66667%;
}

.component__header-slider input[type='range'][max='7']::-ms-thumb {
  width: 14.28571%;
}

.component__header-slider input[type='range'][max='7']::-webkit-slider-thumb {
  width: 14.28571%;
}

.component__header-slider input[type='range'][max='7']::-moz-range-thumb {
  width: 14.28571%;
}

.component__header-slider input[type='range'][max='8']::-ms-thumb {
  width: 12.5%;
}

.component__header-slider input[type='range'][max='8']::-webkit-slider-thumb {
  width: 12.5%;
}

.component__header-slider input[type='range'][max='8']::-moz-range-thumb {
  width: 12.5%;
}

.component__header-slider input[type='range'][max='9']::-ms-thumb {
  width: 11.11111%;
}

.component__header-slider input[type='range'][max='9']::-webkit-slider-thumb {
  width: 11.11111%;
}

.component__header-slider input[type='range'][max='9']::-moz-range-thumb {
  width: 11.11111%;
}

.component__header-slider input[type='range'][max='10']::-ms-thumb {
  width: 10%;
}

.component__header-slider input[type='range'][max='10']::-webkit-slider-thumb {
  width: 10%;
}

.component__header-slider input[type='range'][max='10']::-moz-range-thumb {
  width: 10%;
}

.component__header-slider input[type='range'][max='11']::-ms-thumb {
  width: 9.09091%;
}

.component__header-slider input[type='range'][max='11']::-webkit-slider-thumb {
  width: 9.09091%;
}

.component__header-slider input[type='range'][max='11']::-moz-range-thumb {
  width: 9.09091%;
}

.component__header-slider input[type='range'][max='12']::-ms-thumb {
  width: 8.33333%;
}

.component__header-slider input[type='range'][max='12']::-webkit-slider-thumb {
  width: 8.33333%;
}

.component__header-slider input[type='range'][max='12']::-moz-range-thumb {
  width: 8.33333%;
}

.component__header-slider[data-single-frame='true']
  input[type='range']::-ms-thumb {
  background: transparent;
}

.component__header-slider[data-single-frame='true']
  input[type='range']::-webkit-slider-thumb {
  background: transparent;
}

.component__header-slider[data-single-frame='true']
  input[type='range']::-moz-range-thumb {
  background: transparent;
}

.component__header-slider[data-single-frame='true'] .frame-position-indicator {
  visibility: hidden;
}

.ghost-frame-button.is-disabled {
  display: none !important;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.component__hero-image {
  margin-top: -40px;
  overflow: hidden;
  --horizontal_gap: 60px;
  --title_font_size: 32px;
  --body_font_size: 15px;
  --content_block_bottom: 20px;
  --scroll_offset: -50%;
  position: relative;
  display: flex !important;
  flex-direction: column;
  height: calc(100vh - 60px);
  min-height: 900px;
}

@media (min-width: 1680px) {
  .component__hero-image.component__hero-image--project
    .content-blocks
    .title--xs {
    font-size: 1.4rem;
  }
}

.component__hero-image.component__hero-image--project
  .content-blocks
  .title--xl {
  max-width: 75%;
}

.component__hero-image.component__hero-image--project
  .content-blocks
  .separator {
  margin-bottom: 6rem;
  margin-top: 6rem;
}

@media (min-width: 1280px) {
  .component__hero-image.component__hero-image--project
    .content-blocks
    .separator {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}

.component__hero-image.component__hero-image--project
  .content-blocks
  .taglabel {
  display: flex;
  align-items: center;
}

.component__hero-image .project-detail-footer__desc {
  display: inline-flex;
  margin-top: 2rem;
}

@media (min-width: 1024px) {
  .component__hero-image .project-detail-footer__desc {
    margin-bottom: 0;
  }
}

.component__hero-image .project-detail-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-bottom: 8rem;
  align-items: flex-start;
}

@media (min-width: 1280px) {
  .component__hero-image .project-detail-footer {
    margin-bottom: 12rem;
  }
}

@media (min-width: 1024px) {
  .component__hero-image .project-detail-footer {
    align-items: flex-start;
  }
}

@media (min-width: 1680px) {
  .component__hero-image .project-detail-footer {
    margin-bottom: 14rem;
  }

  .component__hero-image .project-detail-footer .taglabel {
    font-size: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .component__hero-image .project-detail-footer {
    flex-direction: row;
  }
}

.component__hero-image .project-detail-footer svg {
  margin-right: 1rem;
}

.component__hero-image .project-detail-footer svg path {
  fill: #fff;
}

.component__hero-image .country-project:before {
  content: '';
  display: block;
  width: 1px;
  height: 10px;
  margin: 0 1.6rem;
  background-color: #fff;
}

.component__hero-image .cifras--xl,
.component__hero-image .title--xs {
  text-align: right;
}

.component__hero-image .body--l {
  font-weight: 300;
}

@media screen and (min-width: 680px) {
  .component__hero-image {
    --title_font_size: 62px;
    --body_font_size: 18px;
    --cta_size: 120px;
    --content_block_bottom: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .component__hero-image {
    --title_font_size: 48px;
    --cta_size: 94px;
    --content_block_bottom: 60px;
  }
}

@media screen and (min-width: 1920px) {
  .component__hero-image {
    --body_font_size: 18px;
    --cta_size: 120px;
    --content_block_bottom: 100px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .component__hero-image {
    min-height: 600px;
  }
}

@media (min-width: 1280px) {
  .component__hero-image {
    min-height: 710px;
  }
}

@media (max-width: 679px) {
  .component__hero-image {
    min-height: calc(100vh - 60px);
  }
}

.component__hero-image[data-combined='true'] {
  margin-bottom: 0 !important;
  height: calc(100vh - 100px - 66px);
}

.component__hero-image .has-veil::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  bottom: 0;
}

.component__hero-image::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: red;
  bottom: 0;
}

.component__hero-image .taglabel,
.component__hero-image .cifras--xl,
.component__hero-image .title--xs,
.component__hero-image .title--xl,
.component__hero-image .body--l,
.component__hero-image .circled-arrow-link {
  opacity: 0;
}

.component__hero-image .backgrounds {
  transform: scale(1.5);
  transition: transform 4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.component__hero-image .separator {
  width: 0;
  opacity: 0;
  transition: all 2s ease-in-out;
  transition-delay: 1s;
}

.component__hero-image.is-loaded::after {
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
}

.component__hero-image.is-loaded .backgrounds {
  transform: scale(1);
}

@keyframes staggerIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.component__hero-image.is-loaded .separator {
  width: 100%;
  opacity: 1;
}

.component__hero-image.is-loaded .title--xs {
  animation-name: staggerIn;
  animation-fill-mode: forwards;
  animation-duration: 1.5s;
  animation-delay: 0.8s;
}

.component__hero-image.is-loaded .cifras--xl {
  animation-name: staggerIn;
  animation-fill-mode: forwards;
  animation-duration: 1.5s;
  animation-delay: 0.6s;
}

.component__hero-image.is-loaded .title--xl {
  animation-name: staggerIn;
  animation-duration: 1.5s;
  display: inline-block;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

.component__hero-image.is-loaded .taglabel {
  animation-name: staggerIn;
  animation-duration: 1.8s;
  display: inline-block;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
}

.component__hero-image.is-loaded .body--l {
  animation-name: staggerIn;
  animation-duration: 1.8s;
  display: inline-block;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
}

.component__hero-image.is-loaded .circled-arrow-link {
  opacity: 0;
  animation-name: staggerIn;
  animation-duration: 2s;
  display: inline-block;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
}

.component__hero-image .backgrounds {
  position: absolute;
  display: flex;
  z-index: -2;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% var(--scroll_offset);
  min-height: 900px;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .component__hero-image .backgrounds {
    min-height: 600px;
  }
}

@media (max-width: 679px) {
  .component__hero-image .backgrounds {
    min-height: calc(100vh - 60px);
  }
}

.component__hero-image .backgrounds img {
  max-width: inherit;
}

.component__hero-image .backgrounds .img-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100vw;
  flex-shrink: 0;
  transition: all 320ms ease-in-out;
}

.component__hero-image .backgrounds .img-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, var(--scroll_offset), 0);
  max-height: 100vh;
}

@media (max-width: 679px) {
  .component__hero-image .body--l {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

.component__hero-image .content-blocks {
  height: calc(100vh - 60px);
  color: #fff;
  position: relative;
  margin: 0 10%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 900px;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .component__hero-image .content-blocks {
    min-height: 600px;
  }
}

@media (min-width: 1280px) {
  .component__hero-image .content-blocks {
    min-height: 710px;
  }
}

@media (max-width: 679px) {
  .component__hero-image .content-blocks {
    min-height: calc(100vh - 60px);
  }
}

@media (min-width: 1280px) {
  .component__hero-image .content-blocks {
    min-height: 710px;
  }
}

@media (max-width: 679px) {
  .component__hero-image .content-blocks {
    margin: 0 30px;
  }
}

.component__hero-image .content-blocks .title {
  margin-bottom: 30px;
}

@media (max-width: 679px) {
  .component__hero-image .content-blocks .title {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1024px) {
  .component__hero-image .content-blocks .title {
    max-width: 90%;
    margin-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .component__hero-image .content-blocks .title {
    max-width: 85%;
    margin-bottom: 20px;
  }
}

@media (min-width: 1680px) {
  .component__hero-image .content-blocks .title {
    margin-bottom: 30px;
  }
}

.component__hero-image .content-blocks .body {
  margin-bottom: 80px;
}

@media (max-width: 679px) {
  .component__hero-image .content-blocks .body {
    margin-bottom: 30px;
  }
}

@media (min-width: 680px) {
  .component__hero-image .content-blocks .body {
    margin-bottom: 60px;
  }
}

@media (min-width: 1024px) {
  .component__hero-image .content-blocks .body {
    max-width: 70%;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .component__hero-image .content-blocks .body {
    font-size: 14px;
    line-height: 26px;
  }
}

@media (min-width: 1280px) {
  .component__hero-image .content-blocks .body {
    max-width: 70%;
    margin-bottom: 60px;
  }
}

.component__hero-image .content-blocks button.circled-button,
.component__hero-image .content-blocks a.circled-arrow-link {
  border-color: #fff;
}

.component__hero-image .content-blocks button.circled-button svg,
.component__hero-image .content-blocks a.circled-arrow-link svg {
  height: 68px;
  width: 68px;
}

@media (min-width: 680px) {
  .component__hero-image .content-blocks button.circled-button svg,
  .component__hero-image .content-blocks a.circled-arrow-link svg {
    height: 120px;
    width: 120px;
  }
}

@media (min-width: 1024px) {
  .component__hero-image .content-blocks button.circled-button svg,
  .component__hero-image .content-blocks a.circled-arrow-link svg {
    height: 72px;
    width: 72px;
  }
}

@media (min-width: 1280px) {
  .component__hero-image .content-blocks button.circled-button svg,
  .component__hero-image .content-blocks a.circled-arrow-link svg {
    height: 94px;
    width: 94px;
  }
}

@media (min-width: 1680px) {
  .component__hero-image .content-blocks button.circled-button svg,
  .component__hero-image .content-blocks a.circled-arrow-link svg {
    height: 120px;
    width: 120px;
  }
}

.component__hero-image .content-blocks button.circled-button svg path,
.component__hero-image .content-blocks a.circled-arrow-link svg path {
  fill: #fff;
}

.component__hero-image .content-blocks button.circled-button {
  background-color: transparent;
  border: none;
}

.component__hero-image .content-blocks .separator {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 60px;
  margin-top: 40px;
}

@media (min-width: 680px) {
  .component__hero-image .content-blocks .separator {
    margin-bottom: 100px;
    margin-top: 60px;
  }
}

@media (min-width: 1920px) {
  .component__hero-image .content-blocks .separator {
    margin-bottom: 120px;
  }
}

@keyframes rotate {
  to {
    stroke-dasharray: 60px;
  }
}

.component__hero-image .circled-arrow-link svg {
  transform: scale(1.2);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  padding: 10px;
  margin-left: -15px;
}

.component__hero-image .circled-arrow-link svg:hover {
  transform: scale(1.4);
}

.component__hero-image .circled-arrow-link svg:hover path {
  animation-name: to-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    top: 0;
    background-color: red;
  }

  to {
    top: 100%;
    background-color: red;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  z-index: 9000;
  background-color: #fff;
  transform: translate3d(0, 100%, 0);
  transition: all 320ms ease-in-out;
  overflow-y: auto;
}

.lightbox[data-visibility='true'] {
  transform: none;
}

.lightbox .lightbox__box {
  flex: 1;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.lightbox .lightbox__box .content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lightbox .lightbox__box .content-wrapper img {
  max-width: 100%;
}

.lightbox .lightbox__box .content-wrapper iframe {
  width: 62vw;
  height: 90vh;
}

.lightbox .lightbox__box .lightbox__hide__btn {
  background: transparent;
  border: none;
  cursor: pointer;
  align-self: flex-end;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out;
}

.lightbox .lightbox__box .lightbox__hide__btn svg {
  transform: rotate(45deg);
}

.lightbox .lightbox__box .lightbox__hide__btn:hover {
  transform: scale(1.6);
}

@media (max-width: 679px) {
  .equipo-directivo .lightbox {
    display: block;
    padding-bottom: 140px;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.areas-actividad {
  position: relative;
}

.areas-actividad .title--tag {
  margin-bottom: 4rem;
  grid-row: 1 / 2;
  align-items: center;
}

@media (min-width: 680px) {
  .areas-actividad .title--tag {
    grid-column: 1 / 4;
  }
}

.areas-actividad .is-disabled path {
  fill: #d8d8d8;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .areas-actividad .title--l {
    font-size: 5.6rem;
    line-height: 6.8rem;
  }
}

.areas-actividad .ghost-frame-button {
  position: absolute;
  top: 0;
  bottom: 0;
  background: none;
  text-indent: -300vw;
  z-index: 10;
  cursor: pointer;
}

.areas-actividad .ghost-frame-button--left {
  left: -42%;
  text-indent: -300vw;
  width: 50%;
  cursor: pointer;
  display: none;
  background-color: transparent;
}

@media (min-width: 1024px) {
  .areas-actividad .ghost-frame-button--left {
    display: block;
  }
}

.areas-actividad .ghost-frame-button--right {
  right: -42%;
  width: 50%;
  display: none;
  text-indent: -300vw;
  cursor: pointer;
  background-color: transparent;
}

@media (min-width: 1024px) {
  .areas-actividad .ghost-frame-button--right {
    display: block;
  }
}

@media (min-width: 1280px) {
  .areas-actividad .ghost-frame-button--right {
    right: -32%;
  }
}

.areas-actividad .slider-controls {
  grid-row: 3/ 4;
  grid-column: 9 / -1;
  position: relative;
  top: 0;
  z-index: 50;
  text-align: right;
}

@media (min-width: 1024px) {
  .areas-actividad .slider-controls {
    grid-column: 9 / -1;
  }
}

@media (min-width: 1280px) {
  .areas-actividad .slider-controls {
    grid-column: 9 / -3;
  }
}

@media (min-width: 1920px) {
  .areas-actividad .slider-controls {
    grid-column: 9 / -2;
    margin-right: 20px;
  }
}

.areas-actividad .slider-controls .prev-button,
.areas-actividad .slider-controls .next-button {
  cursor: pointer;
  background-color: transparent;
  display: none;
}

@media (min-width: 1024px) {
  .areas-actividad .slider-controls .prev-button,
  .areas-actividad .slider-controls .next-button {
    display: inline-block;
  }
}

.areas-actividad .slider-controls .prev-button svg {
  transform: rotate(180deg);
}

.areas-actividad .slider-controls .prev-button {
  background: transparent;
  transition: 0.6s ease-in-out;
  transform: translateX(0);
  cursor: pointer;
}

.areas-actividad .slider-controls .prev-button:hover:not(.is-disabled) {
  animation-name: shortDecayLeft;
  animation-duration: 0.6s;
}

.areas-actividad .slider-controls .prev-button:not(.is-disabled) svg {
  transform: rotate(180deg);
}

.areas-actividad .slider-controls .prev-button:not(.is-disabled) svg path {
  fill: red;
}

.areas-actividad .slider-controls .prev-button.is-animated:not(.is-disabled) {
  transform: translateX(-40px);
}

.areas-actividad .slider-controls .next-button {
  margin-left: 20px;
  background: transparent;
  transition: 0.6s ease-in-out;
  transform: translateX(0);
  cursor: pointer;
}

.areas-actividad .slider-controls .next-button:hover:not(.is-disabled) {
  animation-name: shortDecayRight;
  animation-duration: 0.6s;
}

.areas-actividad .slider-controls .next-button:not(.is-disabled) svg path {
  fill: red;
}

.areas-actividad .slider-controls .next-button.is-animated:not(.is-disabled) {
  transform: translateX(40px);
}

.areas-actividad .frames-container {
  display: flex;
}

.areas-actividad .image-frames-container {
  grid-row: 2 / 3;
  grid-column: 1 / -1;
  transition: all 320ms ease-in-out;
  display: flex;
  margin-bottom: 50px;
  pointer-events: none;
  margin-left: -20px;
}

@media (min-width: 680px) {
  .areas-actividad .image-frames-container {
    margin-left: -80px;
  }
}

@media (min-width: 1024px) {
  .areas-actividad .image-frames-container {
    margin-left: -100px;
  }
}

@media (min-width: 1280px) {
  .areas-actividad .image-frames-container {
    margin-left: -10vw;
  }
}

@media (min-width: 1920px) {
  .areas-actividad .image-frames-container {
    margin-left: 0;
  }
}

.areas-actividad .image-frames-container .image-frame {
  flex-basis: 100vw;
  width: 100vw;
  overflow: hidden;
  position: relative;
  padding-right: 40px;
}

@media (min-width: 680px) {
  .areas-actividad .image-frames-container .image-frame {
    padding-right: calc(80px + ((100vw - 160px) * (0.07 * 7) / 8));
  }
}

@media (min-width: 1024px) {
  .areas-actividad .image-frames-container .image-frame {
    padding-right: 101px;
  }
}

@media (min-width: 1280px) {
  .areas-actividad .image-frames-container .image-frame {
    padding-right: calc(
      10vw + (((100vw - 20vw) * (0.07 * 11) / 11) * 2) +
        (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 2)
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad .image-frames-container .image-frame {
    padding-right: calc(
      ((10vw + ((100vw - 1920px) / 2)) * 2) +
        (((1920px - 20vw) * (1 - 0.07 * 11) / 12) * 2) +
        (((1920px - 20vw) * (0.07 * 11) / 11) * 1)
    );
  }
}

.areas-actividad
  .image-frames-container
  .image-frame:not(:last-of-type)::after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d8d8d8;
  position: absolute;
  top: 0;
  right: 25px;
}

@media (min-width: 680px) {
  .areas-actividad
    .image-frames-container
    .image-frame:not(:last-of-type)::after {
    right: 80px;
  }
}

@media (min-width: 1024px) {
  .areas-actividad
    .image-frames-container
    .image-frame:not(:last-of-type)::after {
    right: 75px;
  }
}

@media (min-width: 1280px) {
  .areas-actividad
    .image-frames-container
    .image-frame:not(:last-of-type)::after {
    right: calc(
      10vw + (((100vw - 20vw) * (0.07 * 11) / 11) * 1) +
        (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1.5) - 1px
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad
    .image-frames-container
    .image-frame:not(:last-of-type)::after {
    right: calc(
      ((10vw + ((100vw - 1920px) / 2)) * 2) +
        (((1920px - 20vw) * (1 - 0.07 * 11) / 12) * 1) +
        (((1920px - 20vw) * (0.07 * 11) / 11) * 0.5)
    );
  }
}

.areas-actividad .image-frames-container .image-frame .img-container {
  height: 100vw;
  max-height: 510px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 1280px) {
  .areas-actividad .image-frames-container .image-frame .img-container {
    max-height: 568px;
  }
}

@media (min-width: 1920px) {
  .areas-actividad .image-frames-container .image-frame .img-container {
    max-height: 797px;
  }
}

@media (max-width: 679px) {
  .areas-actividad .image-frames-container .image-frame .img-container {
    max-height: 300px;
  }
}

.areas-actividad .text-frames-container {
  grid-row: 3 / 4;
  grid-column: 1 / -2;
  margin-bottom: 20px;
  display: grid;
}

@media (min-width: 1024px) {
  .areas-actividad .text-frames-container {
    grid-column: 1 / 7;
  }
}

.areas-actividad .text-frames-container .text-frame {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  transition: all 320ms ease-in-out;
  opacity: 0;
}

.areas-actividad .text-frames-container .text-frame a {
  display: inline-block;
  margin-top: 20px;
}

.areas-actividad .text-frames-container .text-frame .frame-cta svg {
  transition: all 320ms ease-in-out;
}

.areas-actividad .text-frames-container .text-frame.is-hovered .frame-cta svg {
  transform: translateY(10px) translateX(1rem);
}

.areas-actividad .text-frames-container .text-frame .title {
  margin-bottom: 20px;
}

.areas-actividad .text-frames-container .text-frame .link {
  margin-top: 13px;
}

.areas-actividad .text-frames-container .text-frame .link span {
  margin-right: 0;
}

.areas-actividad .module_cta {
  grid-column: 1 / -2;
}

@media (min-width: 680px) {
  .areas-actividad .module_cta {
    grid-row: 1 / 2;
    grid-column: 4 / 9;
    margin-left: auto;
    margin-bottom: 4rem;
  }
}

@media (min-width: 1024px) {
  .areas-actividad .module_cta {
    grid-column: 6 / 13;
  }
}

.areas-actividad[data-active-frame='1'] .image-frame[data-frame-id='2'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='1'] .image-frame[data-frame-id='2'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='1'] .image-frame[data-frame-id='2'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='1'] .image-frame[data-frame-id='2'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='1'] .image-frame[data-frame-id='2'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='1'] .text-frame[data-frame-id='1'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.areas-actividad[data-active-frame='2'] .image-frames-container {
  transform: translateX(calc(-100vw * 1));
}

.areas-actividad[data-active-frame='2'] .image-frame[data-frame-id='3'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='2'] .image-frame[data-frame-id='3'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='2'] .image-frame[data-frame-id='3'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='2'] .image-frame[data-frame-id='3'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='2'] .image-frame[data-frame-id='3'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='2'] .text-frame[data-frame-id='2'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.areas-actividad[data-active-frame='3'] .image-frames-container {
  transform: translateX(calc(-100vw * 2));
}

.areas-actividad[data-active-frame='3'] .image-frame[data-frame-id='4'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='3'] .image-frame[data-frame-id='4'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='3'] .image-frame[data-frame-id='4'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='3'] .image-frame[data-frame-id='4'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='3'] .image-frame[data-frame-id='4'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='3'] .text-frame[data-frame-id='3'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.areas-actividad[data-active-frame='4'] .image-frames-container {
  transform: translateX(calc(-100vw * 3));
}

.areas-actividad[data-active-frame='4'] .image-frame[data-frame-id='5'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='4'] .image-frame[data-frame-id='5'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='4'] .image-frame[data-frame-id='5'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='4'] .image-frame[data-frame-id='5'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='4'] .image-frame[data-frame-id='5'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='4'] .text-frame[data-frame-id='4'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.areas-actividad[data-active-frame='5'] .image-frames-container {
  transform: translateX(calc(-100vw * 4));
}

.areas-actividad[data-active-frame='5'] .image-frame[data-frame-id='6'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='5'] .image-frame[data-frame-id='6'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='5'] .image-frame[data-frame-id='6'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='5'] .image-frame[data-frame-id='6'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='5'] .image-frame[data-frame-id='6'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='5'] .text-frame[data-frame-id='5'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.areas-actividad[data-active-frame='6'] .image-frames-container {
  transform: translateX(calc(-100vw * 5));
}

.areas-actividad[data-active-frame='6'] .image-frame[data-frame-id='7'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='6'] .image-frame[data-frame-id='7'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='6'] .image-frame[data-frame-id='7'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='6'] .image-frame[data-frame-id='7'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='6'] .image-frame[data-frame-id='7'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='6'] .text-frame[data-frame-id='6'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.areas-actividad[data-active-frame='7'] .image-frames-container {
  transform: translateX(calc(-100vw * 6));
}

.areas-actividad[data-active-frame='7'] .image-frame[data-frame-id='8'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='7'] .image-frame[data-frame-id='8'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='7'] .image-frame[data-frame-id='8'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='7'] .image-frame[data-frame-id='8'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='7'] .image-frame[data-frame-id='8'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='7'] .text-frame[data-frame-id='7'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.areas-actividad[data-active-frame='8'] .image-frames-container {
  transform: translateX(calc(-100vw * 7));
}

.areas-actividad[data-active-frame='8'] .image-frame[data-frame-id='9'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='8'] .image-frame[data-frame-id='9'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='8'] .image-frame[data-frame-id='9'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='8'] .image-frame[data-frame-id='9'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='8'] .image-frame[data-frame-id='9'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='8'] .text-frame[data-frame-id='8'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.areas-actividad[data-active-frame='9'] .image-frames-container {
  transform: translateX(calc(-100vw * 8));
}

.areas-actividad[data-active-frame='9'] .image-frame[data-frame-id='10'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='9'] .image-frame[data-frame-id='10'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='9'] .image-frame[data-frame-id='10'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='9'] .image-frame[data-frame-id='10'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='9'] .image-frame[data-frame-id='10'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='9'] .text-frame[data-frame-id='9'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

.areas-actividad[data-active-frame='10'] .image-frames-container {
  transform: translateX(calc(-100vw * 9));
}

.areas-actividad[data-active-frame='10'] .image-frame[data-frame-id='11'] {
  opacity: 0.3;
  transform: translateX(-11px);
}

@media (min-width: 680px) {
  .areas-actividad[data-active-frame='10'] .image-frame[data-frame-id='11'] {
    transform: translateX(-41px);
  }
}

@media (min-width: 1024px) {
  .areas-actividad[data-active-frame='10'] .image-frame[data-frame-id='11'] {
    transform: translateX(-51px);
  }
}

@media (min-width: 1280px) {
  .areas-actividad[data-active-frame='10'] .image-frame[data-frame-id='11'] {
    transform: translateX(
      calc(-10vw - (((100vw - 20vw) * (1 - 0.07 * 11) / 12) * 1))
    );
  }
}

@media (min-width: 1920px) {
  .areas-actividad[data-active-frame='10'] .image-frame[data-frame-id='11'] {
    transform: translateX(calc(((-10vw - ((100vw - 1920px) / 2)) * 2)));
  }
}

.areas-actividad[data-active-frame='10'] .text-frame[data-frame-id='10'] {
  opacity: 1;
  z-index: 5;
  transform: none;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.cifras-slider {
  position: relative;
}

.cifras-slider .slider-controls {
  margin-top: 40px;
}

@media (min-width: 680px) {
  .cifras-slider {
    grid-row-gap: 0;
  }
}

.cifras-slider .link--icon {
  margin-top: 3rem;
}

@media (min-width: 1680px) {
  .cifras-slider .link--icon {
    margin-top: 4rem;
  }
}

.cifras-slider .title--tag {
  margin-bottom: 4rem;
}

@media (max-width: 679px) {
  .cifras-slider .title--tag {
    margin-bottom: 2rem;
  }
}

@media (min-width: 680px) {
  .cifras-slider .title--tag {
    grid-column: 1/9;
  }
}

.cifras-slider .module_title {
  margin-bottom: 2rem;
}

@media (min-width: 680px) {
  .cifras-slider .module_title {
    margin-bottom: 4rem;
  }
}

.cifras-slider .lead_text {
  margin-bottom: 10px;
}

.cifras-slider .module_description {
  margin-bottom: 20px;
}

@media (min-width: 680px) {
  .cifras-slider .module_title {
    grid-column: 1 / -1;
  }

  .cifras-slider .lead_text {
    grid-column: 1 / -1;
  }

  .cifras-slider .module_description {
    grid-column: 1 / -1;
  }

  .cifras-slider .module_cta {
    grid-column: 1 / 5;
  }
}

@media (min-width: 1024px) {
  .cifras-slider .module_title {
    grid-column: 1 / 6;
    grid-row: 2 / 5;
  }

  .cifras-slider .lead_text {
    grid-column: 7 / -1;
    grid-row: 2 / 3;
  }

  .cifras-slider .module_description {
    grid-column: 7 / -1;
    grid-row: 3 / 4;
  }

  .cifras-slider .module_cta {
    grid-column: 7 / -1;
    grid-row: 4 / 5;
  }
}

@media (min-width: 1280px) {
  .cifras-slider .module_title {
    grid-column: 1 / 6;
    grid-row: 2 / 5;
  }
}

.cifras-slider .cifras-container {
  display: flex;
  justify-content: flex-start;
  transition: all 1s ease-in-out;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

@media (max-width: 679px) {
  .cifras-slider .cifras-container {
    margin-top: 3rem;
    margin-bottom: 0;
  }
}

@media (max-width: 679px) {
  .cifras-slider .cifras-container {
    margin-bottom: 20px;
  }
}

@media (min-width: 680px) {
  .cifras-slider .cifras-container {
    grid-column: 1/9;
    grid-row: 5 / 6;
  }
}

@media (min-width: 1024px) {
  .cifras-slider .cifras-container {
    grid-column: 1 / 13;
  }
}

.cifras-slider .cifras-container .data-point {
  flex-basis: calc(100vw - 40px);
  min-height: 100%;
  margin-right: calc(20px / 2);
  position: relative;
  opacity: 0.15;
  transition: all 1s ease-in-out;
}

.cifras-slider .cifras-container .data-point .number-container {
  display: inline-flex;
  flex-direction: column;
}

.cifras-slider .cifras-container .data-point .number-container p {
  align-self: flex-end;
}

.cifras-slider .cifras-container .data-point.prev-frame,
.cifras-slider .cifras-container .data-point.next-frame {
  cursor: pointer;
  background: transparent;
}

@media (min-width: 680px) {
  .cifras-slider .cifras-container .data-point {
    flex-basis: calc(100vw - 160px);
    margin-right: calc(80px / 2);
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .cifras-slider .cifras-container .data-point {
    flex-basis: calc(100vw - 200px);
    margin-right: calc(100px / 2);
  }
}

@media (min-width: 1280px) {
  .cifras-slider .cifras-container .data-point {
    flex-basis: calc(100vw - 20vw);
    margin-right: calc(10vw / 2);
  }
}

@media (min-width: 1920px) {
  .cifras-slider .cifras-container .data-point {
    flex-basis: calc(1920px - 20vw);
    margin-right: calc((100vw - 1680px) / 3);
  }
}

.cifras-slider .cifras-container .data-point .short-descritpion {
  text-align: right;
  margin-top: 5px;
}

@media (max-width: 679px) {
  .cifras-slider .cifras-container .data-point .short-descritpion {
    margin-top: 0;
  }
}

@media (min-width: 680px) {
  .cifras-slider
    .cifras-container
    .data-point
    .short-descritpion
    span.data-unit {
    display: none;
  }
}

.cifras-slider hr.separator {
  border: solid 1px #d8d8d8;
  border-top: none;
  width: 100%;
  grid-column: 1 / -1;
}

.cifras-slider .input-range-slider {
  grid-column: 1 / -1;
  grid-row: 6 / 7;
}

.cifras-slider[data-active-frame='1'] .data-point:nth-of-type(1) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='2'] {
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='2'] .cifras-container {
  transition: all 1s ease-in-out;
  transform: translateX(calc((-100vw + 40px - (20px / 2)) * 1));
}

@media (min-width: 680px) {
  .cifras-slider[data-active-frame='2'] .cifras-container {
    transform: translateX(calc((-100vw + 160px - (80px / 2)) * 1));
  }
}

@media (min-width: 1024px) {
  .cifras-slider[data-active-frame='2'] .cifras-container {
    transform: translateX(calc((-100vw + 200px - (100px / 2)) * 1));
  }
}

@media (min-width: 1280px) {
  .cifras-slider[data-active-frame='2'] .cifras-container {
    transform: translateX(calc((-100vw + 20vw - (10vw / 2)) * 1));
  }
}

@media (min-width: 1920px) {
  .cifras-slider[data-active-frame='2'] .cifras-container {
    transform: translateX(
      calc(((-1920px + 20vw) - ((100vw - 1680px) / 3)) * 1)
    );
  }
}

.cifras-slider[data-active-frame='2'] .data-point:nth-of-type(2) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='3'] {
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='3'] .cifras-container {
  transition: all 1s ease-in-out;
  transform: translateX(calc((-100vw + 40px - (20px / 2)) * 2));
}

@media (min-width: 680px) {
  .cifras-slider[data-active-frame='3'] .cifras-container {
    transform: translateX(calc((-100vw + 160px - (80px / 2)) * 2));
  }
}

@media (min-width: 1024px) {
  .cifras-slider[data-active-frame='3'] .cifras-container {
    transform: translateX(calc((-100vw + 200px - (100px / 2)) * 2));
  }
}

@media (min-width: 1280px) {
  .cifras-slider[data-active-frame='3'] .cifras-container {
    transform: translateX(calc((-100vw + 20vw - (10vw / 2)) * 2));
  }
}

@media (min-width: 1920px) {
  .cifras-slider[data-active-frame='3'] .cifras-container {
    transform: translateX(
      calc(((-1920px + 20vw) - ((100vw - 1680px) / 3)) * 2)
    );
  }
}

.cifras-slider[data-active-frame='3'] .data-point:nth-of-type(3) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='4'] {
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='4'] .cifras-container {
  transition: all 1s ease-in-out;
  transform: translateX(calc((-100vw + 40px - (20px / 2)) * 3));
}

@media (min-width: 680px) {
  .cifras-slider[data-active-frame='4'] .cifras-container {
    transform: translateX(calc((-100vw + 160px - (80px / 2)) * 3));
  }
}

@media (min-width: 1024px) {
  .cifras-slider[data-active-frame='4'] .cifras-container {
    transform: translateX(calc((-100vw + 200px - (100px / 2)) * 3));
  }
}

@media (min-width: 1280px) {
  .cifras-slider[data-active-frame='4'] .cifras-container {
    transform: translateX(calc((-100vw + 20vw - (10vw / 2)) * 3));
  }
}

@media (min-width: 1920px) {
  .cifras-slider[data-active-frame='4'] .cifras-container {
    transform: translateX(
      calc(((-1920px + 20vw) - ((100vw - 1680px) / 3)) * 3)
    );
  }
}

.cifras-slider[data-active-frame='4'] .data-point:nth-of-type(4) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='5'] {
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='5'] .cifras-container {
  transition: all 1s ease-in-out;
  transform: translateX(calc((-100vw + 40px - (20px / 2)) * 4));
}

@media (min-width: 680px) {
  .cifras-slider[data-active-frame='5'] .cifras-container {
    transform: translateX(calc((-100vw + 160px - (80px / 2)) * 4));
  }
}

@media (min-width: 1024px) {
  .cifras-slider[data-active-frame='5'] .cifras-container {
    transform: translateX(calc((-100vw + 200px - (100px / 2)) * 4));
  }
}

@media (min-width: 1280px) {
  .cifras-slider[data-active-frame='5'] .cifras-container {
    transform: translateX(calc((-100vw + 20vw - (10vw / 2)) * 4));
  }
}

@media (min-width: 1920px) {
  .cifras-slider[data-active-frame='5'] .cifras-container {
    transform: translateX(
      calc(((-1920px + 20vw) - ((100vw - 1680px) / 3)) * 4)
    );
  }
}

.cifras-slider[data-active-frame='5'] .data-point:nth-of-type(5) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='6'] {
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='6'] .cifras-container {
  transition: all 1s ease-in-out;
  transform: translateX(calc((-100vw + 40px - (20px / 2)) * 5));
}

@media (min-width: 680px) {
  .cifras-slider[data-active-frame='6'] .cifras-container {
    transform: translateX(calc((-100vw + 160px - (80px / 2)) * 5));
  }
}

@media (min-width: 1024px) {
  .cifras-slider[data-active-frame='6'] .cifras-container {
    transform: translateX(calc((-100vw + 200px - (100px / 2)) * 5));
  }
}

@media (min-width: 1280px) {
  .cifras-slider[data-active-frame='6'] .cifras-container {
    transform: translateX(calc((-100vw + 20vw - (10vw / 2)) * 5));
  }
}

@media (min-width: 1920px) {
  .cifras-slider[data-active-frame='6'] .cifras-container {
    transform: translateX(
      calc(((-1920px + 20vw) - ((100vw - 1680px) / 3)) * 5)
    );
  }
}

.cifras-slider[data-active-frame='6'] .data-point:nth-of-type(6) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='7'] {
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='7'] .cifras-container {
  transition: all 1s ease-in-out;
  transform: translateX(calc((-100vw + 40px - (20px / 2)) * 6));
}

@media (min-width: 680px) {
  .cifras-slider[data-active-frame='7'] .cifras-container {
    transform: translateX(calc((-100vw + 160px - (80px / 2)) * 6));
  }
}

@media (min-width: 1024px) {
  .cifras-slider[data-active-frame='7'] .cifras-container {
    transform: translateX(calc((-100vw + 200px - (100px / 2)) * 6));
  }
}

@media (min-width: 1280px) {
  .cifras-slider[data-active-frame='7'] .cifras-container {
    transform: translateX(calc((-100vw + 20vw - (10vw / 2)) * 6));
  }
}

@media (min-width: 1920px) {
  .cifras-slider[data-active-frame='7'] .cifras-container {
    transform: translateX(
      calc(((-1920px + 20vw) - ((100vw - 1680px) / 3)) * 6)
    );
  }
}

.cifras-slider[data-active-frame='7'] .data-point:nth-of-type(7) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='8'] {
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='8'] .cifras-container {
  transition: all 1s ease-in-out;
  transform: translateX(calc((-100vw + 40px - (20px / 2)) * 7));
}

@media (min-width: 680px) {
  .cifras-slider[data-active-frame='8'] .cifras-container {
    transform: translateX(calc((-100vw + 160px - (80px / 2)) * 7));
  }
}

@media (min-width: 1024px) {
  .cifras-slider[data-active-frame='8'] .cifras-container {
    transform: translateX(calc((-100vw + 200px - (100px / 2)) * 7));
  }
}

@media (min-width: 1280px) {
  .cifras-slider[data-active-frame='8'] .cifras-container {
    transform: translateX(calc((-100vw + 20vw - (10vw / 2)) * 7));
  }
}

@media (min-width: 1920px) {
  .cifras-slider[data-active-frame='8'] .cifras-container {
    transform: translateX(
      calc(((-1920px + 20vw) - ((100vw - 1680px) / 3)) * 7)
    );
  }
}

.cifras-slider[data-active-frame='8'] .data-point:nth-of-type(8) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='9'] {
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='9'] .cifras-container {
  transition: all 1s ease-in-out;
  transform: translateX(calc((-100vw + 40px - (20px / 2)) * 8));
}

@media (min-width: 680px) {
  .cifras-slider[data-active-frame='9'] .cifras-container {
    transform: translateX(calc((-100vw + 160px - (80px / 2)) * 8));
  }
}

@media (min-width: 1024px) {
  .cifras-slider[data-active-frame='9'] .cifras-container {
    transform: translateX(calc((-100vw + 200px - (100px / 2)) * 8));
  }
}

@media (min-width: 1280px) {
  .cifras-slider[data-active-frame='9'] .cifras-container {
    transform: translateX(calc((-100vw + 20vw - (10vw / 2)) * 8));
  }
}

@media (min-width: 1920px) {
  .cifras-slider[data-active-frame='9'] .cifras-container {
    transform: translateX(
      calc(((-1920px + 20vw) - ((100vw - 1680px) / 3)) * 8)
    );
  }
}

.cifras-slider[data-active-frame='9'] .data-point:nth-of-type(9) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='10'] {
  transition: all 1s ease-in-out;
}

.cifras-slider[data-active-frame='10'] .cifras-container {
  transition: all 1s ease-in-out;
  transform: translateX(calc((-100vw + 40px - (20px / 2)) * 9));
}

@media (min-width: 680px) {
  .cifras-slider[data-active-frame='10'] .cifras-container {
    transform: translateX(calc((-100vw + 160px - (80px / 2)) * 9));
  }
}

@media (min-width: 1024px) {
  .cifras-slider[data-active-frame='10'] .cifras-container {
    transform: translateX(calc((-100vw + 200px - (100px / 2)) * 9));
  }
}

@media (min-width: 1280px) {
  .cifras-slider[data-active-frame='10'] .cifras-container {
    transform: translateX(calc((-100vw + 20vw - (10vw / 2)) * 9));
  }
}

@media (min-width: 1920px) {
  .cifras-slider[data-active-frame='10'] .cifras-container {
    transform: translateX(
      calc(((-1920px + 20vw) - ((100vw - 1680px) / 3)) * 9)
    );
  }
}

.cifras-slider[data-active-frame='10'] .data-point:nth-of-type(10) {
  opacity: 1;
  transition: all 1s ease-in-out;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.cifras .title--tag {
  margin-bottom: 4rem;
}

.cifras .cifras-container {
  display: flex;
  flex-wrap: wrap;
}

.cifras .cifras-container .cifras-data-footer {
  margin-top: 3rem;
}

.cifras .cifras-container .data-point {
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 8rem;
  flex-basis: 100%;
}

@media (max-width: 679px) {
  .cifras .cifras-container .data-point {
    margin-top: 6rem;
  }
}

@media (max-width: 679px) {
  .cifras .cifras-container .data-point:nth-child(1) {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .cifras .cifras-container .data-point:nth-child(1),
  .cifras .cifras-container .data-point:nth-child(2),
  .cifras .cifras-container .data-point:nth-child(3) {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .cifras .cifras-container .data-point {
    flex-basis: 32%;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.jobs-slider {
  --inner_gap: 40px;
  --outer_gap: 30px;
}

.jobs-slider .description {
  display: none;
}

@media (min-width: 680px) {
  .jobs-slider {
    --outer_gap: 10vw;
  }
}

.jobs-slider .title--tag {
  margin-bottom: 4rem;
}

@media (max-width: 679px) {
  .jobs-slider .title--tag {
    margin-bottom: 3rem;
  }
}

@media (min-width: 680px) {
  .jobs-slider .title--tag {
    grid-column: 1/9;
    grid-column: 1 / 5;
    grid-row: 1 / 2;
  }
}

.jobs-slider .jobs-container {
  display: flex;
  justify-content: flex-start;
  transition: all 320ms ease-in-out;
}

@media (max-width: 679px) {
  .jobs-slider .jobs-container {
    margin-bottom: 2rem;
  }
}

@media (min-width: 680px) {
  .jobs-slider .jobs-container {
    grid-column: 1/9;
    flex-direction: column;
    width: 100% !important;
    margin: var(--inner_gap) 0;
    position: relative;
  }

  .jobs-slider .jobs-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
    left: 0;
    top: calc(-1 * var(--inner_gap));
  }
}

@media (min-width: 1024px) {
  .jobs-slider .jobs-container {
    grid-column: 1/13;
  }
}

.jobs-slider .jobs-container svg {
  transition: all 0.3s ease-in-out;
}

.jobs-slider .jobs-container .is-hovered .job-cta svg {
  transform: translateX(5px);
}

.jobs-slider .jobs-container .job-description {
  flex-basis: calc(100vw - (30px * 2));
  min-height: 100%;
  margin-right: calc(var(--outer_gap) / 3);
  position: relative;
  opacity: 0.15;
  padding: 0;
  width: 100%;
}

.jobs-slider .jobs-container .job-description .taglabel img,
.jobs-slider .jobs-container .job-description .taglabel svg {
  margin-right: 0.8rem;
}

.jobs-slider .jobs-container .job-description a {
  text-decoration: none;
  color: inherit;
}

.jobs-slider .jobs-container .job-description a.job-sector {
  color: red;
  display: inline-flex;
  align-items: center;
}

.jobs-slider .jobs-container .job-description .job-cta {
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .jobs-slider .jobs-container .job-description .job-cta {
    margin-top: 2rem;
  }
}

.jobs-slider .jobs-container .job-description .job-cta path {
  fill: red;
}

.jobs-slider .jobs-container .job-description .job-header .title--s {
  margin-bottom: 1rem;
  display: inline-block;
}

.jobs-slider .jobs-container .job-description .job-header .job-subheader {
  margin-bottom: 2rem;
  display: flex;
}

.jobs-slider
  .jobs-container
  .job-description
  .job-header
  .job-subheader
  .taglabel {
  display: inline-flex;
  align-items: center;
}

.jobs-slider
  .jobs-container
  .job-description
  .job-header
  .job-subheader
  .taglabel:not(:last-child)::after {
  content: '';
  display: inline-block;
  height: 10px;
  width: 1px;
  background-color: #000;
  margin-right: 1rem;
  margin-left: 1rem;
}

@media (min-width: 680px) {
  .jobs-slider .jobs-container .job-description {
    flex-basis: calc(100vw - (10vw * 2));
    opacity: 1;
    flex: 1;
    margin-right: 0;
    margin-bottom: var(--inner_gap);
  }
}

@media (min-width: 680px) {
  .jobs-slider .jobs-container .job-description .job-header {
    grid-column: 1 / -1;
  }

  .jobs-slider .jobs-container .job-description .job-header .job-subheader,
  .jobs-slider .jobs-container .job-description .job-header .title--s {
    margin-bottom: 1rem;
  }

  .jobs-slider .jobs-container .job-description .job-body {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .jobs-slider .jobs-container .job-description .job-header {
    grid-column: 1 / 7;
  }

  .jobs-slider .jobs-container .job-description .job-header .job-subheader,
  .jobs-slider .jobs-container .job-description .job-header .title--s {
    margin-bottom: 1rem;
  }

  .jobs-slider .jobs-container .job-description .job-body {
    grid-column: 7 / -1;
  }
}

@media (min-width: 1280px) {
  .jobs-slider .jobs-container .job-description .job-header {
    grid-column: 1 / 7;
  }

  .jobs-slider .jobs-container .job-description .job-header .job-subheader,
  .jobs-slider .jobs-container .job-description .job-header .title--s {
    margin-bottom: 2rem;
  }
}

.jobs-slider .input-range-slider {
  grid-column: 1 / -1;
}

@media (min-width: 680px) {
  .jobs-slider .input-range-slider {
    display: none;
  }
}

.jobs-slider .input-range-slider input[type='range'] {
  margin-bottom: 3rem;
}

.jobs-slider a.section-cta {
  grid-column: 5 / -1;
  grid-row: 1 / 2;
  justify-content: flex-end;
  margin-bottom: 4rem;
}

@media (max-width: 679px) {
  .jobs-slider a.section-cta {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .jobs-slider a.section-cta {
    grid-column: 7 / -1;
  }
}

.jobs-slider[data-active-frame='1'] .job-description:nth-of-type(1) {
  opacity: 1;
}

.jobs-slider[data-active-frame='2'] .jobs-container {
  transform: translateX(calc(((-100vw + 60px - 10px) * (2 - 1))));
}

@media (min-width: 680px) {
  .jobs-slider[data-active-frame='2'] .jobs-container {
    transform: translateX(calc(((-100vw + (10vw * 2) - 40px) * (2 - 1))));
  }
}

.jobs-slider[data-active-frame='2'] .job-description:nth-of-type(2) {
  opacity: 1;
}

.jobs-slider[data-active-frame='3'] .jobs-container {
  transform: translateX(calc(((-100vw + 60px - 10px) * (3 - 1))));
}

@media (min-width: 680px) {
  .jobs-slider[data-active-frame='3'] .jobs-container {
    transform: translateX(calc(((-100vw + (10vw * 2) - 40px) * (3 - 1))));
  }
}

.jobs-slider[data-active-frame='3'] .job-description:nth-of-type(3) {
  opacity: 1;
}

.jobs-slider[data-active-frame='4'] .jobs-container {
  transform: translateX(calc(((-100vw + 60px - 10px) * (4 - 1))));
}

@media (min-width: 680px) {
  .jobs-slider[data-active-frame='4'] .jobs-container {
    transform: translateX(calc(((-100vw + (10vw * 2) - 40px) * (4 - 1))));
  }
}

.jobs-slider[data-active-frame='4'] .job-description:nth-of-type(4) {
  opacity: 1;
}

.jobs-slider[data-active-frame='5'] .jobs-container {
  transform: translateX(calc(((-100vw + 60px - 10px) * (5 - 1))));
}

@media (min-width: 680px) {
  .jobs-slider[data-active-frame='5'] .jobs-container {
    transform: translateX(calc(((-100vw + (10vw * 2) - 40px) * (5 - 1))));
  }
}

.jobs-slider[data-active-frame='5'] .job-description:nth-of-type(5) {
  opacity: 1;
}

.jobs-slider[data-active-frame='6'] .jobs-container {
  transform: translateX(calc(((-100vw + 60px - 10px) * (6 - 1))));
}

@media (min-width: 680px) {
  .jobs-slider[data-active-frame='6'] .jobs-container {
    transform: translateX(calc(((-100vw + (10vw * 2) - 40px) * (6 - 1))));
  }
}

.jobs-slider[data-active-frame='6'] .job-description:nth-of-type(6) {
  opacity: 1;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.jobs-simple {
  --inner_gap: 40px;
  --outer_gap: 30px;
}

.jobs-simple.has-header .jobs-container {
  margin-top: 0;
}

.jobs-simple .jobs-header {
  justify-content: space-between;
  display: flex;
  border-bottom: 1px solid #d8d8d8;
  grid-column: 1 / -1;
  align-items: flex-start;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}

@media (min-width: 680px) {
  .jobs-simple .jobs-header {
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }
}

@media (min-width: 1680px) {
  .jobs-simple .jobs-header {
    padding-bottom: 8rem;
    margin-bottom: 8rem;
  }
}

.jobs-simple .jobs-header .title--tag {
  flex-shrink: 0;
}

.jobs-simple .jobs-header .link {
  max-width: 50%;
}

@media (max-width: 679px) {
  .jobs-simple .jobs-header .link {
    display: none;
    max-width: 100%;
  }
}

.jobs-simple .description {
  display: none;
}

@media (min-width: 680px) {
  .jobs-simple {
    --outer_gap: 10vw;
  }
}

@media (min-width: 680px) {
  .jobs-simple .title--tag {
    grid-column: 1/9;
    grid-column: 1 / 5;
    grid-row: 1 / 2;
  }
}

.jobs-simple .jobs-container {
  display: flex;
  justify-content: flex-start;
  transition: all 320ms ease-in-out;
}

@media (max-width: 679px) {
  .jobs-simple .jobs-container {
    margin-bottom: 2rem;
    flex-direction: column;
    display: block;
  }
}

@media (min-width: 680px) {
  .jobs-simple .jobs-container {
    grid-column: 1/9;
    flex-direction: column;
    width: 100% !important;
    margin: 0;
    position: relative;
  }
}

@media (min-width: 1024px) {
  .jobs-simple .jobs-container {
    grid-column: 1/13;
  }
}

.jobs-simple .jobs-container svg {
  transition: all 0.3s ease-in-out;
}

.jobs-simple .jobs-container .is-hovered .job-cta svg {
  transform: translateX(5px);
}

.jobs-simple .jobs-container .job-description {
  margin-right: calc(var(--outer_gap) / 3);
  position: relative;
  padding: 0;
  width: 100%;
}

.jobs-simple .jobs-container .job-description:last-child {
  margin-bottom: 0;
}

@media (max-width: 679px) {
  .jobs-simple .jobs-container .job-description {
    padding: 3rem 0;
  }

  .jobs-simple .jobs-container .job-description:first-child {
    border-top: transparent;
    padding-top: 0;
  }

  .jobs-simple .jobs-container .job-description:last-child {
    padding-bottom: 0;
  }
}

.jobs-simple .jobs-container .job-description .taglabel img,
.jobs-simple .jobs-container .job-description .taglabel svg {
  margin-right: 0.8rem;
}

.jobs-simple .jobs-container .job-description a {
  text-decoration: none;
  color: inherit;
}

.jobs-simple .jobs-container .job-description a.job-sector {
  color: red;
  display: inline-flex;
  align-items: center;
}

.jobs-simple .jobs-container .job-description .job-cta {
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .jobs-simple .jobs-container .job-description .job-cta {
    margin-top: 2rem;
  }
}

.jobs-simple .jobs-container .job-description .job-cta path {
  fill: red;
}

.jobs-simple .jobs-container .job-description .job-header .title--s {
  margin-bottom: 1rem;
  display: inline-block;
}

.jobs-simple .jobs-container .job-description .job-header .job-subheader {
  margin-bottom: 2rem;
  display: flex;
}

.jobs-simple
  .jobs-container
  .job-description
  .job-header
  .job-subheader
  .taglabel {
  display: inline-flex;
  align-items: center;
}

.jobs-simple
  .jobs-container
  .job-description
  .job-header
  .job-subheader
  .taglabel:not(:last-child)::after {
  content: '';
  display: inline-block;
  height: 10px;
  width: 1px;
  background-color: #d8d8d8;
  margin-right: 1rem;
  margin-left: 1rem;
}

@media (min-width: 680px) {
  .jobs-simple .jobs-container .job-description {
    flex-basis: calc(100vw - (10vw * 2));
    opacity: 1;
    flex: 1;
    margin-right: 0;
    margin-bottom: 6rem;
  }
}

@media (min-width: 680px) {
  .jobs-simple .jobs-container .job-description .job-header {
    grid-column: 1 / -1;
  }

  .jobs-simple .jobs-container .job-description .job-header .job-subheader,
  .jobs-simple .jobs-container .job-description .job-header .title--s {
    margin-bottom: 1rem;
  }

  .jobs-simple .jobs-container .job-description .job-body {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .jobs-simple .jobs-container .job-description .job-header {
    grid-column: 1 / 7;
  }

  .jobs-simple .jobs-container .job-description .job-header .job-subheader,
  .jobs-simple .jobs-container .job-description .job-header .title--s {
    margin-bottom: 1rem;
  }

  .jobs-simple .jobs-container .job-description .job-body {
    grid-column: 7 / -1;
  }
}

@media (min-width: 1280px) {
  .jobs-simple .jobs-container .job-description .job-header {
    grid-column: 1 / 7;
  }

  .jobs-simple .jobs-container .job-description .job-header .job-subheader,
  .jobs-simple .jobs-container .job-description .job-header .title--s {
    margin-bottom: 2rem;
  }
}

.jobs-simple .input-range-slider {
  grid-column: 1 / -1;
}

@media (min-width: 680px) {
  .jobs-simple .input-range-slider {
    display: none;
  }
}

.jobs-simple .input-range-slider input[type='range'] {
  margin-bottom: 3rem;
}

.jobs-simple a.section-cta {
  grid-column: 5 / -1;
  grid-row: 1 / 2;
  justify-content: flex-end;
}

@media (max-width: 679px) {
  .jobs-simple a.section-cta {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .jobs-simple a.section-cta {
    grid-column: 7 / -1;
  }
}

.jobs-simple a.section-cta.mobile-visible {
  margin-top: 2rem;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.bloque-texto .list-downloads {
  grid-row: 6 / 6 !important;
}

.bloque-texto .enlace-agrupador {
  grid-row: 7 / 7;
  grid-column: 1 / -1;
  grid-gap: 7%;
}

.bloque-texto .enlace-agrupador a {
  width: 100%;
}

.bloque-texto .location {
  display: flex;
}

.bloque-texto .location .country:after {
  content: '';
  display: inline-block;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  height: 10px;
  width: 1px;
  background-color: #000;
}

.bloque-texto .location svg {
  margin-right: 1.5rem;
}

.bloque-texto .location .link {
  margin-top: 0;
}

.bloque-texto .projects-map {
  margin-top: 6rem;
}

@media (min-width: 1680px) {
  .bloque-texto .projects-map {
    margin-top: 8rem;
  }
}

.bloque-texto .main-text .list {
  column-count: 1;
  break-inside: avoid-column;
}

.bloque-texto .title {
  margin-bottom: 4rem;
}

@media (min-width: 1024px) {
  .bloque-texto .title {
    margin-bottom: 0;
  }
}

.bloque-texto .title--tag {
  margin-bottom: 4rem;
}

@media (max-width: 679px) {
  .bloque-texto .title--tag {
    margin-bottom: 2rem;
  }
}

.bloque-texto .main-text--columns {
  margin-top: 3rem;
}

@media (min-width: 680px) {
  .bloque-texto .main-text--columns .main-text-paragraph:first-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .bloque-texto .main-text--columns .main-text-paragraph:first-child {
    grid-column: 1 / 7;
  }
}

.bloque-texto .main-text--columns .main-text-paragraph:last-child {
  grid-column: 7 / -1;
}

@media (min-width: 680px) {
  .bloque-texto .main-text--columns .main-text-paragraph:last-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .bloque-texto .main-text--columns .main-text-paragraph:last-child {
    grid-column: 7 / -1;
  }
}

.bloque-texto .list .main-text-paragraph {
  padding-left: 3.5rem;
}

.bloque-texto .link {
  margin-top: 2rem;
}

@media (max-width: 679px) {
  .bloque-texto .link {
    margin-top: 0;
  }
}

.bloque-texto:not(.with-lead-text) .main-text-paragraph {
  grid-column: 1 / -1;
}

.bloque-texto .lead-text-container {
  grid-row: 2 / 3;
  grid-column: 7 / -1;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .bloque-texto .lead-text-container {
    margin-bottom: 0;
  }
}

@media (max-width: 679px) {
  .bloque-texto .title {
    margin: 1rem 0 2rem 0;
  }

  .bloque-texto .lead-text-container {
    margin-bottom: 2rem;
  }

  .bloque-texto .main-text,
  .bloque-texto .list {
    column-count: 1;
  }

  .bloque-texto .main-text .main-text-paragraph,
  .bloque-texto .list .main-text-paragraph {
    margin-bottom: 2rem;
  }
}

@media (min-width: 680px) {
  .bloque-texto .title--tag {
    grid-column: 1 / -1;
  }

  .bloque-texto .title {
    grid-column: 1 / -1;
  }

  .bloque-texto .lead-text-container {
    grid-column: 1 / -1;
  }

  .bloque-texto .lead-small-text {
    grid-column: 1 / -1;
  }

  .bloque-texto .main-text {
    grid-column: 1 / -1;
  }

  .bloque-texto .main-text .main-text-paragraph:not(:last-of-type) {
    margin-bottom: 2em;
  }

  .bloque-texto .module--cta {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .bloque-texto .title {
    grid-column: 1 / 7;
    grid-row: 2 / 4;
  }

  .bloque-texto .list,
  .bloque-texto .main-text {
    grid-row: 2 / 3;
    grid-column: 7 / -1;
  }

  .bloque-texto .module--cta {
    grid-row: 3 / 4;
    grid-column: 7 / -1;
  }

  .bloque-texto.with-lead-text .title {
    grid-row: 2 / 3;
  }

  .bloque-texto.with-lead-text .lead-text-container {
    grid-row: 2 / 3;
    grid-column: 7 / -1;
  }

  .bloque-texto.with-lead-text .main-text {
    grid-row: 3 / 4;
    grid-column: 1 / -1;
  }

  .bloque-texto.with-lead-text .main-text .main-text-paragraph {
    margin: 0;
  }

  .bloque-texto .list {
    display: block;
    column-gap: 7%;
    grid-row: 5 / 5;
    grid-column: 1 / -1;
  }

  .bloque-texto .list-downloads {
    grid-row: 6 / 6;
  }
}

.bloque-texto .main-text--lead {
  grid-row: 4 / 5;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, 1fr);
}

.bloque-texto .main-text--lead .main-text-paragraph {
  grid-column: auto;
  margin-bottom: 0 !important;
}

@media (min-width: 1920px) {
  .title {
    grid-column: 1 / 6;
  }
}

.list {
  display: block;
  column-gap: 7%;
  grid-row: 5 / 5;
  grid-column: 1 / -1;
  margin-top: 3rem;
  break-inside: avoid-column;
}

@media (min-width: 680px) {
  .list {
    margin-top: 4rem;
    column-count: 2;
  }
}

.list li {
  margin-top: 10px;
  position: relative;
}

@media (min-width: 680px) {
  .list li {
    margin-top: 2rem;
  }
}

.list li:first-child {
  margin-top: 0;
}

.list li::before {
  width: 1.5rem;
  height: 1px;
  content: '';
  top: 10px;
  left: 0;
  display: inline-block;
  background-color: red;
  margin-right: 2rem;
  position: absolute;
}

.list.list-ordered {
  list-style-type: decimal-leading-zero;
  color: red;
}

.list.list-ordered span {
  color: #000;
}

.list.list-ordered li.main-text-paragraph {
  margin-left: 2rem;
  padding-left: 1rem;
}

.list.list-ordered li.main-text-paragraph:before {
  display: none;
}

.list.list-downloads li {
  margin-left: 0;
}

.list.list-downloads li:before {
  display: none;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-banners .title--tag {
  grid-column: 1 / -1;
  margin-bottom: 4rem;
}

.module-banners .link {
  margin-top: 2rem;
}

.module-banners .banner-contact {
  margin-top: 2rem;
}

.module-banners .banner-contact a {
  transition: all 0.2s ease-in-out;
}

.module-banners .banner-contact a:hover {
  color: red;
}

.module-banners .banner-contact div {
  margin-bottom: 1rem;
}

.module-banners .banner-contact svg {
  margin-right: 1.5rem;
}

@media (min-width: 1280px) {
  .module-banners .banner-item__content {
    max-width: 300px;
  }
}

@media (min-width: 1680px) {
  .module-banners .banner-item__content {
    max-width: 500px;
  }
}

.module-banners .title--s {
  margin-bottom: 1rem;
}

.module-banners .banner-container {
  position: relative;
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  padding-top: 8rem;
  padding-bottom: 8rem;
  background-color: #fafafa;
}

@media (min-width: 1024px) {
  .module-banners .banner-container {
    flex-direction: row;
  }
}

.module-banners .banner-container::before,
.module-banners .banner-container::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vh;
  background-color: #fafafa;
}

.module-banners .banner-container::before {
  left: -100vh;
}

@media (min-width: 1920px) {
  .module-banners .banner-container::before {
    left: -10vw;
    width: 10vw;
  }
}

.module-banners .banner-container::after {
  right: -100vh;
}

@media (min-width: 1920px) {
  .module-banners .banner-container::after {
    right: -10vw;
    width: 10vw;
  }
}

.module-banners .banner-item {
  margin-bottom: 6rem;
}

@media (min-width: 1024px) {
  .module-banners .banner-item {
    margin-bottom: 0;
    flex-basis: calc(50% - (7% / 2));
  }
}

@media (min-width: 1024px) {
  .module-banners .banner-item:not(:last-child) {
    margin-right: 7%;
  }
}

.module-banners .banner-item:last-child {
  margin-bottom: 0;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-sharesocial-container {
  padding-bottom: 4rem;
  grid-column: 1 / -1;
  display: grid;
}

@media (max-width: 679px) {
  .module-sharesocial-container {
    padding-bottom: 3rem;
  }
}

.module-sharesocial-container a {
  display: inline-flex;
  align-items: center;
}

.module-sharesocial-container a:not(:last-child) {
  margin-right: 4rem;
}

@media (max-width: 679px) {
  .module-sharesocial-container a:not(:last-child) {
    margin-right: 5rem;
  }
}

.module-sharesocial-container .sharesocial-nav {
  display: flex;
  grid-column: 1 / -1;
}

@media (min-width: 680px) {
  .module-sharesocial-container .sharesocial-nav {
    grid-column: 6 / -1;
    justify-content: flex-end;
  }
}

.module-sharesocial-container .sharesocial-nav a svg {
  transition: all 0.3s ease-in-out;
}

.module-sharesocial-container .sharesocial-nav a:hover svg {
  transform: scale(1.5);
}

.module-sharesocial-container .title--s {
  grid-column: 1 / -1;
  margin-bottom: 4rem;
}

@media (max-width: 679px) {
  .module-sharesocial-container .title--s {
    margin-bottom: 3rem;
  }
}

@media (min-width: 680px) {
  .module-sharesocial-container .title--s {
    grid-column: 1 / 6;
    margin-bottom: 0;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

.distribuidor-iconos .title--tag {
  margin-bottom: 4rem;
}

.distribuidor-iconos .frame-cta {
  transition: all 0.3s ease-in-out;
}

.distribuidor-iconos .is-hovered .frame-cta {
  transform: translateX(1rem);
}

.with-slider {
  display: block;
}

.with-slider .slider-controls {
  top: 0 !important;
}

.with-slider .frames-container {
  margin-left: -20px;
  margin-bottom: 3rem;
}

.with-slider .frame {
  width: 100vw;
  grid-row-gap: 0;
}

.with-slider .frame .text {
  max-width: 100%;
}

@media (min-width: 680px) {
  .with-slider .frames-container {
    margin-left: -80px;
  }
}

@media (min-width: 1024px) {
  .with-slider .frames-container {
    margin-left: 0;
    padding-left: 0;
  }
}

.with-slider .frames-container {
  transition: all 320ms ease-in-out;
}

.with-slider .frame {
  transition: all 320ms ease-in-out;
  opacity: 0;
  padding-right: 40px;
  padding-left: 20px;
}

@media (min-width: 680px) {
  .with-slider .frame {
    padding-left: 80px;
    padding-right: 160px;
  }
}

@media (min-width: 1024px) {
  .with-slider .frame {
    width: calc((100vw - 200px) / 3);
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 1280px) {
  .with-slider .frame {
    width: calc((100vw - 20vw) / 3);
  }
}

@media (min-width: 1920px) {
  .with-slider .frame {
    width: calc((1920px - 20vw) / 3);
  }
}

.with-slider .frame .icon {
  margin-bottom: 10px;
}

.with-slider .frame .icon-label {
  margin-bottom: 10px;
}

@media (min-width: 680px) {
  .with-slider .frame .icon-label {
    margin-bottom: 30px;
  }
}

.with-slider .frame .frame-title {
  margin-bottom: 20px;
}

.with-slider .frame .frame-cta {
  margin-top: 20px;
}

.with-slider .frames-container {
  display: flex;
}

@media (min-width: 1680px) {
  .with-slider .frames-container {
    margin-bottom: 80px;
  }
}

.with-slider[data-active-frame='1'] .frame[data-frame-id='1'] {
  opacity: 1;
}

.with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='1'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='1'] .frame[data-frame-id='1'],
  .with-slider[data-active-frame='1'] .frame[data-frame-id='2'],
  .with-slider[data-active-frame='1'] .frame[data-frame-id='3'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='1'] .frame[data-frame-id='1'],
  .with-slider[data-active-frame='1'] .frame[data-frame-id='2'],
  .with-slider[data-active-frame='1'] .frame[data-frame-id='3'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='1'] .frame[data-frame-id='1'],
  .with-slider[data-active-frame='1'] .frame[data-frame-id='2'],
  .with-slider[data-active-frame='1'] .frame[data-frame-id='3'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='2'] .frame[data-frame-id='2'] {
  opacity: 1;
}

.with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='2'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='2'] .frame[data-frame-id='2'],
  .with-slider[data-active-frame='2'] .frame[data-frame-id='3'],
  .with-slider[data-active-frame='2'] .frame[data-frame-id='4'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='2'] .frame[data-frame-id='2'],
  .with-slider[data-active-frame='2'] .frame[data-frame-id='3'],
  .with-slider[data-active-frame='2'] .frame[data-frame-id='4'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='2'] .frame[data-frame-id='2'],
  .with-slider[data-active-frame='2'] .frame[data-frame-id='3'],
  .with-slider[data-active-frame='2'] .frame[data-frame-id='4'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='3'] .frame[data-frame-id='3'] {
  opacity: 1;
}

.with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='3'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='3'] .frame[data-frame-id='3'],
  .with-slider[data-active-frame='3'] .frame[data-frame-id='4'],
  .with-slider[data-active-frame='3'] .frame[data-frame-id='5'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='3'] .frame[data-frame-id='3'],
  .with-slider[data-active-frame='3'] .frame[data-frame-id='4'],
  .with-slider[data-active-frame='3'] .frame[data-frame-id='5'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='3'] .frame[data-frame-id='3'],
  .with-slider[data-active-frame='3'] .frame[data-frame-id='4'],
  .with-slider[data-active-frame='3'] .frame[data-frame-id='5'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='4'] .frame[data-frame-id='4'] {
  opacity: 1;
}

.with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='4'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='4'] .frame[data-frame-id='4'],
  .with-slider[data-active-frame='4'] .frame[data-frame-id='5'],
  .with-slider[data-active-frame='4'] .frame[data-frame-id='6'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='4'] .frame[data-frame-id='4'],
  .with-slider[data-active-frame='4'] .frame[data-frame-id='5'],
  .with-slider[data-active-frame='4'] .frame[data-frame-id='6'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='4'] .frame[data-frame-id='4'],
  .with-slider[data-active-frame='4'] .frame[data-frame-id='5'],
  .with-slider[data-active-frame='4'] .frame[data-frame-id='6'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='5'] .frame[data-frame-id='5'] {
  opacity: 1;
}

.with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='5'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='5'] .frame[data-frame-id='5'],
  .with-slider[data-active-frame='5'] .frame[data-frame-id='6'],
  .with-slider[data-active-frame='5'] .frame[data-frame-id='7'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='5'] .frame[data-frame-id='5'],
  .with-slider[data-active-frame='5'] .frame[data-frame-id='6'],
  .with-slider[data-active-frame='5'] .frame[data-frame-id='7'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='5'] .frame[data-frame-id='5'],
  .with-slider[data-active-frame='5'] .frame[data-frame-id='6'],
  .with-slider[data-active-frame='5'] .frame[data-frame-id='7'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='6'] .frame[data-frame-id='6'] {
  opacity: 1;
}

.with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='6'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='6'] .frame[data-frame-id='6'],
  .with-slider[data-active-frame='6'] .frame[data-frame-id='7'],
  .with-slider[data-active-frame='6'] .frame[data-frame-id='8'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='6'] .frame[data-frame-id='6'],
  .with-slider[data-active-frame='6'] .frame[data-frame-id='7'],
  .with-slider[data-active-frame='6'] .frame[data-frame-id='8'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='6'] .frame[data-frame-id='6'],
  .with-slider[data-active-frame='6'] .frame[data-frame-id='7'],
  .with-slider[data-active-frame='6'] .frame[data-frame-id='8'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='7'] .frame[data-frame-id='7'] {
  opacity: 1;
}

.with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='7'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='7'] .frame[data-frame-id='7'],
  .with-slider[data-active-frame='7'] .frame[data-frame-id='8'],
  .with-slider[data-active-frame='7'] .frame[data-frame-id='9'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='7'] .frame[data-frame-id='7'],
  .with-slider[data-active-frame='7'] .frame[data-frame-id='8'],
  .with-slider[data-active-frame='7'] .frame[data-frame-id='9'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='7'] .frame[data-frame-id='7'],
  .with-slider[data-active-frame='7'] .frame[data-frame-id='8'],
  .with-slider[data-active-frame='7'] .frame[data-frame-id='9'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='8'] .frame[data-frame-id='8'] {
  opacity: 1;
}

.with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='8'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='8'] .frame[data-frame-id='8'],
  .with-slider[data-active-frame='8'] .frame[data-frame-id='9'],
  .with-slider[data-active-frame='8'] .frame[data-frame-id='10'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='8'] .frame[data-frame-id='8'],
  .with-slider[data-active-frame='8'] .frame[data-frame-id='9'],
  .with-slider[data-active-frame='8'] .frame[data-frame-id='10'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='8'] .frame[data-frame-id='8'],
  .with-slider[data-active-frame='8'] .frame[data-frame-id='9'],
  .with-slider[data-active-frame='8'] .frame[data-frame-id='10'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='9'] .frame[data-frame-id='9'] {
  opacity: 1;
}

.with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='9'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='9'] .frame[data-frame-id='9'],
  .with-slider[data-active-frame='9'] .frame[data-frame-id='10'],
  .with-slider[data-active-frame='9'] .frame[data-frame-id='11'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='9'] .frame[data-frame-id='9'],
  .with-slider[data-active-frame='9'] .frame[data-frame-id='10'],
  .with-slider[data-active-frame='9'] .frame[data-frame-id='11'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='9'] .frame[data-frame-id='9'],
  .with-slider[data-active-frame='9'] .frame[data-frame-id='10'],
  .with-slider[data-active-frame='9'] .frame[data-frame-id='11'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='10'] .frame[data-frame-id='10'] {
  opacity: 1;
}

.with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='10'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='10'] .frame[data-frame-id='10'],
  .with-slider[data-active-frame='10'] .frame[data-frame-id='11'],
  .with-slider[data-active-frame='10'] .frame[data-frame-id='12'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='10'] .frame[data-frame-id='10'],
  .with-slider[data-active-frame='10'] .frame[data-frame-id='11'],
  .with-slider[data-active-frame='10'] .frame[data-frame-id='12'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='10'] .frame[data-frame-id='10'],
  .with-slider[data-active-frame='10'] .frame[data-frame-id='11'],
  .with-slider[data-active-frame='10'] .frame[data-frame-id='12'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='11'] .frame[data-frame-id='11'] {
  opacity: 1;
}

.with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='11'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='11'] .frame[data-frame-id='11'],
  .with-slider[data-active-frame='11'] .frame[data-frame-id='12'],
  .with-slider[data-active-frame='11'] .frame[data-frame-id='13'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='11'] .frame[data-frame-id='11'],
  .with-slider[data-active-frame='11'] .frame[data-frame-id='12'],
  .with-slider[data-active-frame='11'] .frame[data-frame-id='13'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='11'] .frame[data-frame-id='11'],
  .with-slider[data-active-frame='11'] .frame[data-frame-id='12'],
  .with-slider[data-active-frame='11'] .frame[data-frame-id='13'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

.with-slider[data-active-frame='12'] .frame[data-frame-id='12'] {
  opacity: 1;
}

.with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .with-slider[data-active-frame='12'] .frame {
    flex-shrink: 0;
  }

  .with-slider[data-active-frame='12'] .frame[data-frame-id='12'],
  .with-slider[data-active-frame='12'] .frame[data-frame-id='13'],
  .with-slider[data-active-frame='12'] .frame[data-frame-id='14'] {
    opacity: 1;
    padding-right: calc((100vw - 200px) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 200px) * (0.07 / 3));
  }
}

@media (min-width: 1280px) {
  .with-slider[data-active-frame='12'] .frame[data-frame-id='12'],
  .with-slider[data-active-frame='12'] .frame[data-frame-id='13'],
  .with-slider[data-active-frame='12'] .frame[data-frame-id='14'] {
    padding-right: calc((100vw - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((100vw - 20vw) * (0.07 / 3));
  }
}

@media (min-width: 1920px) {
  .with-slider[data-active-frame='12'] .frame[data-frame-id='12'],
  .with-slider[data-active-frame='12'] .frame[data-frame-id='13'],
  .with-slider[data-active-frame='12'] .frame[data-frame-id='14'] {
    padding-right: calc((1920px - 20vw) * (0.07 / 3 * 2));
    margin-right: calc((1920px - 20vw) * (0.07 / 3));
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

a {
  text-decoration: none;
  color: #000;
}

html {
  font-size: 62.5%;
}

.uppercase {
  text-transform: uppercase;
}

strong {
  font-weight: 600;
}

.title--tag {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-content: center;
  align-self: flex-start;
  min-height: 2.5rem;
  align-items: center;
}

@media (max-width: 679px) {
  .title--tag {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--tag {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}

.title--tag::before {
  width: 1px;
  content: '';
  display: inline-block;
  margin-right: 14px;
  background-color: red;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
}

.title--xl {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media (min-width: 1024px) {
  .title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 1680px) {
  .title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1920px) {
  .title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

.title--l {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.title--s {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

.title--xs {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.title--xxs {
  font-size: 1.6rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.body--m {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.body--s {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1280px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1680px) {
  .body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.title--small {
  font-size: 1.1rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

.cifras--s {
  font-size: 3rem;
  margin-top: 10px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--s {
    font-size: 4rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.cifras--l {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 680px) {
  .cifras--l {
    font-size: 12rem;
  }

  .cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1280px) {
  .cifras--l {
    font-size: 14rem;
  }

  .cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1680px) {
  .cifras--l {
    font-size: 22rem;
  }

  .cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.body--xs {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9rem;
}

.cifras--m {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--m {
    font-size: 6rem;
  }
}

@media (min-width: 1280px) {
  .cifras--m {
    font-size: 8rem;
  }
}

@media (min-width: 1920px) {
  .cifras--m {
    font-size: 12rem;
  }
}

.title--m {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.cifras--xl {
  font-size: 9rem;
  font-weight: 300;
}

@media (max-width: 679px) {
  .cifras--xl {
    font-size: 8rem;
  }
}

@media (min-width: 680px) {
  .cifras--xl {
    font-size: 14rem;
    line-height: 14rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .cifras--xl {
    font-size: 20rem;
  }
}

@media (min-width: 1280px) {
  .cifras--xl {
    font-size: 25rem;
  }
}

@media (min-width: 1920px) {
  .cifras--xl {
    font-size: 30rem;
  }
}

small {
  font-size: 0.5em;
}

@media screen and (min-width: 680px) {
  .xs-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xs-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xs-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xs-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--l {
    font-size: 12rem;
  }

  .xs-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--l {
    font-size: 14rem;
  }

  .xs-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-cifras--l {
    font-size: 22rem;
  }

  .xs-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .s-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .s-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .s-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--l {
    font-size: 12rem;
  }

  .s-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--l {
    font-size: 14rem;
  }

  .s-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-cifras--l {
    font-size: 22rem;
  }

  .s-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .m-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .m-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .m-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--l {
    font-size: 12rem;
  }

  .m-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--l {
    font-size: 14rem;
  }

  .m-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-cifras--l {
    font-size: 22rem;
  }

  .m-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .l-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .l-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .l-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--l {
    font-size: 12rem;
  }

  .l-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--l {
    font-size: 14rem;
  }

  .l-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-cifras--l {
    font-size: 22rem;
  }

  .l-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xl-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xl-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xl-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--l {
    font-size: 12rem;
  }

  .xl-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--l {
    font-size: 14rem;
  }

  .xl-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-cifras--l {
    font-size: 22rem;
  }

  .xl-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.link,
.btn-cta {
  font-size: 1.1rem;
  line-height: 2rem;
  min-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1680px) {
  .link,
  .btn-cta {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.taglabel {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.9rem;
  display: inline-flex;
  align-items: center;
}

.taglabel svg {
  margin-right: 0.5rem;
}

@media (min-width: 1680px) {
  .taglabel {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.download-link {
  position: relative;
}

.download-link svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.link--icon .cta-single {
  margin-left: 0;
}

.link--icon svg {
  transform: translateX(0) translateY(4px);
  margin-left: 1rem;
  transition: all 0.3s ease-in-out;
}

.link--icon:hover svg {
  transform: translateX(5px) translateY(4px);
}

.link--icon.link--lightbox svg {
  transform: translateX(0) translateY(2px);
}

.link--icon.link--lightbox:hover svg {
  transform: translateX(5px) translateY(2px);
}

.link--back {
  font-size: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .link--back {
    display: inline-flex;
  }
}

.link--back svg {
  transform: rotate(180deg) translateX(10px) translateY(1px);
}

.link--back:hover svg {
  transform: rotate(180deg) translateX(15px) translateY(1px);
}

.link--subscribe {
  font-size: 1rem;
}

.link--subscribe svg {
  transform: translateX(-10px) translateY(0);
}

.link--subscribe:hover svg {
  transform: translateX(-15px) translateY(0);
}

.link--download {
  position: relative;
  padding-left: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.link--download svg {
  position: absolute;
  left: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.link--download .link--download-type {
  flex-basis: 100%;
}

.link--download a,
.link--download a {
  flex-direction: column;
  align-items: flex-start;
}

.link--download span {
  transition: all 0.3s ease-in-out;
  transform: translateX(0) translateY(4px);
}

.link--download:hover span,
.link--download a:hover span {
  transform: translateX(0) translateY(4px);
}

.link--download:hover svg,
.link--download a:hover svg {
  transform: translateX(0) translateY(8px);
}

.link--download .link--download-type {
  color: #4c4c4c;
  font-weight: 400;
}

.btn-cta {
  background-color: red;
  height: 5rem;
  border-radius: 25px;
  display: inline-flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn-cta:hover {
  background-color: #d50000;
}

@media (max-width: 679px) {
  .btn-cta {
    height: 6rem;
    border-radius: 3rem;
    margin-right: 6rem;
    width: calc(100% - 20px);
  }
}

@media (min-width: 680px) {
  .btn-cta {
    max-width: 325px;
    width: auto;
    padding: 0 40px;
  }
}

.align-center {
  text-align: center;
}

@media (min-width: 680px) {
  .link.mobile-visible,
  .mobile-visible.btn-cta {
    display: none;
  }
}

@media (max-width: 679px) {
  .link.mobile-hidden,
  .mobile-hidden.btn-cta {
    display: none;
  }
}

.link--white {
  position: relative;
}

.link--white::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.link--white:hover::after {
  right: 100%;
  width: 0;
}

.link--red {
  color: red;
  position: relative;
}

.link--red::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--red:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: red;
}

.link--black {
  color: #000;
  position: relative;
}

.link--black::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--black:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: #000;
}

@keyframes stickyTop {
  0% {
    position: sticky;
    top: -200px;
  }

  100% {
    top: 0;
  }
}

.is-sticky {
  background: #fff;
  animation-name: stickyTop;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  position: sticky;
}

.breadcrumbs {
  position: relative;
  padding-top: 4rem;
}

.breadcrumbs .input-wrapper {
  display: flex;
  margin-bottom: 4rem;
}

@media (min-width: 1024px) {
  .breadcrumbs .input-wrapper {
    justify-content: flex-end;
  }
}

.breadcrumbs .search-btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 4px;
  background: none;
}

.breadcrumbs .search-btn svg path {
  transition: all 0.3s ease-in-out;
}

.breadcrumbs .search-btn:hover svg path {
  fill: red;
}

.breadcrumbs .input-btn {
  display: flex;
  position: relative;
  transform: translateY(50px);
}

.breadcrumbs.module {
  padding-bottom: 5rem;
}

@media (min-width: 680px) {
  .breadcrumbs.module {
    padding-bottom: 8rem;
  }
}

@media (min-width: 1680px) {
  .breadcrumbs.module {
    padding-bottom: 12rem;
  }
}

.breadcrumbs.module:first-child {
  margin-bottom: 0;
}

.breadcrumbs .intro {
  margin-top: 3rem;
}

.breadcrumbs .intro .icon-equipo {
  margin-left: 10px;
  display: inline-block;
  transform: translateY(2px);
}

@media (min-width: 1280px) {
  .breadcrumbs .intro {
    grid-column: 1 / 9;
    margin-top: 6rem;
  }
}

.breadcrumbs .breadcrumbs__nav {
  display: flex;
  justify-content: space-between;
}

.breadcrumbs .breadcrumbs__nav .taglabel {
  font-size: 1rem;
}

.breadcrumbs .header-cta__subheader {
  margin-right: 10%;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .breadcrumbs .header-cta__subheader {
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 680px) {
  .breadcrumbs {
    margin-top: 8rem;
  }
}

@media (min-width: 1024px) {
  .breadcrumbs {
    margin-top: 6rem;
  }
}

@media (min-width: 1280px) {
  .breadcrumbs {
    margin-top: 8rem;
  }
}

@media (min-width: 1680px) {
  .breadcrumbs {
    margin-top: 10rem;
  }
}

@media (min-width: 1920px) {
  .breadcrumbs {
    margin-top: 12rem;
  }
}

.breadcrumbs .breadcrumbs__container {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-column: 1 / -1;
  padding-left: 2rem;
  width: 100%;
}

.breadcrumbs .breadcrumbs__container::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 9px;
  left: 0;
  width: 1px;
  background-color: red;
}

@media (max-width: 679px) {
  .breadcrumbs .breadcrumbs__container::before {
    bottom: 4px;
  }
}

@media (min-width: 1680px) {
  .breadcrumbs {
    margin-bottom: 200px;
  }
}

.breadcrumbs .breadcrumbs__nav .taglabel {
  color: #000;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.breadcrumbs .breadcrumbs__nav .taglabel:not(:last-child)::after {
  content: '/';
  display: inline-block;
  margin-right: 1rem;
  margin-left: 1rem;
}

.breadcrumbs .breadcrumbs__nav .taglabel:hover {
  color: red;
}

.breadcrumbs .breadcrumbs__nav .taglabel:hover::after {
  color: #000;
}

.breadcrumbs .title--s {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
}

.breadcrumbs.breadcrumbs--fixed {
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .breadcrumbs.breadcrumbs--fixed {
    padding-bottom: 0;
  }
}

.breadcrumbs.breadcrumbs--fixed .btn-cta {
  margin-top: 4rem;
  min-width: 230px;
  padding: 0 5rem;
  transition: all 0.3s ease-in-out;
}

.breadcrumbs.breadcrumbs--fixed .btn-cta:hover {
  background-color: #d50000;
}

@media (min-width: 680px) {
  .breadcrumbs.breadcrumbs--fixed .btn-cta {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .breadcrumbs.breadcrumbs--fixed .btn-cta {
    margin-top: 0;
  }
}

.breadcrumbs.breadcrumbs--fixed .header-cta {
  transition: 0.5s margin-top ease-in-out;
}

.breadcrumbs.breadcrumbs--fixed.anchors-fixed .anchors .taglabel {
  display: none;
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer {
  display: none;
  margin: 0;
  top: -200px;
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed {
  position: relative;
  z-index: 150;
  display: block;
  max-width: 100%;
  background-color: #fff;
  top: 0;
  padding-top: 28px;
  padding-bottom: 28px;
  position: sticky;
}

@media (min-width: 680px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .btn-cta {
    transform: translateY(-15px);
  }
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
  .breadcrumbs__container {
  padding-left: 0;
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
  .anchors
  .taglabel {
  display: inline-flex;
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed.anchors-fixed
  .header-cta__subheader {
  margin-right: 2rem;
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed.anchors-fixed {
    overflow-x: auto;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed.anchors-fixed
    .header-cta {
    flex-direction: row;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed.anchors-fixed
    .header-cta
    .btn-cta {
    width: auto;
    height: 8rem;
  }
}

@media (min-width: 680px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
    .progress-bar {
    height: 3px;
    background-color: red;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
    .progress-bar {
    bottom: auto;
    top: 0;
  }
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .anchors {
  display: flex;
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
  .anchors
  .btn-cta {
  margin-left: auto;
}

@media (min-width: 1024px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
    .anchors
    .btn-cta {
    margin-left: 0;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
    .anchors
    a {
    min-width: auto;
  }
}

@media (min-width: 1024px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .anchors {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
  }
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .anchors a {
  margin-right: 6%;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 1280px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
    .anchors
    a {
    margin-right: 6rem;
  }
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
  .anchors
  a:hover {
  color: red;
}

@media (min-width: 1024px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed::after {
    height: 1px;
    background-color: #d8d8d8;
    position: absolute;
    bottom: 0;
    left: -100vw;
    right: -100vw;
    content: '';
  }
}

@media (min-width: 1024px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
    .anchors--mobile {
    display: none;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed {
    border-top: transparent;
  }

  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed::before {
    top: 0;
    content: '';
    position: absolute;
    background-color: #d8d8d8;
  }
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
  .header-cta
  .job-subheader {
  margin-top: 1.5rem;
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
  .header-cta__subheader {
  margin-bottom: 0;
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .title--m {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .title--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .title--m {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .title--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .title--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .title--m {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@keyframes drawer-in {
  0% {
    bottom: -100px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes drawer-out {
  0% {
    bottom: 0;
  }

  100% {
    bottom: -100;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed {
    position: sticky;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed {
    position: sticky;
    top: 0;
    animation-name: drawer-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    margin-bottom: 0;
    border-bottom: 1px solid #d8d8d8;
    z-index: 101;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed.is-done {
    position: sticky;
    top: -100px;
    animation-name: drawer-out;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    top: auto;
    margin-bottom: 0;
    z-index: 101;
  }
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .btn-cta {
  margin-top: 0;
  min-width: 160px;
  flex-shrink: 0;
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .btn-cta {
    border-radius: 0;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
    .header-cta__subheader {
    display: none;
  }
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
  .breadcrumbs__container::before,
.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed
  .breadcrumbs__nav {
  display: none;
}

.breadcrumbs.breadcrumbs--fixed.breadcrumbs--fixed-footer.is-fixed .header-cta {
  margin-top: 0;
}

.breadcrumbs.breadcrumbs--fixed .header-cta {
  display: flex;
  justify-content: space-between;
  margin-top: 4.5rem;
  flex-direction: column;
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed .header-cta {
    margin-top: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .breadcrumbs.breadcrumbs--fixed .header-cta {
    flex-direction: row;
    align-items: center;
  }
}

.breadcrumbs.breadcrumbs--fixed .header-cta .job-subheader {
  display: flex;
  margin-top: 2rem;
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed .header-cta .job-subheader {
    flex-wrap: wrap;
  }
}

.breadcrumbs.breadcrumbs--fixed .header-cta .taglabel {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed .header-cta .taglabel:nth-child(2n)::after {
    display: none;
  }
}

@media (max-width: 679px) {
  .breadcrumbs.breadcrumbs--fixed .header-cta .taglabel:last-child {
    flex-basis: 100%;
  }
}

.breadcrumbs.breadcrumbs--fixed .header-cta .taglabel svg {
  margin-right: 0.8rem;
}

.breadcrumbs.breadcrumbs--fixed .header-cta .taglabel a {
  color: red;
}

.template-detalle-noticia .header-cta,
.template-detalle-empleo .header-cta {
  display: flex;
  justify-content: space-between;
  margin-top: 4.5rem;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 679px) {
  .template-detalle-noticia .header-cta,
  .template-detalle-empleo .header-cta {
    margin-top: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .template-detalle-noticia .header-cta,
  .template-detalle-empleo .header-cta {
    flex-direction: row;
    align-items: center;
  }
}

.template-detalle-noticia .header-cta .job-subheader,
.template-detalle-empleo .header-cta .job-subheader {
  display: flex;
  margin-top: 2rem;
}

@media (max-width: 679px) {
  .template-detalle-noticia .header-cta .job-subheader,
  .template-detalle-empleo .header-cta .job-subheader {
    flex-wrap: wrap;
  }
}

.template-detalle-noticia .job-subheader .taglabel,
.template-detalle-empleo .job-subheader .taglabel {
  display: inline-flex;
  align-items: center;
}

.template-detalle-noticia .job-subheader .taglabel:not(:last-child)::after,
.template-detalle-empleo .job-subheader .taglabel:not(:last-child)::after {
  content: '';
  display: inline-block;
  height: 10px;
  width: 1px;
  background-color: #d8d8d8;
  margin-right: 1rem;
  margin-left: 1rem;
}

@media (max-width: 679px) {
  .template-detalle-noticia .job-subheader .taglabel:nth-child(2n)::after,
  .template-detalle-empleo .job-subheader .taglabel:nth-child(2n)::after {
    display: none;
  }
}

@media (max-width: 679px) {
  .template-detalle-noticia .job-subheader .taglabel:last-child,
  .template-detalle-empleo .job-subheader .taglabel:last-child {
    flex-basis: 100%;
  }
}

.template-detalle-noticia .job-subheader .taglabel svg,
.template-detalle-empleo .job-subheader .taglabel svg {
  margin-right: 0.8rem;
}

.template-detalle-noticia .job-subheader .taglabel a,
.template-detalle-empleo .job-subheader .taglabel a {
  color: red;
}

.template-detalle-noticia .breadcrumbs,
.template-detalle-empleo .breadcrumbs {
  margin-top: 4rem;
}

.template-detalle-noticia .breadcrumbs.module,
.template-detalle-empleo .breadcrumbs.module {
  margin-bottom: 5rem;
}

@media (min-width: 680px) {
  .template-detalle-noticia .breadcrumbs.module,
  .template-detalle-empleo .breadcrumbs.module {
    margin-bottom: 8rem;
  }
}

@media (min-width: 1680px) {
  .template-detalle-noticia .breadcrumbs.module,
  .template-detalle-empleo .breadcrumbs.module {
    margin-bottom: 12rem;
  }
}

.template-detalle-noticia .breadcrumbs .intro,
.template-detalle-empleo .breadcrumbs .intro {
  margin-top: 3rem;
}

@media (min-width: 1280px) {
  .template-detalle-noticia .breadcrumbs .intro,
  .template-detalle-empleo .breadcrumbs .intro {
    grid-column: 1 / 9;
    margin-top: 6rem;
  }
}

.template-detalle-noticia .breadcrumbs .breadcrumbs__nav,
.template-detalle-empleo .breadcrumbs .breadcrumbs__nav {
  display: flex;
  justify-content: space-between;
}

.template-detalle-noticia .breadcrumbs .breadcrumbs__nav .taglabel,
.template-detalle-empleo .breadcrumbs .breadcrumbs__nav .taglabel {
  font-size: 1rem;
}

.template-detalle-noticia .breadcrumbs .header-cta__subheader,
.template-detalle-empleo .breadcrumbs .header-cta__subheader {
  margin-right: 10%;
  margin-bottom: 2rem;
}

@media (min-width: 680px) {
  .template-detalle-noticia .breadcrumbs,
  .template-detalle-empleo .breadcrumbs {
    margin-top: 8rem;
  }
}

@media (min-width: 1024px) {
  .template-detalle-noticia .breadcrumbs,
  .template-detalle-empleo .breadcrumbs {
    margin-top: 6rem;
  }
}

@media (min-width: 1280px) {
  .template-detalle-noticia .breadcrumbs,
  .template-detalle-empleo .breadcrumbs {
    margin-top: 8rem;
  }
}

@media (min-width: 1680px) {
  .template-detalle-noticia .breadcrumbs,
  .template-detalle-empleo .breadcrumbs {
    margin-top: 10rem;
  }
}

@media (min-width: 1920px) {
  .template-detalle-noticia .breadcrumbs,
  .template-detalle-empleo .breadcrumbs {
    margin-top: 12rem;
  }
}

.template-detalle-noticia .breadcrumbs .breadcrumbs__container,
.template-detalle-empleo .breadcrumbs .breadcrumbs__container {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-column: 1 / -1;
  padding-left: 2rem;
}

.template-detalle-noticia .breadcrumbs .breadcrumbs__container::before,
.template-detalle-empleo .breadcrumbs .breadcrumbs__container::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 9px;
  left: 0;
  width: 1px;
  background-color: red;
}

@media (max-width: 679px) {
  .template-detalle-noticia .breadcrumbs .breadcrumbs__container::before,
  .template-detalle-empleo .breadcrumbs .breadcrumbs__container::before {
    bottom: 4px;
  }
}

@media (min-width: 1680px) {
  .template-detalle-noticia .breadcrumbs,
  .template-detalle-empleo .breadcrumbs {
    margin-bottom: 200px;
  }
}

.template-detalle-noticia .breadcrumbs .breadcrumbs__nav .taglabel,
.template-detalle-empleo .breadcrumbs .breadcrumbs__nav .taglabel {
  color: #000;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.template-detalle-noticia
  .breadcrumbs
  .breadcrumbs__nav
  .taglabel:not(:last-child)::after,
.template-detalle-empleo
  .breadcrumbs
  .breadcrumbs__nav
  .taglabel:not(:last-child)::after {
  content: '/';
  display: inline-block;
  margin-right: 1rem;
  margin-left: 1rem;
}

.template-detalle-noticia .breadcrumbs .breadcrumbs__nav .taglabel:hover,
.template-detalle-empleo .breadcrumbs .breadcrumbs__nav .taglabel:hover {
  color: red;
}

.template-detalle-noticia .breadcrumbs .breadcrumbs__nav .taglabel:hover::after,
.template-detalle-empleo .breadcrumbs .breadcrumbs__nav .taglabel:hover::after {
  color: #000;
}

.template-detalle-noticia .breadcrumbs .title--s,
.template-detalle-empleo .breadcrumbs .title--s {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed {
  margin-bottom: 60px;
}

@media (min-width: 1024px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed {
    margin-bottom: 100px;
  }
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed .btn-cta,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed .btn-cta {
  margin-top: 4rem;
}

@media (min-width: 1024px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed .btn-cta,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed .btn-cta {
    margin-top: 0;
  }
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed .header-cta,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed .header-cta {
  transition: 0.5s margin-top ease-in-out;
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed {
  position: relative;
  z-index: 10;
  max-width: 100%;
  background-color: #fff;
  top: 0;
  padding-top: 28px;
  padding-bottom: 28px;
  position: sticky;
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed::after,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed::after {
  height: 1px;
  background-color: #d8d8d8;
  position: absolute;
  bottom: 0;
  left: -100vw;
  right: -100vw;
  content: '';
}

@media (min-width: 680px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m {
    display: none;
  }
}

@media (min-width: 1024px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m {
    display: inline-block;
  }
}

.template-detalle-noticia
  .breadcrumbs.breadcrumbs--fixed.is-fixed
  .header-cta
  .job-subheader,
.template-detalle-empleo
  .breadcrumbs.breadcrumbs--fixed.is-fixed
  .header-cta
  .job-subheader {
  margin-top: 1.5rem;
}

.template-detalle-noticia
  .breadcrumbs.breadcrumbs--fixed.is-fixed
  .header-cta__subheader,
.template-detalle-empleo
  .breadcrumbs.breadcrumbs--fixed.is-fixed
  .header-cta__subheader {
  margin-bottom: 0;
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .title--m {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@keyframes drawer-in {
  0% {
    bottom: -100px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes drawer-out {
  0% {
    bottom: 0;
  }

  100% {
    bottom: -100;
  }
}

@media (min-width: 1024px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed {
    position: sticky;
  }
}

@media screen and (max-width: 1023px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed {
    position: fixed;
    bottom: 0;
    animation-name: drawer-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    top: auto;
    margin-bottom: 0;
    border-top: 1px solid #d8d8d8;
    z-index: 101;
  }
}

@media screen and (max-width: 1023px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed.is-done,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed.is-done {
    position: fixed;
    bottom: -100px;
    animation-name: drawer-out;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    top: auto;
    margin-bottom: 0;
    z-index: 101;
  }
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .btn-cta,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .btn-cta {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .template-detalle-noticia
    .breadcrumbs.breadcrumbs--fixed.is-fixed
    .header-cta__subheader,
  .template-detalle-empleo
    .breadcrumbs.breadcrumbs--fixed.is-fixed
    .header-cta__subheader {
    display: none;
  }
}

.template-detalle-noticia
  .breadcrumbs.breadcrumbs--fixed.is-fixed
  .breadcrumbs__container::before,
.template-detalle-noticia
  .breadcrumbs.breadcrumbs--fixed.is-fixed
  .breadcrumbs__nav,
.template-detalle-empleo
  .breadcrumbs.breadcrumbs--fixed.is-fixed
  .breadcrumbs__container::before,
.template-detalle-empleo
  .breadcrumbs.breadcrumbs--fixed.is-fixed
  .breadcrumbs__nav {
  display: none;
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed.is-fixed .header-cta,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed.is-fixed .header-cta {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .template-detalle-noticia
    .breadcrumbs.breadcrumbs--fixed.is-fixed
    .header-cta,
  .template-detalle-empleo
    .breadcrumbs.breadcrumbs--fixed.is-fixed
    .header-cta {
    text-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 1023px) {
  .template-detalle-noticia
    .breadcrumbs.breadcrumbs--fixed.is-fixed
    .header-cta
    .btn-cta,
  .template-detalle-empleo
    .breadcrumbs.breadcrumbs--fixed.is-fixed
    .header-cta
    .btn-cta {
    width: 100%;
    margin-right: 0;
  }
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed .header-cta,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed .header-cta {
  display: flex;
  justify-content: space-between;
  margin-top: 4.5rem;
  flex-direction: column;
}

@media (max-width: 679px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed .header-cta,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed .header-cta {
    margin-top: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .template-detalle-noticia .breadcrumbs.breadcrumbs--fixed .header-cta,
  .template-detalle-empleo .breadcrumbs.breadcrumbs--fixed .header-cta {
    flex-direction: row;
    align-items: center;
  }
}

.template-detalle-noticia
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .job-subheader,
.template-detalle-empleo
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .job-subheader {
  display: flex;
  margin-top: 2rem;
}

@media (max-width: 679px) {
  .template-detalle-noticia
    .breadcrumbs.breadcrumbs--fixed
    .header-cta
    .job-subheader,
  .template-detalle-empleo
    .breadcrumbs.breadcrumbs--fixed
    .header-cta
    .job-subheader {
    flex-wrap: wrap;
  }
}

.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed .header-cta .taglabel,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed .header-cta .taglabel {
  display: inline-flex;
  align-items: center;
}

.template-detalle-noticia
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .taglabel:not(:last-child)::after,
.template-detalle-empleo
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .taglabel:not(:last-child)::after {
  content: '';
  display: inline-block;
  height: 10px;
  width: 1px;
  background-color: #d8d8d8;
  margin-right: 1rem;
  margin-left: 1rem;
}

@media (max-width: 679px) {
  .template-detalle-noticia
    .breadcrumbs.breadcrumbs--fixed
    .header-cta
    .taglabel:nth-child(2n)::after,
  .template-detalle-empleo
    .breadcrumbs.breadcrumbs--fixed
    .header-cta
    .taglabel:nth-child(2n)::after {
    display: none;
  }
}

@media (max-width: 679px) {
  .template-detalle-noticia
    .breadcrumbs.breadcrumbs--fixed
    .header-cta
    .taglabel:last-child,
  .template-detalle-empleo
    .breadcrumbs.breadcrumbs--fixed
    .header-cta
    .taglabel:last-child {
    flex-basis: 100%;
  }
}

.template-detalle-noticia
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .taglabel
  svg,
.template-detalle-empleo
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .taglabel
  svg {
  margin-right: 0.8rem;
}

.template-detalle-noticia
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .taglabel
  a,
.template-detalle-empleo
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .taglabel
  a {
  color: red;
  transition: all 0.3s ease-in-out;
}

.template-detalle-noticia
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .taglabel
  a:hover,
.template-detalle-empleo
  .breadcrumbs.breadcrumbs--fixed
  .header-cta
  .taglabel
  a:hover {
  color: #d50000;
}

@media (min-width: 1024px) {
  .template-detalle-noticia .header-cta__subheader .title--m {
    max-width: 70%;
  }
}

.template-detalle-persona .breadcrumbs {
  margin-bottom: 6rem !important;
}

@media (min-width: 1024px) {
  .template-detalle-persona .breadcrumbs {
    margin-bottom: 8rem !important;
  }
}

.template-detalle-noticia .breadcrumbs .title--m {
  text-transform: inherit;
}

.template-ancho-completo .module.breadcrumbs {
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 680px) {
  .template-ancho-completo .module.breadcrumbs {
    margin-top: 60px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .template-ancho-completo .module.breadcrumbs {
    margin-top: 40px;
    padding-bottom: 60px;
  }
}

@media (min-width: 1280px) {
  .template-ancho-completo .module.breadcrumbs {
    margin-top: 60px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1680px) {
  .template-ancho-completo .module.breadcrumbs {
    margin-top: 100px;
    padding-bottom: 120px;
  }
}

.template-ancho-completo-imagen .module:first-child {
  margin-bottom: 0;
}

.template-ancho-completo-imagen .module.breadcrumbs {
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 680px) {
  .template-ancho-completo-imagen .module.breadcrumbs {
    margin-top: 60px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .template-ancho-completo-imagen .module.breadcrumbs {
    margin-top: 40px;
    padding-bottom: 60px;
  }
}

@media (min-width: 1280px) {
  .template-ancho-completo-imagen .module.breadcrumbs {
    margin-top: 60px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1680px) {
  .template-ancho-completo-imagen .module.breadcrumbs {
    margin-top: 100px;
    padding-bottom: 120px;
  }
}

.template-imagen-path .module:first-child {
  margin-bottom: 0;
}

.template-imagen-path .module.breadcrumbs {
  padding-top: 0;
  margin-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 680px) {
  .template-imagen-path .module.breadcrumbs {
    margin-top: 60px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .template-imagen-path .module.breadcrumbs {
    margin-top: 40px;
    padding-bottom: 60px;
  }
}

@media (min-width: 1280px) {
  .template-imagen-path .module.breadcrumbs {
    margin-top: 60px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1680px) {
  .template-imagen-path .module.breadcrumbs {
    margin-top: 100px;
    padding-bottom: 120px;
  }
}

.template-detalle-empleo .module.breadcrumbs,
.template-detalle-empleo .breadcrumbs.breadcrumbs--fixed,
.template-detalle-noticia .module.breadcrumbs,
.template-detalle-noticia .breadcrumbs.breadcrumbs--fixed,
.template-detalle-persona .module.breadcrumbs,
.template-detalle-persona .breadcrumbs.breadcrumbs--fixed {
  padding-bottom: 0;
}

.template-detalle-noticia .breadcrumbs .header-cta__subheader {
  margin-bottom: 0;
}

.template-detalle-noticia .header-cta .job-subheader {
  flex-wrap: nowrap;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

a {
  text-decoration: none;
  color: #000;
}

html {
  font-size: 62.5%;
}

.uppercase {
  text-transform: uppercase;
}

strong {
  font-weight: 600;
}

.title--tag {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-content: center;
  align-self: flex-start;
  min-height: 2.5rem;
  align-items: center;
}

@media (max-width: 679px) {
  .title--tag {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--tag {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}

.title--tag::before {
  width: 1px;
  content: '';
  display: inline-block;
  margin-right: 14px;
  background-color: red;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
}

.title--xl {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media (min-width: 1024px) {
  .title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 1680px) {
  .title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1920px) {
  .title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

.title--l {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.title--s {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

.title--xs {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.title--xxs {
  font-size: 1.6rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.body--m {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.body--s {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1280px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1680px) {
  .body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.title--small {
  font-size: 1.1rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

.cifras--s {
  font-size: 3rem;
  margin-top: 10px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--s {
    font-size: 4rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.cifras--l {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 680px) {
  .cifras--l {
    font-size: 12rem;
  }

  .cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1280px) {
  .cifras--l {
    font-size: 14rem;
  }

  .cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1680px) {
  .cifras--l {
    font-size: 22rem;
  }

  .cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.body--xs {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9rem;
}

.cifras--m {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--m {
    font-size: 6rem;
  }
}

@media (min-width: 1280px) {
  .cifras--m {
    font-size: 8rem;
  }
}

@media (min-width: 1920px) {
  .cifras--m {
    font-size: 12rem;
  }
}

.title--m {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.cifras--xl {
  font-size: 9rem;
  font-weight: 300;
}

@media (max-width: 679px) {
  .cifras--xl {
    font-size: 8rem;
  }
}

@media (min-width: 680px) {
  .cifras--xl {
    font-size: 14rem;
    line-height: 14rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .cifras--xl {
    font-size: 20rem;
  }
}

@media (min-width: 1280px) {
  .cifras--xl {
    font-size: 25rem;
  }
}

@media (min-width: 1920px) {
  .cifras--xl {
    font-size: 30rem;
  }
}

small {
  font-size: 0.5em;
}

@media screen and (min-width: 680px) {
  .xs-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xs-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xs-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xs-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--l {
    font-size: 12rem;
  }

  .xs-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--l {
    font-size: 14rem;
  }

  .xs-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-cifras--l {
    font-size: 22rem;
  }

  .xs-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .s-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .s-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .s-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--l {
    font-size: 12rem;
  }

  .s-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--l {
    font-size: 14rem;
  }

  .s-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-cifras--l {
    font-size: 22rem;
  }

  .s-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .m-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .m-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .m-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--l {
    font-size: 12rem;
  }

  .m-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--l {
    font-size: 14rem;
  }

  .m-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-cifras--l {
    font-size: 22rem;
  }

  .m-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .l-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .l-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .l-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--l {
    font-size: 12rem;
  }

  .l-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--l {
    font-size: 14rem;
  }

  .l-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-cifras--l {
    font-size: 22rem;
  }

  .l-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xl-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xl-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xl-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--l {
    font-size: 12rem;
  }

  .xl-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--l {
    font-size: 14rem;
  }

  .xl-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-cifras--l {
    font-size: 22rem;
  }

  .xl-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.link,
.btn-cta {
  font-size: 1.1rem;
  line-height: 2rem;
  min-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1680px) {
  .link,
  .btn-cta {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.taglabel {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.9rem;
  display: inline-flex;
  align-items: center;
}

.taglabel svg {
  margin-right: 0.5rem;
}

@media (min-width: 1680px) {
  .taglabel {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.download-link {
  position: relative;
}

.download-link svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.link--icon .cta-single {
  margin-left: 0;
}

.link--icon svg {
  transform: translateX(0) translateY(4px);
  margin-left: 1rem;
  transition: all 0.3s ease-in-out;
}

.link--icon:hover svg {
  transform: translateX(5px) translateY(4px);
}

.link--icon.link--lightbox svg {
  transform: translateX(0) translateY(2px);
}

.link--icon.link--lightbox:hover svg {
  transform: translateX(5px) translateY(2px);
}

.link--back {
  font-size: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .link--back {
    display: inline-flex;
  }
}

.link--back svg {
  transform: rotate(180deg) translateX(10px) translateY(1px);
}

.link--back:hover svg {
  transform: rotate(180deg) translateX(15px) translateY(1px);
}

.link--subscribe {
  font-size: 1rem;
}

.link--subscribe svg {
  transform: translateX(-10px) translateY(0);
}

.link--subscribe:hover svg {
  transform: translateX(-15px) translateY(0);
}

.link--download {
  position: relative;
  padding-left: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.link--download svg {
  position: absolute;
  left: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.link--download .link--download-type {
  flex-basis: 100%;
}

.link--download a,
.link--download a {
  flex-direction: column;
  align-items: flex-start;
}

.link--download span {
  transition: all 0.3s ease-in-out;
  transform: translateX(0) translateY(4px);
}

.link--download:hover span,
.link--download a:hover span {
  transform: translateX(0) translateY(4px);
}

.link--download:hover svg,
.link--download a:hover svg {
  transform: translateX(0) translateY(8px);
}

.link--download .link--download-type {
  color: #4c4c4c;
  font-weight: 400;
}

.btn-cta {
  background-color: red;
  height: 5rem;
  border-radius: 25px;
  display: inline-flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn-cta:hover {
  background-color: #d50000;
}

@media (max-width: 679px) {
  .btn-cta {
    height: 6rem;
    border-radius: 3rem;
    margin-right: 6rem;
    width: calc(100% - 20px);
  }
}

@media (min-width: 680px) {
  .btn-cta {
    max-width: 325px;
    width: auto;
    padding: 0 40px;
  }
}

.align-center {
  text-align: center;
}

@media (min-width: 680px) {
  .link.mobile-visible,
  .mobile-visible.btn-cta {
    display: none;
  }
}

@media (max-width: 679px) {
  .link.mobile-hidden,
  .mobile-hidden.btn-cta {
    display: none;
  }
}

.link--white {
  position: relative;
}

.link--white::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.link--white:hover::after {
  right: 100%;
  width: 0;
}

.link--red {
  color: red;
  position: relative;
}

.link--red::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--red:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: red;
}

.link--black {
  color: #000;
  position: relative;
}

.link--black::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--black:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: #000;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

a {
  text-decoration: none;
  color: #000;
}

html {
  font-size: 62.5%;
}

.uppercase {
  text-transform: uppercase;
}

strong {
  font-weight: 600;
}

.title--tag {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-content: center;
  align-self: flex-start;
  min-height: 2.5rem;
  align-items: center;
}

@media (max-width: 679px) {
  .title--tag {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--tag {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}

.title--tag::before {
  width: 1px;
  content: '';
  display: inline-block;
  margin-right: 14px;
  background-color: red;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
}

.title--xl {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media (min-width: 1024px) {
  .title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 1680px) {
  .title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1920px) {
  .title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

.title--l {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.title--s {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

.title--xs {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.title--xxs {
  font-size: 1.6rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.body--m {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.body--s {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1280px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1680px) {
  .body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.title--small {
  font-size: 1.1rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

.cifras--s {
  font-size: 3rem;
  margin-top: 10px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--s {
    font-size: 4rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.cifras--l {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 680px) {
  .cifras--l {
    font-size: 12rem;
  }

  .cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1280px) {
  .cifras--l {
    font-size: 14rem;
  }

  .cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1680px) {
  .cifras--l {
    font-size: 22rem;
  }

  .cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.body--xs {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9rem;
}

.cifras--m {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--m {
    font-size: 6rem;
  }
}

@media (min-width: 1280px) {
  .cifras--m {
    font-size: 8rem;
  }
}

@media (min-width: 1920px) {
  .cifras--m {
    font-size: 12rem;
  }
}

.title--m {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.cifras--xl {
  font-size: 9rem;
  font-weight: 300;
}

@media (max-width: 679px) {
  .cifras--xl {
    font-size: 8rem;
  }
}

@media (min-width: 680px) {
  .cifras--xl {
    font-size: 14rem;
    line-height: 14rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .cifras--xl {
    font-size: 20rem;
  }
}

@media (min-width: 1280px) {
  .cifras--xl {
    font-size: 25rem;
  }
}

@media (min-width: 1920px) {
  .cifras--xl {
    font-size: 30rem;
  }
}

small {
  font-size: 0.5em;
}

@media screen and (min-width: 680px) {
  .xs-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xs-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xs-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xs-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--l {
    font-size: 12rem;
  }

  .xs-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--l {
    font-size: 14rem;
  }

  .xs-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-cifras--l {
    font-size: 22rem;
  }

  .xs-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .s-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .s-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .s-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--l {
    font-size: 12rem;
  }

  .s-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--l {
    font-size: 14rem;
  }

  .s-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-cifras--l {
    font-size: 22rem;
  }

  .s-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .m-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .m-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .m-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--l {
    font-size: 12rem;
  }

  .m-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--l {
    font-size: 14rem;
  }

  .m-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-cifras--l {
    font-size: 22rem;
  }

  .m-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .l-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .l-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .l-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--l {
    font-size: 12rem;
  }

  .l-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--l {
    font-size: 14rem;
  }

  .l-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-cifras--l {
    font-size: 22rem;
  }

  .l-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xl-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xl-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xl-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--l {
    font-size: 12rem;
  }

  .xl-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--l {
    font-size: 14rem;
  }

  .xl-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-cifras--l {
    font-size: 22rem;
  }

  .xl-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.link,
.btn-cta {
  font-size: 1.1rem;
  line-height: 2rem;
  min-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1680px) {
  .link,
  .btn-cta {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.taglabel {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.9rem;
  display: inline-flex;
  align-items: center;
}

.taglabel svg {
  margin-right: 0.5rem;
}

@media (min-width: 1680px) {
  .taglabel {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.download-link {
  position: relative;
}

.download-link svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.link--icon .cta-single {
  margin-left: 0;
}

.link--icon svg {
  transform: translateX(0) translateY(4px);
  margin-left: 1rem;
  transition: all 0.3s ease-in-out;
}

.link--icon:hover svg {
  transform: translateX(5px) translateY(4px);
}

.link--icon.link--lightbox svg {
  transform: translateX(0) translateY(2px);
}

.link--icon.link--lightbox:hover svg {
  transform: translateX(5px) translateY(2px);
}

.link--back {
  font-size: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .link--back {
    display: inline-flex;
  }
}

.link--back svg {
  transform: rotate(180deg) translateX(10px) translateY(1px);
}

.link--back:hover svg {
  transform: rotate(180deg) translateX(15px) translateY(1px);
}

.link--subscribe {
  font-size: 1rem;
}

.link--subscribe svg {
  transform: translateX(-10px) translateY(0);
}

.link--subscribe:hover svg {
  transform: translateX(-15px) translateY(0);
}

.link--download {
  position: relative;
  padding-left: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.link--download svg {
  position: absolute;
  left: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.link--download .link--download-type {
  flex-basis: 100%;
}

.link--download a,
.link--download a {
  flex-direction: column;
  align-items: flex-start;
}

.link--download span {
  transition: all 0.3s ease-in-out;
  transform: translateX(0) translateY(4px);
}

.link--download:hover span,
.link--download a:hover span {
  transform: translateX(0) translateY(4px);
}

.link--download:hover svg,
.link--download a:hover svg {
  transform: translateX(0) translateY(8px);
}

.link--download .link--download-type {
  color: #4c4c4c;
  font-weight: 400;
}

.btn-cta {
  background-color: red;
  height: 5rem;
  border-radius: 25px;
  display: inline-flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn-cta:hover {
  background-color: #d50000;
}

@media (max-width: 679px) {
  .btn-cta {
    height: 6rem;
    border-radius: 3rem;
    margin-right: 6rem;
    width: calc(100% - 20px);
  }
}

@media (min-width: 680px) {
  .btn-cta {
    max-width: 325px;
    width: auto;
    padding: 0 40px;
  }
}

.align-center {
  text-align: center;
}

@media (min-width: 680px) {
  .link.mobile-visible,
  .mobile-visible.btn-cta {
    display: none;
  }
}

@media (max-width: 679px) {
  .link.mobile-hidden,
  .mobile-hidden.btn-cta {
    display: none;
  }
}

.link--white {
  position: relative;
}

.link--white::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.link--white:hover::after {
  right: 100%;
  width: 0;
}

.link--red {
  color: red;
  position: relative;
}

.link--red::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--red:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: red;
}

.link--black {
  color: #000;
  position: relative;
}

.link--black::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--black:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: #000;
}

.module-wysiwyg .text-container {
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  .module-wysiwyg .text-container {
    grid-column: 2 / -2;
    /*margin-bottom: -14rem;*/
  }
}

.module-wysiwyg li a,
.module-wysiwyg p a {
  color: red;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.module-wysiwyg li a:hover,
.module-wysiwyg p a:hover {
  color: #b70000;
}

.module-wysiwyg a p {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 2px;
}

.module-wysiwyg .link--icon.link--external svg {
  transform: translateY(0);
}

.module-wysiwyg .link--icon.link--external:hover svg {
  transform: translateY(0) translateX(5px);
}

.module-wysiwyg blockquote {
  grid-column: 2 / -1;
}

@media (min-width: 1280px) {
  .module-wysiwyg blockquote {
    grid-column: 2 / -3;
  }
}

.module-wysiwyg p {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
  margin-bottom: 2rem;
}

@media (max-width: 679px) {
  .module-wysiwyg p {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg p {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg p {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .module-wysiwyg p {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .module-wysiwyg p {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.module-wysiwyg li {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .module-wysiwyg li {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg li {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg li {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .module-wysiwyg li {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .module-wysiwyg li {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.module-wysiwyg h1 {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
  margin-bottom: 3rem;
}

@media (max-width: 679px) {
  .module-wysiwyg h1 {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg h1 {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg h1 {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .module-wysiwyg h1 {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .module-wysiwyg h1 {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .module-wysiwyg h1 {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.module-wysiwyg h2 {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
  margin-bottom: 2rem;
}

@media (max-width: 679px) {
  .module-wysiwyg h2 {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg h2 {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg h2 {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .module-wysiwyg h2 {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .module-wysiwyg h2 {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.module-wysiwyg h3 {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
  margin-top: 5rem;
}

@media (max-width: 679px) {
  .module-wysiwyg h3 {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg h3 {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg h3 {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .module-wysiwyg h3 {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .module-wysiwyg h3 {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media (min-width: 1280px) {
  .module-wysiwyg h3 {
    margin-top: 6rem;
  }
}

.module-wysiwyg h4,
.module-wysiwyg h5 {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 2rem;
  margin-top: 4rem;
}

@media (max-width: 679px) {
  .module-wysiwyg h4,
  .module-wysiwyg h5 {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg h4,
  .module-wysiwyg h5 {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .module-wysiwyg h4,
  .module-wysiwyg h5 {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.module-wysiwyg h1:first-child,
.module-wysiwyg h2:first-child,
.module-wysiwyg h3:first-child,
.module-wysiwyg h4:first-child,
.module-wysiwyg h5:first-child {
  margin-top: 0;
}

.module-wysiwyg .image-featured {
  margin: 6rem 0;
  grid-column: 1 / -1;
}

.module-wysiwyg .image-featured + .blockquote,
.module-wysiwyg .image-featured + .image-featured {
  padding-top: 0;
}

.module-wysiwyg .image-featured:first-child {
  margin-top: 0;
}

@media (min-width: 680px) {
  .module-wysiwyg .image-featured {
    margin-top: 8rem;
  }
}

.module-wysiwyg .image-caption {
  font-weight: 400;
  margin-top: 2rem;
}

@media (max-width: 679px) {
  .module-wysiwyg .image-caption {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg .image-caption {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg .image-caption {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .module-wysiwyg .image-caption {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (max-width: 679px) {
  .module-wysiwyg .image-caption {
    margin-top: 1rem;
  }
}

.module-wysiwyg .blockquote {
  position: relative;
  margin-top: 8rem;
  margin-bottom: 8rem;
  grid-column: 1 / -1;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 400;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 0;
}

@media (min-width: 680px) {
  .module-wysiwyg .blockquote {
    font-size: 2.6rem;
    line-height: 4.8rem;
  }
}

@media (min-width: 1280px) {
  .module-wysiwyg .blockquote {
    font-size: 3.4rem;
    line-height: 5rem;
  }
}

@media (min-width: 1680px) {
  .module-wysiwyg .blockquote {
    font-size: 4rem;
    line-height: 5.8rem;
  }
}

@media (max-width: 679px) {
  .module-wysiwyg .blockquote {
    margin-top: 0;
    padding-top: 6rem;
    margin-bottom: 6rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg .blockquote {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 7%;
    grid-template-rows: minmax(auto, auto);
    grid-row-gap: 0;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg .blockquote {
    grid-template-columns: repeat(12, 1fr);
  }
}

.module-wysiwyg .blockquote.with-quote blockquote {
  padding-top: 6rem;
}

@media (min-width: 1280px) {
  .module-wysiwyg .blockquote.with-quote blockquote {
    padding-top: 8rem;
  }
}

.module-wysiwyg .blockquote.with-quote::before {
  content: '';
  background-image: url(/static/icons/bloquote.svg);
  display: inline-block;
  background-repeat: no-repeat;
  width: 7rem;
  height: 7rem;
  position: absolute;
}

@media (max-width: 679px) {
  .module-wysiwyg .blockquote.with-quote::before {
    width: 5rem;
    height: 5rem;
    background-size: 5rem 5rem;
  }
}

.module-wysiwyg .image-container {
  margin: 6rem 0;
  grid-column: 1 / -1;
}

@media (min-width: 680px) {
  .module-wysiwyg .image-container {
    display: flex;
    margin: 8rem 0;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg .image-container .content {
    margin-left: 7%;
    flex-basis: 50%;
  }
}

@media (max-width: 679px) {
  .module-wysiwyg .image-container .image {
    margin-bottom: 4rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg .image-container .image {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg .image-container--right {
    grid-column: 2 / -1;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg .image-container--right .content {
    margin-right: 7%;
    margin-left: 0;
  }
}

.module-wysiwyg .link--icon {
  margin: 4rem 0;
  display: flex;
}

.module-wysiwyg ul {
  display: block;
  margin-top: 3rem;
  grid-column: 2 / -1;
  margin-bottom: 3rem;
}

@media (min-width: 680px) {
  .module-wysiwyg ul {
    margin-top: 2rem;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg ul {
    margin-top: 2rem;
  }
}

.module-wysiwyg ul li {
  margin-top: 10px;
  position: relative;
  padding-left: 3rem;
}

@media (min-width: 680px) {
  .module-wysiwyg ul li {
    margin-top: 2rem;
  }
}

.module-wysiwyg ul li:first-child {
  margin-top: 0;
}

.module-wysiwyg ul li:before {
  width: 1.5rem;
  height: 1px;
  content: '';
  top: 14px;
  left: 0;
  display: inline-block;
  background-color: red;
  margin-right: 2rem;
  position: absolute;
}

.module-wysiwyg ul ol li::before {
  display: none;
}

.module-wysiwyg ul ol li li {
  margin-left: 0 !important;
  padding-left: 3rem !important;
}

.module-wysiwyg ul ul {
  margin-top: 2rem;
}

.module-wysiwyg ul ul li {
  padding-left: 2.5rem;
}

.module-wysiwyg ul ul li::before {
  width: 1rem;
}

.module-wysiwyg ol {
  margin-top: 3rem;
  grid-column: 2 / -1;
  margin-bottom: 3rem;
  list-style: decimal;
  padding: 0 10px;
}

@media (min-width: 680px) {
  .module-wysiwyg ol {
    margin-top: 2rem;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg ol {
    margin-top: 2rem;
  }
}

.module-wysiwyg ol li {
  margin-top: 10px;
  position: relative;
  padding-left: 2rem;
  margin-left: 1.5rem;
  position: relative;
}

.module-wysiwyg ol li ul li {
  padding-left: 3rem !important;
  margin-left: 0 !important;
}

.module-wysiwyg ol li ul li:after {
  display: none;
}

@media (min-width: 680px) {
  .module-wysiwyg ol li {
    margin-top: 2rem;
  }
}

.module-wysiwyg ol li:first-child {
  margin-top: 0;
}

.module-wysiwyg ol li span {
  color: #000;
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .module-wysiwyg ol li span {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .module-wysiwyg ol li span {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .module-wysiwyg ol li span {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .module-wysiwyg ol li span {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .module-wysiwyg ol li span {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.module-wysiwyg ol li ol {
  margin-top: 2rem;
}

.module-wysiwyg .enlace-agrupador li {
  padding-left: 0;
  margin-bottom: 0;
}

.module-wysiwyg .enlace-agrupador li a {
  color: #000;
}

.module-wysiwyg .enlace-agrupador li .link--icon {
  margin: 0;
}

.module-wysiwyg .enlace-agrupador li::before {
  display: none;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-gallery {
  grid-column: 1 / -1;
}

.module-gallery .title--tag {
  grid-column: 1 / -1;
  margin-bottom: 60px;
}

.module-gallery .gallery-container {
  grid-column: 1 / -1;
  width: 100vw;
  padding: 0;
  margin: 0 -20px;
}

@media (min-width: 680px) {
  .module-gallery .gallery-container {
    margin: 0 -80px;
  }
}

@media (min-width: 1024px) {
  .module-gallery .gallery-container {
    margin: 0 -100px;
  }
}

@media (min-width: 1280px) {
  .module-gallery .gallery-container {
    margin: 0 -10vw;
  }
}

.module-gallery .gallery-container .wrapper {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  position: relative;
}

.module-gallery .gallery-container .wrapper .media-item {
  position: relative;
}

.module-gallery .gallery-container .wrapper .media-item svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.module-gallery .gallery-container .wrapper .gallery_icon_wrapper {
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: 0;
  left: 0;
  background-color: red;
}

.module-gallery .gallery-container .wrapper .gallery_icon_wrapper svg path {
  fill: #fff;
}

.module-gallery .gallery-container .media-type-full {
  flex-basis: 100%;
}

.module-gallery .gallery-container .media-type-half {
  flex-basis: 50%;
}

@media (max-width: 679px) {
  .module-gallery .gallery-container .media-type-half {
    flex-basis: 100%;
  }
}

.module-gallery .gallery-featured {
  grid-column: 1 / -1;
  padding-bottom: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  transition: background-size 0.3s ease-in-out;
}

.module-gallery .gallery-featured:hover {
  background-size: 150%;
  cursor: pointer;
}

.module-gallery .gallery-cols {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 679px) {
  .module-gallery .gallery-cols {
    flex-direction: column;
  }
}

.module-gallery .gallery-col {
  padding-bottom: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  transition: background-size 0.3s ease-in-out;
}

.module-gallery .gallery-col:hover {
  background-size: 200%;
  cursor: pointer;
}

.module-gallery .mediateca-lightbox {
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 500;
  padding-bottom: 40px;
  transition: opacity 320ms ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

.module-gallery .mediateca-lightbox .close-button-wrapper {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.module-gallery .mediateca-lightbox[data-is-visible='false'] {
  opacity: 0;
  transform: translateY(100vh);
}

.module-gallery .mediateca-lightbox[data-is-visible='true'] {
  transform: none;
  opacity: 1;
}

.module-gallery .mediateca-lightbox .close-lightbox-btn {
  border: none;
  background-color: transparent;
  grid-column: -2 / -1;
  margin-left: auto;
  margin-top: 3em;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.module-gallery .mediateca-lightbox .close-lightbox-btn svg {
  transform: rotate(45deg);
}

.module-gallery .mediateca-lightbox .close-lightbox-btn:hover {
  transform: scale(1.5);
}

.module-gallery .mediateca-lightbox .lightbox-content-slider {
  display: flex;
  transition: all 320ms ease-in-out;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .react-player-container
  div {
  width: 100%;
  height: auto;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .react-player-container
  div
  div {
  width: auto !important;
  height: 100vh !important;
}

.module-gallery .mediateca-lightbox .lightbox-content-slider iframe {
  width: 100%;
}

.module-gallery .mediateca-lightbox .lightbox-content-slider .frame {
  width: 100vw;
  display: flex;
  padding-top: 20px;
  overflow: hidden;
}

@media (min-width: 1280px) {
  .module-gallery .mediateca-lightbox .lightbox-content-slider .frame {
    padding: 60px 10vw 0;
  }
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-height: 100vh;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .image-container
  img.medium-zoom-image {
  max-height: 50vh;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .item-description {
  margin: 30px 0 10px;
  flex-shrink: 0;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  a.link {
  flex-shrink: 0;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container {
  position: relative;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container[data-is-playing='false']::before,
.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container[data-is-playing='false']::after,
.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container:hover
  > div::before,
.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container:hover
  > div::after {
  opacity: 1;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container
  .react-player__preview {
  padding: 25% 0;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container
  .react-player__preview
  .react-player__shadow {
  background: transparent !important;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container
  .react-player__preview
  .react-player__shadow
  .react-player__play-icon {
  display: none;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container
  > div {
  position: relative;
}

.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container
  > div::before,
.module-gallery
  .mediateca-lightbox
  .lightbox-content-slider
  .frame
  .frame-content
  .react-player-container
  > div::after {
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 50%;
  opacity: 0;
  transition: all 320ms ease-in-out;
  transform: translate(-50%, -50%);
}

.module-gallery .mediateca-lightbox .slide-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 32px;
  position: absolute;
  top: 0;
  margin-top: calc(35vh + 51px + 0px);
  transform: translateY(-50%);
  z-index: 25;
  cursor: pointer;
  display: none;
}

@media (min-width: 1024px) {
  .module-gallery .mediateca-lightbox .slide-btn {
    display: block;
  }
}

.module-gallery .mediateca-lightbox .slide-btn.slide-left-btn {
  left: 40px;
}

@media (min-width: 1280px) {
  .module-gallery .mediateca-lightbox .slide-btn.slide-left-btn {
    left: 60px;
  }
}

@media (min-width: 1920px) {
  .module-gallery .mediateca-lightbox .slide-btn.slide-left-btn {
    left: 5vw;
  }
}

.module-gallery .mediateca-lightbox .slide-btn.slide-right-btn {
  right: 40px;
}

@media (min-width: 1280px) {
  .module-gallery .mediateca-lightbox .slide-btn.slide-right-btn {
    right: 60px;
  }
}

@media (min-width: 1920px) {
  .module-gallery .mediateca-lightbox .slide-btn.slide-right-btn {
    right: 5vw;
  }
}

.module-gallery .mediateca-lightbox .range-slider-wrapper {
  padding-top: 30px;
}

.module-gallery .mediateca-lightbox .range-slider-wrapper .input-range-slider {
  grid-column: 1 / -1;
}

.module-gallery [data-active-frame='2'] {
  transform: translateX(calc(-100vw * 1));
}

.module-gallery [data-active-frame='3'] {
  transform: translateX(calc(-100vw * 2));
}

.module-gallery [data-active-frame='4'] {
  transform: translateX(calc(-100vw * 3));
}

.module-gallery [data-active-frame='5'] {
  transform: translateX(calc(-100vw * 4));
}

.module-gallery [data-active-frame='6'] {
  transform: translateX(calc(-100vw * 5));
}

.module-gallery [data-active-frame='7'] {
  transform: translateX(calc(-100vw * 6));
}

.module-gallery [data-active-frame='8'] {
  transform: translateX(calc(-100vw * 7));
}

.module-gallery [data-active-frame='9'] {
  transform: translateX(calc(-100vw * 8));
}

.module-gallery [data-active-frame='10'] {
  transform: translateX(calc(-100vw * 9));
}

.module-gallery [data-active-frame='11'] {
  transform: translateX(calc(-100vw * 10));
}

.module-gallery [data-active-frame='12'] {
  transform: translateX(calc(-100vw * 11));
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.descargas .descargas__header {
  display: flex;
  justify-content: space-between;
  grid-column: 1 / -1;
  margin-bottom: 2rem;
}

@media (min-width: 680px) {
  .descargas .descargas__header {
    margin-bottom: 3rem;
  }
}

.descargas .descargas__header .link {
  display: none;
}

@media (min-width: 680px) {
  .descargas .descargas__header .link {
    display: inline-flex;
  }
}

.descargas:not(.descargas--single) .title--m {
  grid-column: 1 / 7;
}

.descargas .title--tag {
  grid-column: 1 / -1;
  align-items: center;
}

.descargas .descargas__item,
.descargas .title--m {
  grid-column: 1 / -1;
}

.descargas .list {
  column-count: 1;
  break-inside: avoid-column;
  margin-top: 0;
}

.descargas .list li:not(:first-child) {
  margin-top: 2rem;
}

@media (min-width: 680px) {
  .descargas .list li:not(:first-child) {
    margin-top: 3rem;
  }
}

@media (min-width: 1024px) {
  .descargas .list li:not(:first-child) {
    margin-top: 3rem;
  }
}

.descargas .title--m {
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .descargas .title--m {
    margin-bottom: 4rem;
  }
}

.descargas .descargas__col-left {
  margin-bottom: 3rem;
  grid-column: 1 / -1;
}

@media (min-width: 680px) {
  .descargas .descargas__col-left {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1024px) {
  .descargas .descargas__col-left {
    grid-column: 1 / 7;
  }
}

.descargas .descargas__col-right {
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  .descargas .descargas__col-right {
    grid-column: 7 / -1;
  }
}

.descargas.descargas--single .descargas__col-left {
  margin-bottom: 6rem;
}

@media (min-width: 680px) {
  .descargas.descargas--single .descargas__col-left {
    margin-bottom: 8rem;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-soluciones .image-container {
  height: 520px;
  max-width: 1920px;
  margin: 0 auto;
  background-size: cover;
  background-position: 50% 50%;
}

@media (min-width: 680px) {
  .module-soluciones .image-container {
    height: 550px;
  }
}

@media (min-width: 1280px) {
  .module-soluciones .image-container {
    height: 690px;
  }
}

@media (min-width: 1920px) {
  .module-soluciones .image-container {
    height: 900px;
  }
}

.module-soluciones .title--tag {
  grid-column: 1 / -1;
  margin-bottom: 4rem;
}

.module-soluciones .cifras-unit {
  display: inline-block;
}

.module-soluciones .module-soluciones__item {
  position: relative;
  width: 100%;
  color: #fff;
}

.module-soluciones .title--cifras {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.module-soluciones .content {
  position: absolute;
  top: 0;
  bottom: 0;
  padding-bottom: 8rem;
  left: 0;
  right: 0;
}

.module-soluciones .link--download {
  margin-top: 3rem;
}

@media (max-width: 679px) {
  .module-soluciones .link--download {
    margin-top: 2rem;
  }
}

.module-soluciones .title {
  margin-top: 4rem;
  grid-column: 1 / -1;
  text-align: right;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  width: 100%;
}

@media (max-width: 679px) {
  .module-soluciones .title {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
}

.module-soluciones .title span {
  display: inline-block;
}

@media (max-width: 679px) {
  .module-soluciones .title {
    margin-top: 3rem;
  }
}

.module-soluciones .content-container {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.module-soluciones .lead-text-container {
  margin-top: 2rem;
}

@media (max-width: 679px) {
  .module-soluciones .lead-text-container {
    margin-top: 1rem;
  }
}

.module-soluciones .module-soluciones__container {
  grid-column: 1 / -1;
}

@media (min-width: 680px) {
  .module-soluciones .module-soluciones__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.module-soluciones .module-soluciones__container .distribuidor-2-col-item {
  margin-top: 6rem;
}

@media (min-width: 680px) {
  .module-soluciones .module-soluciones__container .distribuidor-2-col-item {
    margin-top: 8rem;
  }
}

@media (min-width: 680px) {
  .module-soluciones
    .module-soluciones__container
    .distribuidor-2-col-item:nth-child(2) {
    margin-top: 0;
  }
}

.module-soluciones
  .module-soluciones__container
  .distribuidor-2-col-item:first-child {
  margin-top: 0;
}

@media (min-width: 680px) {
  .module-soluciones .module-soluciones__container .distribuidor-2-col-item {
    --inner_gap: 7%;
    margin-right: var(--inner_gap);
    flex-basis: calc(50% - (7% / 2));
  }

  .module-soluciones
    .module-soluciones__container
    .distribuidor-2-col-item:nth-child(2n) {
    margin-right: 0;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.header-soluciones {
  position: absolute;
  z-index: 2;
  left: 5vw;
  top: 5vh;
}

.header-soluciones .logonube {
  position: absolute;
  width: 350px;
  left: -120px;
  top: -120px;
}

@media (min-width: 680px) {
  .header-soluciones .logonube {
    width: 500px;
    left: -170px;
  }
}

.header-soluciones .logo-home-link img {
  max-width: 107px;
  position: relative;
  z-index: 1;
  margin-top: 20px;
}

@media screen and (orientation: landscape) and (max-width: 768px) {
  .header-soluciones .logo-home-link img {
    max-width: 80px;
  }
}

@media (max-width: 679px) {
  .header-soluciones {
    top: 15px;
  }
}

.soluciones-mapa-story {
  overflow: hidden;
}

.soluciones-mapa-story .icon {
  position: absolute;
  top: 6px;
  right: 12px;
}

@media (min-width: 680px) {
  .soluciones-mapa-story .icon {
    top: 20px;
    right: 26px;
  }
}

@media (min-width: 1280px) {
  .soluciones-mapa-story .icon {
    top: 30px;
    right: 30px;
  }
}

.soluciones-mapa-story .soluciones-story-map {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fdece9;
}

.soluciones-mapa-story .soluciones-index {
  z-index: 100;
  position: absolute;
  top: 15px;
}

.soluciones-mapa-story .kill-delay {
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
}

.soluciones-mapa-story .texto {
  opacity: 0;
  position: absolute;
  bottom: auto;
  left: 5vw;
  bottom: 15px;
  background-color: #fff;
  z-index: 1;
  padding: 16px;
  right: 5vw;
  display: flex;
  justify-content: flex-end;
}

.soluciones-mapa-story .texto .texto-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media (min-width: 680px) {
  .soluciones-mapa-story .texto {
    bottom: 5vw;
  }
}

@media (min-width: 1024px) {
  .soluciones-mapa-story .texto:not(.texto-destacado) .texto-content {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    position: absolute;
    padding: 30px;
    height: 377px;
    width: 372px;
  }
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  .soluciones-mapa-story .texto {
    min-height: auto !important;
    min-width: auto !important;
    height: auto !important;
    width: auto !important;
  }
}

@media (min-width: 680px) {
  .soluciones-mapa-story .texto {
    padding: 30px;
    max-width: 500px;
  }
}

@media screen and (orientation: landscape) and (max-height: 500px) {
  .soluciones-mapa-story .texto {
    max-width: 400px;
  }

  .soluciones-mapa-story .texto.texto-destacado {
    top: 100px;
  }

  .soluciones-mapa-story .texto.texto-destacado .title--s {
    font-size: 3.6rem;
    line-height: 4.8rem;
  }

  .soluciones-mapa-story .texto.texto-destacado button svg {
    width: 60px;
    height: 60px;
  }

  .soluciones-mapa-story .texto p {
    font-size: 14px !important;
    line-height: 24px !important;
  }
}

.soluciones-mapa-story .texto a {
  display: block;
  padding: 10px 10px 10px 0;
}

@media (min-width: 1024px) {
  .soluciones-mapa-story .texto a {
    margin-top: 10px;
  }
}

@media (min-width: 1024px) {
  .soluciones-mapa-story .texto {
    width: 50vw;
    padding: 40px;
    bottom: 5vh;
    max-width: auto;
  }
}

.soluciones-mapa-story .texto.reveal {
  opacity: 1;
}

.soluciones-mapa-story .texto p {
  font-size: 18px;
  line-height: 30px;
}

@media (max-width: 679px) {
  .soluciones-mapa-story .texto p {
    font-size: 12px;
    line-height: 18px;
  }
}

.soluciones-mapa-story .texto .title--s {
  font-size: 12px;
  line-height: 0;
  margin-bottom: 15px;
  margin-top: 5px;
}

@media (min-width: 1024px) {
  .soluciones-mapa-story .texto .title--s {
    margin-bottom: 30px;
  }
}

.soluciones-mapa-story .texto-destacado {
  background: transparent;
  width: auto !important;
  padding: 0;
  left: 5vw;
  bottom: auto;
  top: 40vh;
}

@media screen and (min-width: 680px) and (max-width: 1024px) and (orientation: portrait) {
  .soluciones-mapa-story .texto-destacado {
    width: 80vw !important;
    top: 40vh;
  }
}

@media (min-width: 1024px) {
  .soluciones-mapa-story .texto-destacado {
    width: 45vw !important;
    top: 30vh;
  }
}

@media (min-width: 1280px) {
  .soluciones-mapa-story .texto-destacado {
    width: 40vw !important;
    top: 30vh;
  }
}

.soluciones-mapa-story .texto-destacado .title--s {
  font-size: 3.6rem;
  line-height: 4.8rem;
}

@media (min-width: 680px) {
  .soluciones-mapa-story .texto-destacado .title--s {
    font-size: 7.4rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1280px) {
  .soluciones-mapa-story .texto-destacado .title--s {
    font-size: 4.6rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1680px) {
  .soluciones-mapa-story .texto-destacado .title--s {
    font-size: 7.4rem;
    line-height: 8.4rem;
  }
}

.soluciones-mapa-story .texto-destacado button {
  background: transparent;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-family: 'Acciona', sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-top: 20px;
  cursor: pointer;
}

.soluciones-mapa-story .texto-destacado button svg {
  width: 60px;
  height: 60px;
  transform: translateX(-15px);
  margin-right: -15px;
}

@media (min-width: 680px) {
  .soluciones-mapa-story .texto-destacado button svg {
    width: 115px;
    height: 115px;
  }
}

.soluciones-mapa-story .depth-3,
.soluciones-mapa-story .depth-1 {
  transform: translateX(50%) translateY(50%);
}

.soluciones-mapa-story #boat {
  animation-name: boat;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

.soluciones-mapa-story .molino-1 {
  animation-name: rotate;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  transform-box: fill-box;
  transform-origin: 54% 47%;
}

.soluciones-mapa-story .molino-1-detail {
  animation-name: rotate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transform-box: fill-box;
  transform-origin: 54% 47%;
}

.soluciones-mapa-story .molino-2 {
  transform-origin: 49% 43%;
}

.soluciones-mapa-story .molino-3 {
  transform-origin: 50% 44%;
}

.soluciones-mapa-story .nubes {
  animation-name: nubes-2;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  transform-box: fill-box;
  transform-origin: center center;
}

.soluciones-mapa-story .nubes-2 {
  animation-name: nubes;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  transform-box: fill-box;
  transform-origin: center center;
  animation-direction: reverse;
}

.soluciones-mapa-story .soluciones-index {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: 5vw;
  top: 15px;
}

.soluciones-mapa-story .soluciones-index button {
  background: none;
  cursor: pointer;
}

.soluciones-mapa-story .soluciones-index svg {
  width: 50px;
}

@media (min-width: 680px) {
  .soluciones-mapa-story .soluciones-index {
    bottom: 5vh;
    top: auto;
  }
}

@media (min-width: 680px) {
  .soluciones-mapa-story .soluciones-index svg {
    width: 79px;
  }
}

.soluciones-mapa-story .soluciones-index .down.is-hidden {
  opacity: 0;
  cursor: inherit;
  display: none;
}

.soluciones-mapa-story .soluciones-index .up.is-hidden {
  opacity: 0;
  cursor: inherit;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.layout--base .module-paginator {
  margin-top: 100px;
}

.module-paginator {
  display: flex;
  justify-content: center;
}

@media (min-width: 680px) {
  .module-paginator {
    margin-top: -60px;
  }
}

@media (min-width: 1680px) {
  .module-paginator {
    margin-top: -160px;
  }
}

.module-paginator .not-clickable {
  cursor: initial;
}

.module-paginator .not-clickable::after {
  display: none;
}

.module-paginator button {
  outline: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
}

.module-paginator button:hover.button--left {
  transform: translateX(-15px) translateY(2px);
}

.module-paginator button:hover.button--right {
  transform: translateX(15px) translateY(2px);
}

.module-paginator button.button--right {
  transform: translateX(10px) translateY(2px);
}

.module-paginator button.button--left {
  transform: translateX(-10px) translateY(2px);
}

.module-paginator button.button--left,
.module-paginator button.button--right {
  transition: all 0.3s ease-in-out;
}

.module-paginator a {
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: none;
  color: #000;
  margin: 0 1.5rem;
  display: inline-block;
  position: relative;
}

@media (max-width: 679px) {
  .module-paginator a {
    margin: 0 1rem;
  }
}

.module-paginator a:not(.is-active)::after {
  left: 4px;
  right: 4px;
  content: '';
  position: absolute;
  height: 1px;
  background-color: #000;
  bottom: -10px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.module-paginator a:hover::after {
  left: 0;
  right: 0;
  opacity: 1;
}

.module-paginator a.is-active::after {
  content: '';
  position: absolute;
  height: 1px;
  background-color: red;
  bottom: -10px;
  left: 0;
  right: 0;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.component_proyectos {
  position: relative;
}

.component_proyectos .content-footer .link svg {
  transform: scale(1.4);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  padding: 10px;
  margin-left: -15px;
  will-change: transform;
}

.component_proyectos .content-footer .link svg:hover {
  transform: scale(1.6);
}

.component_proyectos .content-footer .link svg:hover path {
  animation-name: to-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.component_proyectos .slider-controls {
  align-self: flex-start;
  top: -30px;
}

.component_proyectos .slider-controls svg path {
  fill: #fff !important;
}

.component_proyectos .slider-controls .is-disabled svg path {
  fill: rgba(255, 255, 255, 0.2) !important;
}

.component_proyectos .proyecto-header {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4rem;
  top: 0;
}

@media (min-width: 680px) {
  .component_proyectos .proyecto-header {
    margin-bottom: 6rem;
  }
}

@media (min-width: 1680px) {
  .component_proyectos .proyecto-header {
    margin-bottom: 8rem;
  }
}

.component_proyectos .taglabel a {
  display: flex;
  color: #fff;
}

.component_proyectos .input-range-slider {
  margin-bottom: 3rem;
}

@media (min-width: 680px) {
  .component_proyectos .input-range-slider {
    margin-bottom: 4rem;
  }
}

.component_proyectos .link.external svg {
  transform: scale(1.4) rotate(-40deg);
  will-change: transform;
}

.component_proyectos .link.external svg:hover {
  transform: scale(1.6) rotate(-40deg);
}

.component_proyectos .link.external svg:hover path {
  animation-name: to-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

@media (max-width: 679px) {
  .component_proyectos .project-type svg {
    width: 16px;
    height: 16px;
  }
}

.component_proyectos .white-thumb {
  border-color: #fff;
}

.component_proyectos .project-details {
  max-width: 69%;
}

.component_proyectos .project-details a {
  transition: opacity 0.2s ease-in-out;
}

.component_proyectos .project-details a:hover {
  opacity: 0.7 !important;
}

.component_proyectos .project-details .title--m {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  letter-spacing: 1.7px;
}

@media (min-width: 680px) {
  .component_proyectos .project-details .title--m {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}

@media (max-width: 679px) {
  .component_proyectos .project-details .title--m {
    font-size: 1.6rem;
    line-height: 2.6rem;
    letter-spacing: 0.8;
    margin-bottom: 8px;
  }

  .component_proyectos .project-details .title--m svg {
    width: 16px;
    height: 16px;
  }
}

.component_proyectos .project-details svg {
  margin-right: 10px;
}

.component_proyectos .project-details svg path {
  fill: #fff;
}

.component_proyectos .project-details a {
  color: #fff;
}

.component_proyectos .project-details + .enalce--agrupador__label.round-button {
  border: none;
}

.component_proyectos
  .project-details
  + .enalce--agrupador__label.round-button
  > svg
  path {
  fill: #fff;
}

.component_proyectos .main-container {
  position: relative;
  width: 100vw;
  height: 520px;
  margin-left: -20px;
  grid-column: 1 / -1;
}

.component_proyectos .main-container::before,
.component_proyectos .main-container::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  left: 100%;
  z-index: 100;
}

.component_proyectos .main-container::before {
  right: 100%;
  left: auto;
}

@media (min-width: 680px) {
  .component_proyectos .main-container {
    height: 552px;
    margin-left: -80px;
  }
}

@media (min-width: 1024px) {
  .component_proyectos .main-container {
    margin-left: -100px;
  }
}

@media (min-width: 1280px) {
  .component_proyectos .main-container {
    margin-left: -10vw;
    height: 690px;
  }
}

@media (min-width: 1680px) {
  .component_proyectos .main-container {
    height: 900px;
  }
}

@media (min-width: 1920px) {
  .component_proyectos .main-container {
    width: 1920px;
    height: 900px;
  }
}

.component_proyectos .main-container .backgrounds-slider {
  height: 100%;
  display: flex;
  transition: all 320ms ease-in-out;
}

.component_proyectos .main-container .backgrounds-slider .bg-frame {
  background-size: cover;
  background-position: center center;
  flex-basis: 100vw;
  position: relative;
  height: 100%;
}

@media (min-width: 1920px) {
  .component_proyectos .main-container .backgrounds-slider .bg-frame {
    flex-basis: 1920px;
  }
}

.component_proyectos .main-container .backgrounds-slider .bg-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: auto;
}

.component_proyectos .main-container .content-overlay {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

.component_proyectos .main-container .content-overlay .content-main {
  flex-grow: 1;
  display: flex;
  text-align: right;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 3rem;
}

.component_proyectos .main-container .content-overlay .content-main .left {
  text-align: left;
  display: flex;
  max-width: 60%;
  align-self: flex-start;
  justify-self: flex-start;
  justify-content: flex-start;
  margin-bottom: 4rem;
}

@media (min-width: 1680px) {
  .component_proyectos .main-container .content-overlay .content-main .left {
    max-width: 45%;
  }
}

@media (max-width: 679px) {
  .component_proyectos .main-container .content-overlay .content-main .left {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}

.component_proyectos .main-container .content-overlay .content-main .right {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .component_proyectos .main-container .content-overlay .content-main .right {
    max-width: 80%;
  }
}

@media (min-width: 1680px) {
  .component_proyectos .main-container .content-overlay .content-main .right {
    max-width: 60%;
  }
}

.component_proyectos
  .main-container
  .content-overlay
  .content-main
  .right
  .title--m {
  letter-spacing: 1.7px;
}

@media (min-width: 680px) {
  .component_proyectos
    .main-container
    .content-overlay
    .content-main
    .right
    .title--m {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .component_proyectos
    .main-container
    .content-overlay
    .content-main
    .right
    .title--m {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (max-width: 679px) {
  .component_proyectos
    .main-container
    .content-overlay
    .content-main
    .right
    .title--m {
    text-align: left;
  }
}

@media (min-width: 1280px) {
  .component_proyectos
    .main-container
    .content-overlay
    .content-main
    .title--m {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1680px) {
  .component_proyectos
    .main-container
    .content-overlay
    .content-main
    .title--m {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

.component_proyectos .main-container .content-overlay .content-main .cifras--l {
  margin-bottom: 2rem;
  text-transform: uppercase;
  line-height: 0.7;
}

@media (max-width: 679px) {
  .component_proyectos
    .main-container
    .content-overlay
    .content-main
    .cifras--l {
    margin-bottom: 1.6rem;
  }
}

.component_proyectos .main-container .content-overlay .content-footer {
  display: flex;
  margin-bottom: 6rem;
  width: 100%;
  justify-content: space-between;
}

@media (max-width: 679px) {
  .component_proyectos .main-container .content-overlay .content-footer {
    flex-direction: row;
    margin-bottom: 6rem;
  }
}

@media (min-width: 1280px) {
  .component_proyectos .main-container .content-overlay .content-footer {
    margin-bottom: 14rem;
  }
}

.component_proyectos
  .main-container
  .content-overlay
  .content-footer
  .project-type {
  display: inline-flex;
  align-items: center;
}

.component_proyectos
  .main-container
  .content-overlay
  .content-footer
  .project-type
  svg {
  margin-right: 10px;
}

.component_proyectos
  .main-container
  .content-overlay
  .content-footer
  .project-type
  svg
  path {
  fill: #fff;
}

.component_proyectos
  .main-container
  .content-overlay
  .content-footer
  .project-type
  .location {
  margin-left: 10px;
  position: relative;
}

.component_proyectos
  .main-container
  .content-overlay
  .content-footer
  .project-type
  .location::before {
  content: '';
  height: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  margin: auto;
  background-color: #fff;
  left: -10px;
}

.component_proyectos
  .main-container
  .content-overlay
  .content-footer
  .project-type
  a {
  margin-right: 10px;
}

.component_proyectos
  .main-container
  .content-overlay
  .content-footer
  a.download
  svg {
  transform: scale(1.4) rotate(90deg);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  padding: 10px;
  margin-left: -15px;
  will-change: transform;
}

.component_proyectos
  .main-container
  .content-overlay
  .content-footer
  a.download
  svg:hover {
  transform: scale(1.6) rotate(90deg);
}

.component_proyectos
  .main-container
  .content-overlay
  .content-footer
  a.download
  svg:hover
  path {
  animation-name: to-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.component_proyectos .content-footer .link svg {
  width: 6.8rem;
  height: 8.8rem;
}

@media (min-width: 1024px) {
  .component_proyectos .content-footer .link svg {
    width: 9.4rem;
    height: 9.4rem;
  }
}

.component_proyectos hr {
  border-bottom: solid 1px #fff;
}

.component_proyectos
  .main-container[data-active-frame='2']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 1));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='2']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 1));
  }
}

.component_proyectos
  .main-container[data-active-frame='3']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 2));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='3']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 2));
  }
}

.component_proyectos
  .main-container[data-active-frame='4']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 3));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='4']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 3));
  }
}

.component_proyectos
  .main-container[data-active-frame='5']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 4));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='5']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 4));
  }
}

.component_proyectos
  .main-container[data-active-frame='6']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 5));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='6']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 5));
  }
}

.component_proyectos
  .main-container[data-active-frame='7']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 6));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='7']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 6));
  }
}

.component_proyectos
  .main-container[data-active-frame='8']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 7));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='8']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 7));
  }
}

.component_proyectos
  .main-container[data-active-frame='9']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 8));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='9']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 8));
  }
}

.component_proyectos
  .main-container[data-active-frame='10']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 9));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='10']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 9));
  }
}

.component_proyectos
  .main-container[data-active-frame='11']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 10));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='11']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 10));
  }
}

.component_proyectos
  .main-container[data-active-frame='12']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 11));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='12']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 11));
  }
}

.component_proyectos
  .main-container[data-active-frame='13']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 12));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='13']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 12));
  }
}

.component_proyectos
  .main-container[data-active-frame='14']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 13));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='14']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 13));
  }
}

.component_proyectos
  .main-container[data-active-frame='15']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 14));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='15']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 14));
  }
}

.component_proyectos
  .main-container[data-active-frame='16']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 15));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='16']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 15));
  }
}

.component_proyectos
  .main-container[data-active-frame='17']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 16));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='17']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 16));
  }
}

.component_proyectos
  .main-container[data-active-frame='18']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 17));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='18']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 17));
  }
}

.component_proyectos
  .main-container[data-active-frame='19']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 18));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='19']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 18));
  }
}

.component_proyectos
  .main-container[data-active-frame='20']
  .backgrounds-slider {
  transform: translateX(calc(-100vw * 19));
}

@media (min-width: 1920px) {
  .component_proyectos
    .main-container[data-active-frame='20']
    .backgrounds-slider {
    transform: translateX(calc(-1920px * 19));
  }
}

.template-soluciones .component_proyectos:not(.last-item) {
  margin-bottom: 0;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.soluciones-botonera .title {
  grid-column: 1 / -1;
  margin-bottom: 4rem;
}

@media (max-width: 679px) {
  .soluciones-botonera .title {
    margin-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .soluciones-botonera .title {
    grid-column: 1 / 7;
  }
}

.soluciones-botonera .link--icon {
  margin-top: 2rem;
}

@media (max-width: 679px) {
  .soluciones-botonera .link--icon {
    margin-top: 1.5rem;
  }
}

.soluciones-botonera .body {
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  .soluciones-botonera .body {
    grid-column: 7 / -1;
  }
}

@media (min-width: 1920px) {
  .soluciones-botonera .body {
    grid-column: 7 / -1;
  }
}

@media (min-width: 680px) {
  .soluciones-botonera .body .cta {
    display: block;
  }
}

.soluciones-botonera .soluciones-botonera__header {
  margin-bottom: 4rem;
}

@media (min-width: 680px) {
  .soluciones-botonera .soluciones-botonera__header {
    margin-bottom: 6rem;
  }
}

@media (min-width: 1024px) {
  .soluciones-botonera .soluciones-botonera__header {
    margin-bottom: 8rem;
  }
}

@media (min-width: 1280px) {
  .soluciones-botonera .soluciones-botonera__header {
    margin-bottom: 10rem;
  }
}

.soluciones-botonera li {
  margin-bottom: 3rem;
}

.soluciones-botonera li:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .soluciones-botonera li {
    margin-bottom: 6rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .soluciones-botonera li {
    margin-bottom: 4rem;
  }
}

.soluciones-botonera ul {
  display: flex;
  flex-wrap: wrap;
}

.soluciones-botonera ul li {
  flex-basis: 100%;
  margin-bottom: 2rem;
}

@media (min-width: 680px) {
  .soluciones-botonera ul li {
    flex-basis: 50%;
    margin-bottom: 3rem;
  }
}

@media (min-width: 1024px) {
  .soluciones-botonera ul li {
    flex-basis: 33%;
    padding-left: 0;
    margin-bottom: 6rem;
  }
}

.soluciones-botonera ul li:last-child {
  margin-right: 0;
}

.soluciones-botonera ul li a {
  display: inline-flex;
  transition: all 0.3s ease-in-out;
  align-items: center;
}

@media (min-width: 1680px) {
  .soluciones-botonera ul li a {
    font-size: 2.6rem;
    line-height: 3.8rem;
  }
}

.soluciones-botonera ul li a:hover {
  color: red;
}

.soluciones-botonera ul li svg {
  margin-right: 1.5rem;
  flex-shrink: 0;
}

@media (max-width: 679px) {
  .soluciones-botonera ul li svg {
    margin-right: 1rem;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

a {
  text-decoration: none;
  color: #000;
}

html {
  font-size: 62.5%;
}

.uppercase {
  text-transform: uppercase;
}

strong {
  font-weight: 600;
}

.title--tag {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-content: center;
  align-self: flex-start;
  min-height: 2.5rem;
  align-items: center;
}

@media (max-width: 679px) {
  .title--tag {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--tag {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}

.title--tag::before {
  width: 1px;
  content: '';
  display: inline-block;
  margin-right: 14px;
  background-color: red;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
}

.title--xl {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media (min-width: 1024px) {
  .title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 1680px) {
  .title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1920px) {
  .title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

.title--l {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.title--s {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

.title--xs {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.title--xxs {
  font-size: 1.6rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.body--m {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.body--s {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1280px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1680px) {
  .body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.title--small {
  font-size: 1.1rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

.cifras--s {
  font-size: 3rem;
  margin-top: 10px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--s {
    font-size: 4rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.cifras--l {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 680px) {
  .cifras--l {
    font-size: 12rem;
  }

  .cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1280px) {
  .cifras--l {
    font-size: 14rem;
  }

  .cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1680px) {
  .cifras--l {
    font-size: 22rem;
  }

  .cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.body--xs {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9rem;
}

.cifras--m {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--m {
    font-size: 6rem;
  }
}

@media (min-width: 1280px) {
  .cifras--m {
    font-size: 8rem;
  }
}

@media (min-width: 1920px) {
  .cifras--m {
    font-size: 12rem;
  }
}

.title--m {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.cifras--xl {
  font-size: 9rem;
  font-weight: 300;
}

@media (max-width: 679px) {
  .cifras--xl {
    font-size: 8rem;
  }
}

@media (min-width: 680px) {
  .cifras--xl {
    font-size: 14rem;
    line-height: 14rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .cifras--xl {
    font-size: 20rem;
  }
}

@media (min-width: 1280px) {
  .cifras--xl {
    font-size: 25rem;
  }
}

@media (min-width: 1920px) {
  .cifras--xl {
    font-size: 30rem;
  }
}

small {
  font-size: 0.5em;
}

@media screen and (min-width: 680px) {
  .xs-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xs-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xs-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xs-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--l {
    font-size: 12rem;
  }

  .xs-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--l {
    font-size: 14rem;
  }

  .xs-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-cifras--l {
    font-size: 22rem;
  }

  .xs-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .s-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .s-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .s-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--l {
    font-size: 12rem;
  }

  .s-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--l {
    font-size: 14rem;
  }

  .s-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-cifras--l {
    font-size: 22rem;
  }

  .s-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .m-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .m-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .m-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--l {
    font-size: 12rem;
  }

  .m-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--l {
    font-size: 14rem;
  }

  .m-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-cifras--l {
    font-size: 22rem;
  }

  .m-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .l-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .l-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .l-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--l {
    font-size: 12rem;
  }

  .l-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--l {
    font-size: 14rem;
  }

  .l-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-cifras--l {
    font-size: 22rem;
  }

  .l-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xl-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xl-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xl-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--l {
    font-size: 12rem;
  }

  .xl-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--l {
    font-size: 14rem;
  }

  .xl-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-cifras--l {
    font-size: 22rem;
  }

  .xl-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.link,
.btn-cta {
  font-size: 1.1rem;
  line-height: 2rem;
  min-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1680px) {
  .link,
  .btn-cta {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.taglabel {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.9rem;
  display: inline-flex;
  align-items: center;
}

.taglabel svg {
  margin-right: 0.5rem;
}

@media (min-width: 1680px) {
  .taglabel {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.download-link {
  position: relative;
}

.download-link svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.link--icon .cta-single {
  margin-left: 0;
}

.link--icon svg {
  transform: translateX(0) translateY(4px);
  margin-left: 1rem;
  transition: all 0.3s ease-in-out;
}

.link--icon:hover svg {
  transform: translateX(5px) translateY(4px);
}

.link--icon.link--lightbox svg {
  transform: translateX(0) translateY(2px);
}

.link--icon.link--lightbox:hover svg {
  transform: translateX(5px) translateY(2px);
}

.link--back {
  font-size: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .link--back {
    display: inline-flex;
  }
}

.link--back svg {
  transform: rotate(180deg) translateX(10px) translateY(1px);
}

.link--back:hover svg {
  transform: rotate(180deg) translateX(15px) translateY(1px);
}

.link--subscribe {
  font-size: 1rem;
}

.link--subscribe svg {
  transform: translateX(-10px) translateY(0);
}

.link--subscribe:hover svg {
  transform: translateX(-15px) translateY(0);
}

.link--download {
  position: relative;
  padding-left: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.link--download svg {
  position: absolute;
  left: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.link--download .link--download-type {
  flex-basis: 100%;
}

.link--download a,
.link--download a {
  flex-direction: column;
  align-items: flex-start;
}

.link--download span {
  transition: all 0.3s ease-in-out;
  transform: translateX(0) translateY(4px);
}

.link--download:hover span,
.link--download a:hover span {
  transform: translateX(0) translateY(4px);
}

.link--download:hover svg,
.link--download a:hover svg {
  transform: translateX(0) translateY(8px);
}

.link--download .link--download-type {
  color: #4c4c4c;
  font-weight: 400;
}

.btn-cta {
  background-color: red;
  height: 5rem;
  border-radius: 25px;
  display: inline-flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn-cta:hover {
  background-color: #d50000;
}

@media (max-width: 679px) {
  .btn-cta {
    height: 6rem;
    border-radius: 3rem;
    margin-right: 6rem;
    width: calc(100% - 20px);
  }
}

@media (min-width: 680px) {
  .btn-cta {
    max-width: 325px;
    width: auto;
    padding: 0 40px;
  }
}

.align-center {
  text-align: center;
}

@media (min-width: 680px) {
  .link.mobile-visible,
  .mobile-visible.btn-cta {
    display: none;
  }
}

@media (max-width: 679px) {
  .link.mobile-hidden,
  .mobile-hidden.btn-cta {
    display: none;
  }
}

.link--white {
  position: relative;
}

.link--white::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.link--white:hover::after {
  right: 100%;
  width: 0;
}

.link--red {
  color: red;
  position: relative;
}

.link--red::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--red:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: red;
}

.link--black {
  color: #000;
  position: relative;
}

.link--black::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--black:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: #000;
}

.testimonios .title--tag {
  margin-bottom: 4rem;
}

.testimonios .slider-controls {
  top: 100px !important;
}

@media (min-width: 1680px) {
  .testimonios .slider-controls {
    grid-column: 2 / -1 !important;
  }
}

.testimonios.with-slider {
  display: block;
}

@media (min-width: 1680px) {
  .testimonios.with-slider .input-range-slider input,
  .testimonios.with-slider .input-range-slider .frame-position-indicator {
    grid-column: 2 / -1;
  }
}

.testimonios.with-slider .frames-container {
  margin-left: -20px;
  margin-bottom: 3rem;
}

@media (min-width: 1680px) {
  .testimonios.with-slider .frames-container {
    margin-bottom: 6rem;
  }
}

.testimonios.with-slider .frame {
  width: 100vw;
  grid-row-gap: 0;
}

@media (min-width: 680px) {
  .testimonios.with-slider .frames-container {
    margin-left: -80px;
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider .frames-container {
    margin-left: 0;
    padding-left: 0;
  }
}

.testimonios.with-slider .cta {
  margin-top: 3rem;
}

@media (min-width: 680px) {
  .testimonios.with-slider .cta {
    float: right;
    margin-top: -2rem;
  }
}

.testimonios.with-slider .frames-container {
  transition: all 320ms ease-in-out;
}

.testimonios.with-slider .frame {
  transition: all 320ms ease-in-out;
  opacity: 0;
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 680px) {
  .testimonios.with-slider .frame {
    padding-left: 80px;
    padding-right: 160px;
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider .frame {
    width: 50%;
    padding: 0;
    margin: 0;
  }
}

.testimonios.with-slider .frame .person-picture {
  margin-right: 2rem;
}

.testimonios.with-slider .frame .person-picture img {
  border-radius: 100%;
}

.testimonios.with-slider .frame .audio {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}

.testimonios.with-slider .frame #player-button {
  cursor: pointer;
  background: transparent;
}

.testimonios.with-slider .frame .audio-stats {
  font-size: 1rem;
  color: #717171;
  flex-basis: 100%;
  display: flex;
  align-items: center;
}

.testimonios.with-slider .frame .audio-stats i {
  font-style: normal;
  font-size: 1.25em;
  line-height: 1;
}

.testimonios.with-slider .frame .person-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testimonios.with-slider .frame .person-content {
  display: flex;
  margin-top: 4rem;
  align-content: center;
}

.testimonios.with-slider .frame .blockquote {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  grid-column: 1 / -1;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 400;
  width: 100%;
}

@media (min-width: 680px) {
  .testimonios.with-slider .frame .blockquote {
    font-size: 2.6rem;
    line-height: 4.8rem;
  }
}

@media (min-width: 1280px) {
  .testimonios.with-slider .frame .blockquote {
    font-size: 3.4rem;
    line-height: 5rem;
  }
}

@media (min-width: 1680px) {
  .testimonios.with-slider .frame .blockquote {
    font-size: 4rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider .frame .blockquote {
    grid-column: 2 / -1;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .testimonios.with-slider .frame .blockquote {
    font-size: 3rem;
    line-height: 5.2rem;
  }
}

.testimonios.with-slider .frames-container {
  display: flex;
}

.testimonios.with-slider[data-active-frame='1'] .frame[data-frame-id='1'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='2'] .frame[data-frame-id='2'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='3'] .frame[data-frame-id='3'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='4'] .frame[data-frame-id='4'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='5'] .frame[data-frame-id='5'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='6'] .frame[data-frame-id='6'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='7'] .frame[data-frame-id='7'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='8'] .frame[data-frame-id='8'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='9'] .frame[data-frame-id='9'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='10'] .frame[data-frame-id='10'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='11'] .frame[data-frame-id='11'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
    transform: none;
  }
}

.testimonios.with-slider[data-active-frame='12'] .frame[data-frame-id='12'] {
  opacity: 1;
}

.testimonios.with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .testimonios.with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .testimonios.with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
    transform: none;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-buscadorfiltros .module-title {
  margin-bottom: 4rem;
}

@keyframes show-filters {
  0% {
    opacity: 0;
    max-height: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    max-height: 800px;
    visibility: visible;
  }
}

@keyframes hide-filters {
  0% {
    opacity: 1;
    max-height: 800px;
    visibility: visible;
  }

  100% {
    opacity: 0;
    max-height: 0;
    visibility: hidden;
  }
}

.module-buscadorfiltros.show .filters-container {
  animation-name: show-filters;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.module-buscadorfiltros.show #button-filters {
  margin-bottom: 4rem;
  transition: margin-bottom 1s ease-in-out;
}

.module-buscadorfiltros.hide .search-btn,
.module-buscadorfiltros.hide .filters-container {
  animation-name: hide-filters;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.module-buscadorfiltros.hide #button-filters {
  margin-bottom: 0;
  transition: margin-bottom 1s ease-in-out;
}

.module-buscadorfiltros.buscadorfiltros--noticias {
  margin-bottom: 4rem;
}

@media (min-width: 1024px) {
  .module-buscadorfiltros.buscadorfiltros--noticias {
    margin-bottom: 6rem;
  }
}

.module-buscadorfiltros.buscadorfiltros--noticias .filters-container,
.module-buscadorfiltros.buscadorfiltros--noticias .select-container {
  justify-content: flex-start;
  align-items: flex-start;
}

@media (min-width: 680px) {
  .module-buscadorfiltros.buscadorfiltros--noticias .filters-container,
  .module-buscadorfiltros.buscadorfiltros--noticias .select-container {
    justify-content: flex-end;
    align-items: flex-end;
  }
}

.module-buscadorfiltros.buscadorfiltros--noticias .select-container {
  max-width: 200px;
}

@media (min-width: 680px) {
  .module-buscadorfiltros.buscadorfiltros--noticias .select-container {
    max-width: 200px;
  }
}

.module-buscadorfiltros.buscadorfiltros--ofertas {
  margin-bottom: 0;
}

.module-buscadorfiltros.buscadorfiltros--ofertas
  .filters-container
  .select-container {
  width: 100%;
}

@media (min-width: 680px) {
  .module-buscadorfiltros.buscadorfiltros--ofertas
    .filters-container
    .select-container {
    margin-right: 3rem;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  .module-buscadorfiltros.buscadorfiltros--ofertas
    .filters-container
    .select-container {
    flex-wrap: nowrap;
  }
}

@media (min-width: 1680px) {
  .module-buscadorfiltros.buscadorfiltros--ofertas
    .filters-container
    .select-container {
    margin-right: 4vw;
  }
}

@media (min-width: 680px) {
  .module-buscadorfiltros.buscadorfiltros--ofertas .filters-container {
    flex-direction: row;
  }
}

@media (min-width: 680px) {
  .module-buscadorfiltros.buscadorfiltros--ofertas .search-btn {
    position: static;
    flex-shrink: 0;
  }
}

@media (max-width: 679px) {
  .module-buscadorfiltros.buscadorfiltros--ofertas .filters-container {
    width: 100%;
  }
}

@media (min-width: 680px) {
  .module-buscadorfiltros.buscadorfiltros--ofertas .select-container {
    width: 90%;
  }
}

@media (min-width: 1680px) {
  .module-buscadorfiltros.buscadorfiltros--ofertas .grid-container {
    grid-column: 2 / -2;
  }
}

@media (min-width: 1024px) {
  .module-buscadorfiltros.buscadorfiltros--equipo .grid-container {
    grid-column: 1 / -3;
  }
}

.module-buscadorfiltros #button-filters {
  float: right;
  cursor: pointer;
  background: transparent;
  position: relative;
  z-index: 1;
}

.module-buscadorfiltros select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0;
  background: #2c3e50;
  background-image: none;
  border-radius: 0;
  height: 26px;
  padding-bottom: 4px;
  display: flex;
  border-bottom: 1px solid #d8d8d8;
  font-size: 1rem;
  text-transform: uppercase;
  background-color: transparent;
  color: #000;
  width: 100%;
}

.module-buscadorfiltros .checkbox-filter {
  width: 100%;
}

.module-buscadorfiltros .search-btn {
  height: 53px;
  width: 53px;
  background-color: red;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  position: absolute;
  right: 0;
  top: 4rem;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 680px) {
  .module-buscadorfiltros .search-btn {
    position: static;
    flex-shrink: 0;
    margin-top: -6px;
  }

  .module-buscadorfiltros .search-btn:hover {
    background-color: #d50000;
    transform: scale(1.2);
  }
}

@media (max-width: 679px) {
  .module-buscadorfiltros .search-btn {
    width: 100%;
    border-radius: 25px;
    position: relative;
    top: 0;
    margin-top: 2rem;
    margin-bottom: 0;
  }
}

.module-buscadorfiltros .search-btn path {
  fill: #fff;
}

.module-buscadorfiltros .filters-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}

@media (max-width: 679px) {
  .module-buscadorfiltros .filters-container {
    display: block;
  }
}

@media (min-width: 680px) {
  .module-buscadorfiltros .filters-container {
    align-items: flex-start;
  }
}

@media (min-width: 1280px) {
  .module-buscadorfiltros .filters-container {
    flex-direction: row;
  }
}

@media (min-width: 1280px) {
  .module-buscadorfiltros .filters-container .select-container {
    margin-right: 4vw;
  }
}

@media (min-width: 1680px) {
  .module-buscadorfiltros .filters-container .select-container {
    margin-right: 4vw;
  }
}

.module-buscadorfiltros .filters-container .select-container,
.module-buscadorfiltros .filters-container .checkbox__container {
  width: 100%;
}

@media (min-width: 680px) {
  .module-buscadorfiltros .filters-container .select-container,
  .module-buscadorfiltros .filters-container .checkbox__container {
    width: 80%;
    display: flex;
  }
}

@media (min-width: 1280px) {
  .module-buscadorfiltros .filters-container .select-container,
  .module-buscadorfiltros .filters-container .checkbox__container {
    width: auto;
  }

  .module-buscadorfiltros .filters-container .select-container .taglabel,
  .module-buscadorfiltros .filters-container .checkbox__container .taglabel {
    width: auto;
  }
}

.module-buscadorfiltros .filters-container .select-container .select,
.module-buscadorfiltros .filters-container .checkbox__container .select {
  margin-bottom: 4rem;
}

.module-buscadorfiltros
  .filters-container
  .select-container
  .select
  select:focus
  + label,
.module-buscadorfiltros
  .filters-container
  .checkbox__container
  .select
  select:focus
  + label {
  top: -20px;
  opacity: 1;
}

.module-buscadorfiltros .filters-container .select-container .select label,
.module-buscadorfiltros .filters-container .checkbox__container .select label {
  position: absolute;
  top: -10px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  font-size: 1rem;
}

.module-buscadorfiltros .filters-container .select-container .select select,
.module-buscadorfiltros .filters-container .checkbox__container .select select {
  font-family: 'Acciona';
  letter-spacing: 1.5px;
  font-size: 10px;
  font-weight: 500;
}

@media (min-width: 680px) {
  .module-buscadorfiltros .filters-container .select-container .select,
  .module-buscadorfiltros .filters-container .checkbox__container .select {
    margin-bottom: 3rem;
    width: 42%;
  }

  .module-buscadorfiltros
    .filters-container
    .select-container
    .select:not(:last-child),
  .module-buscadorfiltros
    .filters-container
    .checkbox__container
    .select:not(:last-child) {
    margin-right: 4vw;
  }
}

@media (min-width: 1680px) {
  .module-buscadorfiltros
    .filters-container
    .select-container
    .select:not(:last-child),
  .module-buscadorfiltros
    .filters-container
    .checkbox__container
    .select:not(:last-child) {
    margin-right: 4vw;
  }
}

@media (min-width: 1280px) {
  .module-buscadorfiltros .filters-container .select-container {
    width: 60%;
  }
}

.module-buscadorfiltros select::-ms-expand {
  display: none;
}

.module-buscadorfiltros select {
  flex: 1;
  cursor: pointer;
}

.module-buscadorfiltros .select {
  position: relative;
}

.module-buscadorfiltros .select::after {
  content: url(/static/icons/chevron_down-10.svg);
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
}

.template-resultados .module-buscadorfiltros--proyectos {
  margin-bottom: 6rem;
}

@media (min-width: 680px) {
  .template-resultados .module-buscadorfiltros--proyectos {
    margin-bottom: 8rem;
  }
}

@media (min-width: 1280px) {
  .template-resultados .module-buscadorfiltros--proyectos {
    margin-bottom: 12rem;
  }
}

@media (min-width: 1680px) {
  .template-resultados .module-buscadorfiltros--proyectos {
    margin-bottom: 14rem;
  }
}

.template-resultados .filters-container {
  width: 100%;
}

.module-buscadorfiltros--proyectos .checkbox__content {
  display: flex;
}

.module-buscadorfiltros--proyectos .checkbox__container {
  flex-direction: column;
}

.module-buscadorfiltros--proyectos .checkbox-filters {
  display: flex;
  width: 100%;
}

@media (min-width: 1280px) {
  .module-buscadorfiltros--proyectos .checkbox-filters {
    margin-right: 4vw;
  }
}

@media (min-width: 1280px) {
  .module-buscadorfiltros--proyectos
    .checkbox-filters
    .taglabel:not(:first-child) {
    margin-left: 2rem;
  }
}

.module-buscadorfiltros--proyectos .select-container {
  width: 100% !important;
}

@media (max-width: 679px) {
  .module-buscadorfiltros--proyectos .checkbox-filters {
    flex-direction: column;
  }
}

.module-buscadorfiltros--proyectos .checkbox-filters .taglabel {
  margin-bottom: 1rem;
  cursor: inherit;
}

@media (max-width: 679px) {
  .module-buscadorfiltros--proyectos .search-btn {
    margin-bottom: 0;
  }
}

.module-buscadorfiltros--proyectos .grid-container {
  position: relative;
}

@media (min-width: 1680px) {
  .module-buscadorfiltros--proyectos .grid-container {
    grid-column: 2 / -2;
  }
}

.module-buscadorfiltros--proyectos .filters-container {
  flex-direction: column;
}

.module-buscadorfiltros--proyectos .selects-container {
  display: flex;
  width: 100%;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .module-buscadorfiltros--proyectos .selects-container {
    margin-bottom: 0;
  }
}

.module-buscadorfiltros--proyectos .filters-container {
  max-width: 100%;
}

@media (min-width: 680px) {
  .module-buscadorfiltros--proyectos .filters-container {
    max-width: calc(100% - 75px);
  }
}

@media (min-width: 680px) {
  .module-buscadorfiltros--proyectos .search-btn {
    position: absolute;
    top: -13px;
    right: 0;
  }
}

.module-buscadorfiltros--proyectos .select {
  width: 100% !important;
}

.module-buscadorfiltros--proyectos .checkbox-filter {
  margin-right: 4vw;
  margin-bottom: 3rem;
}

@media (min-width: 680px) {
  .module-buscadorfiltros--proyectos .checkbox-filter {
    margin-bottom: 0;
  }
}

@media (min-width: 1280px) {
  .module-buscadorfiltros--proyectos .checkbox-filter {
    margin-right: 0;
  }
}

.module-buscadorfiltros--proyectos .checkbox-filter:last-child {
  margin-right: 0;
}

.module-buscadorfiltros--proyectos .checkbox__content {
  display: flex;
}

@media (min-width: 680px) {
  .module-buscadorfiltros--proyectos .checkbox__content {
    flex-direction: column;
  }
}

@media (min-width: 1280px) {
  .module-buscadorfiltros--proyectos .checkbox__content {
    flex-direction: row;
  }
}

@media (max-width: 679px) {
  .module-buscadorfiltros--proyectos .checkbox__content .taglabel {
    margin-left: 0 !important;
  }
}

@media (min-width: 1280px) {
  .module-buscadorfiltros--proyectos
    .checkbox__content
    .taglabel:not(:first-child) {
    margin-left: 2.5rem !important;
  }
}

.module-buscadorfiltros--proyectos .checkbox__content .checkbox_label {
  cursor: pointer;
}

.module-buscadorfiltros--informes {
  margin-bottom: 6rem;
}

@media (min-width: 680px) {
  .module-buscadorfiltros--informes {
    margin-bottom: 8rem;
  }
}

@media (min-width: 1280px) {
  .module-buscadorfiltros--informes {
    margin-bottom: 10rem;
  }
}

.module-buscadorfiltros--informes .checkbox__content {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}

@media (min-width: 680px) {
  .module-buscadorfiltros--informes .checkbox__content {
    justify-content: flex-end;
  }
}

.module-buscadorfiltros--informes .checkbox__container {
  width: 100% !important;
}

.module-buscadorfiltros--informes .checkbox__container .taglabel {
  margin-right: 2rem;
  margin-bottom: 0;
  width: auto;
}

@media (min-width: 680px) {
  .module-buscadorfiltros--informes .checkbox__container .taglabel {
    margin-right: 4vw;
  }
}

.module-buscadorfiltros.buscadorfiltros--ofertas {
  margin-bottom: 10rem;
}

.select-proyectos-simple {
  flex-direction: column;
}

@media (min-width: 1024px) {
  .select-proyectos-simple {
    flex-direction: row;
  }
}

@media (min-width: 680px) {
  .select-proyectos-simple .checkbox__content {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .select-proyectos-simple .select {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 680px) {
  .select-proyectos-simple .checkbox_item {
    width: auto !important;
  }

  .select-proyectos-simple .checkbox_item:not(:first-child) {
    margin-left: 4vw;
  }
}

@media (min-width: 1680px) {
  .select-proyectos-simple .checkbox_item:not(:first-child) {
    margin-left: 2vw;
  }
}

@media (min-width: 1024px) {
  .select-proyectos-simple .select-container {
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .module-buscadorfiltros--proyectos-simple .checkbox__container {
    margin-left: 4vw;
  }
}

@media (min-width: 1024px) {
  .module-buscadorfiltros--proyectos-simple
    .filters-container
    .select-container {
    margin-right: 0;
  }
}

@media (min-width: 680px) {
  .module-buscadorfiltros--proyectos-simple .search-btn {
    top: 5px;
  }
}

.module-buscadorfiltros--proyectos-simple .checkbox-filters {
  display: flex;
  width: auto;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.timeline {
  display: flex;
  flex-direction: column;
  position: relative;
}

.timeline .link--icon {
  transition: all 0.3s ease-in-out;
}

.timeline .is-hovered .link--icon {
  transform: translateX(1rem);
}

.timeline .mobile-switch-buttons {
  display: flex;
  transition: all 320ms ease-in-out;
  margin-bottom: 50px;
}

.timeline .mobile-switch-buttons button {
  border: none;
  background: transparent;
  font-size: 1.3rem;
  padding: 0;
  width: 30px;
  margin-right: calc(100% - 30px);
  margin-right: 40px;
}

@media (min-width: 680px) {
  .timeline .mobile-switch-buttons {
    display: none;
  }
}

.timeline .input-range-slider {
  margin-top: 20px;
}

@media (min-width: 680px) {
  .timeline .input-range-slider {
    position: absolute;
    top: 0;
    left: 10vw;
    transform: rotate(90deg);
    transform-origin: top left;
    transition: all 320ms ease-in-out;
  }
}

.timeline .input-range-slider .description {
  display: none;
}

.timeline .frames-container {
  margin-left: -20px;
  display: flex;
}

@media (min-width: 680px) {
  .timeline .frames-container {
    max-width: 100%;
    flex-direction: column;
    margin-left: 0;
    position: relative;
  }
}

.timeline .frames-container .vertical-desktop-slider {
  display: none;
}

@media (min-width: 680px) {
  .timeline .frames-container .vertical-desktop-slider {
    display: block;
    position: absolute;
    padding: 0 8px;
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
  }

  .timeline .frames-container .vertical-desktop-slider::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #d8d8d8;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: -1;
  }

  .timeline .frames-container .vertical-desktop-slider .slider-tack {
    transition: all 1s ease-in-out;
    width: 3px;
    min-height: 100px;
    background-color: red;
    position: absolute;
    top: 0;
    left: 7px;
  }
}

.timeline .frames-container .frame {
  width: 100vw;
  padding-right: 20px;
}

@media (min-width: 680px) {
  .timeline .frames-container .frame {
    width: 100%;
    padding: 0;
  }
}

.timeline .frames-container .frame .frame-year-label-wrapper {
  padding: 0;
}

@media (max-width: 679px) {
  .timeline .frames-container .frame .frame-year-label-wrapper {
    display: none;
  }
}

.timeline .frames-container .frame .frame-year-label-wrapper .year-label {
  border: none;
  background: transparent;
  font-size: 1.3rem;
  padding: 0;
  cursor: pointer;
  font-family: 'Acciona', sans-serif;
  transition: transform 0.2s ease-in-out;
  transform: scale(1);
}

.timeline .frames-container .frame .frame-year-label-wrapper .year-label:hover {
  transform: scale(1.4);
}

@media (min-width: 680px) {
  .timeline .frames-container .frame .frame-year-label-wrapper .year-label {
    grid-column: 2 / -1;
    margin-bottom: 20px;
    width: 40px;
    text-align: left;
    margin-top: 50px;
  }
}

@media (min-width: 1024px) {
  .timeline .frames-container .frame .frame-year-label-wrapper .year-label {
    margin-top: 30px;
  }
}

@media (min-width: 1680px) {
  .timeline .frames-container .frame .frame-year-label-wrapper .year-label {
    margin-top: 50px;
  }
}

.timeline .frames-container .frame .frame-content {
  padding-right: 0;
}

@media (min-width: 680px) {
  .timeline .frames-container .frame .frame-content {
    padding-left: 0;
    max-height: 0;
    overflow: hidden;
  }
}

.timeline .frames-container .frame .frame-content .title {
  grid-column: 2 / -1;
  margin-bottom: 15px;
}

@media (min-width: 1024px) {
  .timeline .frames-container .frame .frame-content .title {
    grid-column: 2 / 7;
    grid-row: 1 / 2;
  }
}

@media (min-width: 1680px) {
  .timeline .frames-container .frame .frame-content .title {
    margin-top: 30px;
    grid-column: 2 / 7;
  }
}

@media (min-width: 1920px) {
  .timeline .frames-container .frame .frame-content .title {
    grid-column: 2 / 6;
  }
}

.timeline .frames-container .frame .frame-content .body-one {
  grid-column: 2 / 5;
}

.timeline
  .frames-container
  .frame
  .frame-content
  .body-one[data-with-image='true'] {
  grid-column: 2 / -2;
}

@media (min-width: 1024px) {
  .timeline .frames-container .frame .frame-content .body-one {
    grid-column: 2 / 7;
    grid-row: 2 / 3;
  }

  .timeline
    .frames-container
    .frame
    .frame-content
    .body-one[data-with-image='true'] {
    grid-column: 2 / 7;
  }
}

@media (min-width: 1920px) {
  .timeline .frames-container .frame .frame-content .body-one {
    grid-column: 2 / 6;
  }

  .timeline
    .frames-container
    .frame
    .frame-content
    .body-one[data-with-image='true'] {
    grid-column: 2 / 6;
  }
}

.timeline .frames-container .frame .frame-content .body-two {
  grid-column: 5 / -2;
}

@media (min-width: 1024px) {
  .timeline .frames-container .frame .frame-content .body-two {
    grid-column: 7 / -2;
    grid-row: 2 / 3;
  }
}

@media (min-width: 1920px) {
  .timeline .frames-container .frame .frame-content .body-two {
    grid-column: 6 / -4;
  }
}

.timeline .frames-container .frame .frame-content .image-container {
  grid-column: 2 / -2;
  position: relative;
  height: 185px;
  overflow: hidden;
  margin-top: 20px;
}

@media (min-width: 680px) {
  .timeline .frames-container .frame .frame-content .image-container {
    height: 348px;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .timeline .frames-container .frame .frame-content .image-container {
    grid-column: 7 / -1;
    grid-row: 1 / 4;
    height: auto;
    margin-top: -50px;
  }
}

@media (min-width: 1024px) {
  .timeline .frames-container .frame .frame-content .image-container {
    overflow: visible;
  }
}

.timeline .frames-container .frame .frame-content .image-container .body-image {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transition: all 320ms ease-in-out;
  opacity: 0;
  transform: translate(-50%, -50%);
}

@media (min-width: 680px) {
  .timeline
    .frames-container
    .frame
    .frame-content
    .image-container
    .body-image {
    max-width: 917px;
    max-height: 606px;
    width: auto;
    height: auto;
    height: 348px;
  }
}

@media (min-width: 1024px) {
  .timeline
    .frames-container
    .frame
    .frame-content
    .image-container
    .body-image {
    transform: none;
    top: 0;
    left: 0;
    width: calc(100% + 10vw);
    height: auto;
  }
}

@media (min-width: 1024px) {
  .timeline
    .frames-container
    .frame
    .frame-content
    .image-container
    .body-image {
    width: calc(100% + 5vw);
  }
}

.timeline .frames-container .frame .frame-content .cta {
  margin-top: 10px;
  margin-bottom: 20px;
  grid-column: 2 / -1;
  grid-row: 3 / 4;
}

@media (min-width: 1920px) {
  .timeline .frames-container .frame .frame-content .cta {
    margin-top: 30px;
  }
}

.timeline .frames-container .frame .frame-content .cta span {
  margin-right: 0;
}

@media (max-width: 679px) {
  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='1'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 0));
  }

  .timeline[data-active-frame='1'] .frames-container {
    transform: translateX(calc(-100vw * 0));
  }

  .timeline[data-active-frame='1']
    .mobile-switch-buttons
    button[data-frame-id='1'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='1']
    .frame[data-frame-id='1']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='2'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 1));
  }

  .timeline[data-active-frame='2'] .frames-container {
    transform: translateX(calc(-100vw * 1));
  }

  .timeline[data-active-frame='2']
    .mobile-switch-buttons
    button[data-frame-id='2'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='2']
    .frame[data-frame-id='2']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='3'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 2));
  }

  .timeline[data-active-frame='3'] .frames-container {
    transform: translateX(calc(-100vw * 2));
  }

  .timeline[data-active-frame='3']
    .mobile-switch-buttons
    button[data-frame-id='3'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='3']
    .frame[data-frame-id='3']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='4'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 3));
  }

  .timeline[data-active-frame='4'] .frames-container {
    transform: translateX(calc(-100vw * 3));
  }

  .timeline[data-active-frame='4']
    .mobile-switch-buttons
    button[data-frame-id='4'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='4']
    .frame[data-frame-id='4']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='5'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 4));
  }

  .timeline[data-active-frame='5'] .frames-container {
    transform: translateX(calc(-100vw * 4));
  }

  .timeline[data-active-frame='5']
    .mobile-switch-buttons
    button[data-frame-id='5'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='5']
    .frame[data-frame-id='5']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='6'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 5));
  }

  .timeline[data-active-frame='6'] .frames-container {
    transform: translateX(calc(-100vw * 5));
  }

  .timeline[data-active-frame='6']
    .mobile-switch-buttons
    button[data-frame-id='6'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='6']
    .frame[data-frame-id='6']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='7'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 6));
  }

  .timeline[data-active-frame='7'] .frames-container {
    transform: translateX(calc(-100vw * 6));
  }

  .timeline[data-active-frame='7']
    .mobile-switch-buttons
    button[data-frame-id='7'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='7']
    .frame[data-frame-id='7']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='8'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 7));
  }

  .timeline[data-active-frame='8'] .frames-container {
    transform: translateX(calc(-100vw * 7));
  }

  .timeline[data-active-frame='8']
    .mobile-switch-buttons
    button[data-frame-id='8'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='8']
    .frame[data-frame-id='8']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='9'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 8));
  }

  .timeline[data-active-frame='9'] .frames-container {
    transform: translateX(calc(-100vw * 8));
  }

  .timeline[data-active-frame='9']
    .mobile-switch-buttons
    button[data-frame-id='9'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='9']
    .frame[data-frame-id='9']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='10'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 9));
  }

  .timeline[data-active-frame='10'] .frames-container {
    transform: translateX(calc(-100vw * 9));
  }

  .timeline[data-active-frame='10']
    .mobile-switch-buttons
    button[data-frame-id='10'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='10']
    .frame[data-frame-id='10']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='11'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 10));
  }

  .timeline[data-active-frame='11'] .frames-container {
    transform: translateX(calc(-100vw * 10));
  }

  .timeline[data-active-frame='11']
    .mobile-switch-buttons
    button[data-frame-id='11'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='11']
    .frame[data-frame-id='11']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='12'] .mobile-switch-buttons {
    transform: translateX(calc((-70px) * 11));
  }

  .timeline[data-active-frame='12'] .frames-container {
    transform: translateX(calc(-100vw * 11));
  }

  .timeline[data-active-frame='12']
    .mobile-switch-buttons
    button[data-frame-id='12'] {
    opacity: 0.3;
  }

  .timeline[data-active-frame='12']
    .frame[data-frame-id='12']
    .frame-content
    .body-image {
    opacity: 1;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='1'] .frame[data-frame-id='1'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='1'] .frame[data-frame-id='1'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='1']
    .frame[data-frame-id='1']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='2'] .frame[data-frame-id='2'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='2'] .frame[data-frame-id='2'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='2']
    .frame[data-frame-id='2']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='3'] .frame[data-frame-id='3'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='3'] .frame[data-frame-id='3'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='3']
    .frame[data-frame-id='3']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='4'] .frame[data-frame-id='4'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='4'] .frame[data-frame-id='4'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='4']
    .frame[data-frame-id='4']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='5'] .frame[data-frame-id='5'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='5'] .frame[data-frame-id='5'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='5']
    .frame[data-frame-id='5']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='6'] .frame[data-frame-id='6'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='6'] .frame[data-frame-id='6'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='6']
    .frame[data-frame-id='6']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='7'] .frame[data-frame-id='7'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='7'] .frame[data-frame-id='7'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='7']
    .frame[data-frame-id='7']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='8'] .frame[data-frame-id='8'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='8'] .frame[data-frame-id='8'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='8']
    .frame[data-frame-id='8']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='9'] .frame[data-frame-id='9'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='9'] .frame[data-frame-id='9'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='9']
    .frame[data-frame-id='9']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='10'] .frame[data-frame-id='10'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='10'] .frame[data-frame-id='10'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='10']
    .frame[data-frame-id='10']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='11'] .frame[data-frame-id='11'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='11'] .frame[data-frame-id='11'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='11']
    .frame[data-frame-id='11']
    .frame-content
    .body-image {
    opacity: 1;
  }

  .timeline[data-active-frame='12'] .frame[data-frame-id='12'] .frame-content {
    max-height: 100vh;
    flex-grow: 1;
    animation-name: staggerIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .timeline[data-active-frame='12'] .frame[data-frame-id='12'] .frame-content {
    overflow: visible;
  }
}

@media (min-width: 680px) {
  .timeline[data-active-frame='12']
    .frame[data-frame-id='12']
    .frame-content
    .body-image {
    opacity: 1;
  }
}

@media (min-width: 680px) {
  .timeline input[type='range']::-ms-thumb {
    max-width: 120px;
  }

  .timeline input[type='range']::-webkit-slider-thumb {
    max-width: 120px;
  }

  .timeline input[type='range']::-moz-range-thumb {
    max-width: 120px;
  }
}

@keyframes staggerIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

a {
  text-decoration: none;
  color: #000;
}

html {
  font-size: 62.5%;
}

.uppercase {
  text-transform: uppercase;
}

strong {
  font-weight: 600;
}

.title--tag {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-content: center;
  align-self: flex-start;
  min-height: 2.5rem;
  align-items: center;
}

@media (max-width: 679px) {
  .title--tag {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--tag {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}

.title--tag::before {
  width: 1px;
  content: '';
  display: inline-block;
  margin-right: 14px;
  background-color: red;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
}

.title--xl {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media (min-width: 1024px) {
  .title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 1680px) {
  .title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1920px) {
  .title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

.title--l {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.title--s {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

.title--xs {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.title--xxs {
  font-size: 1.6rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.body--m {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.body--s {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1280px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1680px) {
  .body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.title--small {
  font-size: 1.1rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

.cifras--s {
  font-size: 3rem;
  margin-top: 10px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--s {
    font-size: 4rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.cifras--l {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 680px) {
  .cifras--l {
    font-size: 12rem;
  }

  .cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1280px) {
  .cifras--l {
    font-size: 14rem;
  }

  .cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1680px) {
  .cifras--l {
    font-size: 22rem;
  }

  .cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.body--xs {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9rem;
}

.cifras--m {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--m {
    font-size: 6rem;
  }
}

@media (min-width: 1280px) {
  .cifras--m {
    font-size: 8rem;
  }
}

@media (min-width: 1920px) {
  .cifras--m {
    font-size: 12rem;
  }
}

.title--m {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.cifras--xl {
  font-size: 9rem;
  font-weight: 300;
}

@media (max-width: 679px) {
  .cifras--xl {
    font-size: 8rem;
  }
}

@media (min-width: 680px) {
  .cifras--xl {
    font-size: 14rem;
    line-height: 14rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .cifras--xl {
    font-size: 20rem;
  }
}

@media (min-width: 1280px) {
  .cifras--xl {
    font-size: 25rem;
  }
}

@media (min-width: 1920px) {
  .cifras--xl {
    font-size: 30rem;
  }
}

small {
  font-size: 0.5em;
}

@media screen and (min-width: 680px) {
  .xs-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xs-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xs-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xs-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--l {
    font-size: 12rem;
  }

  .xs-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--l {
    font-size: 14rem;
  }

  .xs-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-cifras--l {
    font-size: 22rem;
  }

  .xs-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .s-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .s-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .s-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--l {
    font-size: 12rem;
  }

  .s-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--l {
    font-size: 14rem;
  }

  .s-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-cifras--l {
    font-size: 22rem;
  }

  .s-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .m-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .m-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .m-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--l {
    font-size: 12rem;
  }

  .m-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--l {
    font-size: 14rem;
  }

  .m-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-cifras--l {
    font-size: 22rem;
  }

  .m-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .l-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .l-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .l-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--l {
    font-size: 12rem;
  }

  .l-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--l {
    font-size: 14rem;
  }

  .l-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-cifras--l {
    font-size: 22rem;
  }

  .l-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xl-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xl-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xl-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--l {
    font-size: 12rem;
  }

  .xl-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--l {
    font-size: 14rem;
  }

  .xl-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-cifras--l {
    font-size: 22rem;
  }

  .xl-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.link,
.btn-cta {
  font-size: 1.1rem;
  line-height: 2rem;
  min-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1680px) {
  .link,
  .btn-cta {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.taglabel {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.9rem;
  display: inline-flex;
  align-items: center;
}

.taglabel svg {
  margin-right: 0.5rem;
}

@media (min-width: 1680px) {
  .taglabel {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.download-link {
  position: relative;
}

.download-link svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.link--icon .cta-single {
  margin-left: 0;
}

.link--icon svg {
  transform: translateX(0) translateY(4px);
  margin-left: 1rem;
  transition: all 0.3s ease-in-out;
}

.link--icon:hover svg {
  transform: translateX(5px) translateY(4px);
}

.link--icon.link--lightbox svg {
  transform: translateX(0) translateY(2px);
}

.link--icon.link--lightbox:hover svg {
  transform: translateX(5px) translateY(2px);
}

.link--back {
  font-size: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .link--back {
    display: inline-flex;
  }
}

.link--back svg {
  transform: rotate(180deg) translateX(10px) translateY(1px);
}

.link--back:hover svg {
  transform: rotate(180deg) translateX(15px) translateY(1px);
}

.link--subscribe {
  font-size: 1rem;
}

.link--subscribe svg {
  transform: translateX(-10px) translateY(0);
}

.link--subscribe:hover svg {
  transform: translateX(-15px) translateY(0);
}

.link--download {
  position: relative;
  padding-left: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.link--download svg {
  position: absolute;
  left: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.link--download .link--download-type {
  flex-basis: 100%;
}

.link--download a,
.link--download a {
  flex-direction: column;
  align-items: flex-start;
}

.link--download span {
  transition: all 0.3s ease-in-out;
  transform: translateX(0) translateY(4px);
}

.link--download:hover span,
.link--download a:hover span {
  transform: translateX(0) translateY(4px);
}

.link--download:hover svg,
.link--download a:hover svg {
  transform: translateX(0) translateY(8px);
}

.link--download .link--download-type {
  color: #4c4c4c;
  font-weight: 400;
}

.btn-cta {
  background-color: red;
  height: 5rem;
  border-radius: 25px;
  display: inline-flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn-cta:hover {
  background-color: #d50000;
}

@media (max-width: 679px) {
  .btn-cta {
    height: 6rem;
    border-radius: 3rem;
    margin-right: 6rem;
    width: calc(100% - 20px);
  }
}

@media (min-width: 680px) {
  .btn-cta {
    max-width: 325px;
    width: auto;
    padding: 0 40px;
  }
}

.align-center {
  text-align: center;
}

@media (min-width: 680px) {
  .link.mobile-visible,
  .mobile-visible.btn-cta {
    display: none;
  }
}

@media (max-width: 679px) {
  .link.mobile-hidden,
  .mobile-hidden.btn-cta {
    display: none;
  }
}

.link--white {
  position: relative;
}

.link--white::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.link--white:hover::after {
  right: 100%;
  width: 0;
}

.link--red {
  color: red;
  position: relative;
}

.link--red::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--red:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: red;
}

.link--black {
  color: #000;
  position: relative;
}

.link--black::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--black:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: #000;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.acordeon .title--tag {
  grid-column: 1 / 5;
  margin-bottom: 4rem;
}

@media (min-width: 1024px) {
  .acordeon .title--tag {
    grid-column: 1 / 7;
  }
}

.acordeon .acordeon--disabled {
  cursor: default !important;
}

.acordeon .acordeon--disabled .chevron {
  display: none;
}

.acordeon .module-cta {
  grid-column: 5 / 9;
  line-height: 1.9rem;
}

@media (max-width: 679px) {
  .acordeon .module-cta {
    margin-top: 30px;
  }
}

@media (min-width: 680px) {
  .acordeon .module-cta {
    margin-bottom: 4rem;
    margin-left: auto;
  }
}

@media (min-width: 1024px) {
  .acordeon .module-cta {
    grid-column: 7 / 13;
  }
}

.acordeon .distribuidor-2-col-container {
  grid-column: 1 / -1;
  padding: 0;
}

.acordeon .distribuidor-2-col-container strong {
  font-weight: 600;
}

.acordeon
  .distribuidor-2-col-container
  .distribuidor-2-col-item:nth-child(odd) {
  grid-column: 1 / 5;
}

.acordeon
  .distribuidor-2-col-container
  .distribuidor-2-col-item:nth-child(even) {
  grid-column: 5 / 9;
}

@media (min-width: 1024px) {
  .acordeon
    .distribuidor-2-col-container
    .distribuidor-2-col-item:nth-child(odd) {
    grid-column: 1 / 7;
  }

  .acordeon
    .distribuidor-2-col-container
    .distribuidor-2-col-item:nth-child(even) {
    grid-column: 7 / 13;
  }
}

.acordeon
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .title-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  cursor: pointer;
  padding-top: 3rem;
}

.acordeon
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .title-container
  .title {
  flex-grow: 1;
}

.acordeon
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .title-container
  .chevron {
  flex-shrink: 0;
  transition: all 320ms ease-in-out;
  transform: translateY(10px);
  margin-left: 18px;
}

.acordeon .distribuidor-2-col-container .distribuidor-2-col-item .main-content {
  padding-top: 3rem;
  max-height: 0;
  overflow: hidden;
  transition: all 320ms ease-in-out;
  border-bottom: solid 1px #d8d8d8;
}

.acordeon
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .module-wysiwyg
  .grid {
  padding: 0;
}

.acordeon
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .module-wysiwyg
  .grid
  .text-container {
  grid-column: 1 / -1;
}

.acordeon
  .distribuidor-2-col-container
  .distribuidor-2-col-item.is-active
  .chevron {
  transform: translateY(10px) rotate(180deg);
}

.acordeon
  .distribuidor-2-col-container
  .distribuidor-2-col-item.is-active
  .text-container {
  max-height: 1000vh;
  padding-bottom: 30px;
}

.acordeon.single-column .distribuidor-2-col-container .distribuidor-2-col-item {
  grid-column: 1 / -1;
  margin-top: 0;
}

@media (max-width: 679px) {
  .acordeon.with-image
    .distribuidor-2-col-container
    .distribuidor-2-col-item:nth-child(1n + 2)
    .image-container {
    margin-top: 60px;
  }
}

@media (min-width: 680px) {
  .acordeon.with-image
    .distribuidor-2-col-container
    .distribuidor-2-col-item:nth-child(1n + 3)
    .image-container {
    margin-top: 100px;
  }
}

.acordeon--equipo-directivo .link {
  font-size: 1rem;
}

.acordeon--equipo-directivo .title--xs {
  font-size: 1.4rem;
}

.acordeon--equipo-directivo .distribuidor-2-col-item:not(:last-child) {
  margin-bottom: 6rem;
}

.acordeon--equipo-directivo .distribuidor-2-col-item:nth-child(odd) {
  grid-column: 1 / -1 !important;
}

.acordeon--equipo-directivo .distribuidor-2-col-item:nth-child(even) {
  grid-column: 1 / -1 !important;
}

@media (min-width: 1024px) {
  .acordeon--equipo-directivo .distribuidor-2-col-item:nth-child(odd) {
    grid-column: 1 / 7 !important;
  }

  .acordeon--equipo-directivo .distribuidor-2-col-item:nth-child(even) {
    grid-column: 7 / 13 !important;
  }
}

.acordeon--equipo-directivo:not(.acordeon--equipo-directivo--lower).module {
  margin-bottom: 7rem;
}

.acordeon--equipo-directivo:not(.acordeon--equipo-directivo--lower).module
  .title-container {
  padding-top: 0 !important;
}

.acordeon--equipo-directivo .legend {
  grid-column: 1 / -1;
  margin-top: 6rem;
  align-items: flex-start;
}

.acordeon--equipo-directivo .legend svg {
  margin-right: 10px;
  transform: translateY(2px);
  flex-shrink: 0;
}

.acordeon--equipo-directivo .distribuidor-2-col-container .main-content {
  padding-top: 0 !important;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .main-content
  li
  span {
  display: inline-flex;
  align-items: center;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .main-content
  li
  span
  svg {
  margin-left: 1rem;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .main-content
  .body--s:not(:last-child) {
  margin-bottom: 1rem;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .distribuidor-2-col-item.is-active
  .main-content {
  padding-top: 3rem !important;
}

.acordeon--equipo-directivo .distribuidor-2-col-container .title-container {
  flex-direction: column;
  padding-right: 30px;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .title-container
  .chevron {
  position: absolute;
  right: 0;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .title-container
  .chevron
  path {
  fill: red;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .title-container
  .link--icon {
  margin-top: 1.5rem;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .title-container
  .title--xs {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .title-container
  .title--xs
  svg {
  position: static;
  transform: translateY(0);
  margin-left: 10px;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .title-container
  .title--xs
  svg
  path {
  fill: #fff;
}

.acordeon--equipo-directivo
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .main-content {
  border-bottom: transparent;
}

.acordeon--equipo-directivo--lower
  .distribuidor-2-col-container
  .distribuidor-2-col-item:nth-child(odd) {
  grid-column: 1 / 9 !important;
}

.acordeon--equipo-directivo--lower
  .distribuidor-2-col-container
  .distribuidor-2-col-item:nth-child(even) {
  grid-column: 1 / 9 !important;
}

@media (min-width: 1024px) {
  .acordeon--equipo-directivo--lower
    .distribuidor-2-col-container
    .distribuidor-2-col-item:nth-child(odd) {
    grid-column: 1 / 7 !important;
  }

  .acordeon--equipo-directivo--lower
    .distribuidor-2-col-container
    .distribuidor-2-col-item:nth-child(even) {
    grid-column: 7 / 13 !important;
  }
}

.acordeon--equipo-directivo--lower
  .distribuidor-2-col-container
  .distribuidor-2-col-item {
  border-bottom: transparent;
  border-bottom: transparent;
}

.acordeon--equipo-directivo--lower
  .distribuidor-2-col-container
  .distribuidor-2-col-item:not(:last-child) {
  margin-bottom: 6rem;
}

.acordeon--equipo-directivo--lower
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .title-container {
  background-color: #fafafa;
  padding: 40px;
}

.acordeon--equipo-directivo--lower
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .main-content {
  background-color: #fafafa;
  padding-left: 40px;
  padding-right: 40px;
}

.acordeon--equipo-directivo--lower
  .distribuidor-2-col-container
  .distribuidor-2-col-item.is-active
  .main-content {
  background-color: #fafafa;
  padding: 0 40px 40px 40px;
  padding-top: 0 !important;
}

.acordeon--equipo-directivo--lower
  .distribuidor-2-col-container
  .distribuidor-2-col-item
  .chevron {
  right: 25px;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

a {
  text-decoration: none;
  color: #000;
}

html {
  font-size: 62.5%;
}

.uppercase {
  text-transform: uppercase;
}

strong {
  font-weight: 600;
}

.title--tag {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-content: center;
  align-self: flex-start;
  min-height: 2.5rem;
  align-items: center;
}

@media (max-width: 679px) {
  .title--tag {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--tag {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}

.title--tag::before {
  width: 1px;
  content: '';
  display: inline-block;
  margin-right: 14px;
  background-color: red;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
}

.title--xl {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media (min-width: 1024px) {
  .title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 1680px) {
  .title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1920px) {
  .title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

.title--l {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.title--s {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

.title--xs {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.title--xxs {
  font-size: 1.6rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.body--m {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.body--s {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1280px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1680px) {
  .body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.title--small {
  font-size: 1.1rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

.cifras--s {
  font-size: 3rem;
  margin-top: 10px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--s {
    font-size: 4rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.cifras--l {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 680px) {
  .cifras--l {
    font-size: 12rem;
  }

  .cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1280px) {
  .cifras--l {
    font-size: 14rem;
  }

  .cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1680px) {
  .cifras--l {
    font-size: 22rem;
  }

  .cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.body--xs {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9rem;
}

.cifras--m {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--m {
    font-size: 6rem;
  }
}

@media (min-width: 1280px) {
  .cifras--m {
    font-size: 8rem;
  }
}

@media (min-width: 1920px) {
  .cifras--m {
    font-size: 12rem;
  }
}

.title--m {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.cifras--xl {
  font-size: 9rem;
  font-weight: 300;
}

@media (max-width: 679px) {
  .cifras--xl {
    font-size: 8rem;
  }
}

@media (min-width: 680px) {
  .cifras--xl {
    font-size: 14rem;
    line-height: 14rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .cifras--xl {
    font-size: 20rem;
  }
}

@media (min-width: 1280px) {
  .cifras--xl {
    font-size: 25rem;
  }
}

@media (min-width: 1920px) {
  .cifras--xl {
    font-size: 30rem;
  }
}

small {
  font-size: 0.5em;
}

@media screen and (min-width: 680px) {
  .xs-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xs-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xs-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xs-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--l {
    font-size: 12rem;
  }

  .xs-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--l {
    font-size: 14rem;
  }

  .xs-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-cifras--l {
    font-size: 22rem;
  }

  .xs-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .s-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .s-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .s-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--l {
    font-size: 12rem;
  }

  .s-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--l {
    font-size: 14rem;
  }

  .s-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-cifras--l {
    font-size: 22rem;
  }

  .s-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .m-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .m-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .m-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--l {
    font-size: 12rem;
  }

  .m-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--l {
    font-size: 14rem;
  }

  .m-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-cifras--l {
    font-size: 22rem;
  }

  .m-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .l-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .l-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .l-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--l {
    font-size: 12rem;
  }

  .l-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--l {
    font-size: 14rem;
  }

  .l-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-cifras--l {
    font-size: 22rem;
  }

  .l-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xl-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xl-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xl-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--l {
    font-size: 12rem;
  }

  .xl-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--l {
    font-size: 14rem;
  }

  .xl-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-cifras--l {
    font-size: 22rem;
  }

  .xl-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.link,
.btn-cta {
  font-size: 1.1rem;
  line-height: 2rem;
  min-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1680px) {
  .link,
  .btn-cta {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.taglabel {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.9rem;
  display: inline-flex;
  align-items: center;
}

.taglabel svg {
  margin-right: 0.5rem;
}

@media (min-width: 1680px) {
  .taglabel {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.download-link {
  position: relative;
}

.download-link svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.link--icon .cta-single {
  margin-left: 0;
}

.link--icon svg {
  transform: translateX(0) translateY(4px);
  margin-left: 1rem;
  transition: all 0.3s ease-in-out;
}

.link--icon:hover svg {
  transform: translateX(5px) translateY(4px);
}

.link--icon.link--lightbox svg {
  transform: translateX(0) translateY(2px);
}

.link--icon.link--lightbox:hover svg {
  transform: translateX(5px) translateY(2px);
}

.link--back {
  font-size: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .link--back {
    display: inline-flex;
  }
}

.link--back svg {
  transform: rotate(180deg) translateX(10px) translateY(1px);
}

.link--back:hover svg {
  transform: rotate(180deg) translateX(15px) translateY(1px);
}

.link--subscribe {
  font-size: 1rem;
}

.link--subscribe svg {
  transform: translateX(-10px) translateY(0);
}

.link--subscribe:hover svg {
  transform: translateX(-15px) translateY(0);
}

.link--download {
  position: relative;
  padding-left: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.link--download svg {
  position: absolute;
  left: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.link--download .link--download-type {
  flex-basis: 100%;
}

.link--download a,
.link--download a {
  flex-direction: column;
  align-items: flex-start;
}

.link--download span {
  transition: all 0.3s ease-in-out;
  transform: translateX(0) translateY(4px);
}

.link--download:hover span,
.link--download a:hover span {
  transform: translateX(0) translateY(4px);
}

.link--download:hover svg,
.link--download a:hover svg {
  transform: translateX(0) translateY(8px);
}

.link--download .link--download-type {
  color: #4c4c4c;
  font-weight: 400;
}

.btn-cta {
  background-color: red;
  height: 5rem;
  border-radius: 25px;
  display: inline-flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn-cta:hover {
  background-color: #d50000;
}

@media (max-width: 679px) {
  .btn-cta {
    height: 6rem;
    border-radius: 3rem;
    margin-right: 6rem;
    width: calc(100% - 20px);
  }
}

@media (min-width: 680px) {
  .btn-cta {
    max-width: 325px;
    width: auto;
    padding: 0 40px;
  }
}

.align-center {
  text-align: center;
}

@media (min-width: 680px) {
  .link.mobile-visible,
  .mobile-visible.btn-cta {
    display: none;
  }
}

@media (max-width: 679px) {
  .link.mobile-hidden,
  .mobile-hidden.btn-cta {
    display: none;
  }
}

.link--white {
  position: relative;
}

.link--white::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.link--white:hover::after {
  right: 100%;
  width: 0;
}

.link--red {
  color: red;
  position: relative;
}

.link--red::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--red:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: red;
}

.link--black {
  color: #000;
  position: relative;
}

.link--black::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--black:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: #000;
}

.logos-slider .title--tag {
  margin-bottom: 4rem;
}

.logos-slider.with-slider {
  position: relative;
}

.logos-slider.with-slider .slider-controls {
  margin-top: 0;
}

.logos-slider.with-slider .module-cta {
  display: inline-block;
  margin-top: 2rem;
}

@media (min-width: 680px) {
  .logos-slider.with-slider .module-cta {
    margin-top: 3rem;
  }
}

.logos-slider.with-slider .frames-container {
  margin-left: -20px;
  margin-bottom: 50px;
  width: 100% !important;
  transition: all 320ms ease-in-out;
  display: flex;
}

.logos-slider.with-slider .frame {
  width: 100vw;
  grid-row-gap: 0;
  transition: all 320ms ease-in-out;
  opacity: 0;
  padding-right: 40px;
  padding-left: 20px;
  flex-shrink: 0;
}

@media (min-width: 680px) {
  .logos-slider.with-slider .frame {
    padding-left: 80px;
    padding-right: 160px;
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider .frame {
    width: 50%;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider .frame.grid[data-frame-id] {
    padding: 0;
  }
}

@media (min-width: 680px) {
  .logos-slider.with-slider .frames-container {
    margin-left: -80px;
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider .frames-container {
    margin-left: 0;
    padding-left: 0;
  }
}

.logos-slider.with-slider .header {
  padding: 0;
  align-items: flex-start;
}

.logos-slider.with-slider .header .title--tag {
  grid-column: 1 / 6;
}

.logos-slider.with-slider .header .link.module-cta,
.logos-slider.with-slider .header .module-cta.btn-cta {
  grid-column: 6 / -1;
  align-items: flex-start;
  justify-self: flex-end;
}

.logos-slider.with-slider .header .module-body {
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  .logos-slider.with-slider .header .module-body {
    grid-column: 1 / 8;
  }
}

.logos-slider.with-slider .module-body {
  margin-bottom: 60px;
}

.logos-slider.with-slider .logo-container {
  flex: 1;
  grid-column: 1 / -1;
}

@media (min-width: 680px) {
  .logos-slider.with-slider .logo-container {
    grid-column: span 4;
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider .logo-container {
    grid-column: span 3;
  }
}

.logos-slider.with-slider .logo-container p.description {
  padding-top: 10px;
}

.logos-slider.with-slider .logo-container .link--icon {
  margin-top: 10px;
}

.logos-slider.with-slider .logo-container .link--icon :hover svg {
  transform: translateX(4px);
}

.logos-slider.with-slider .logo-container .link--icon svg {
  transform: none;
  margin-left: 0;
}

.logos-slider.with-slider .logo-container .link--download,
.logos-slider.with-slider .logo-container .link--download span,
.logos-slider.with-slider .logo-container .link--download span svg {
  padding-left: 0;
  transform: none;
  position: relative;
}

.logos-slider.with-slider .logo-container .link--download {
  padding-left: 2.5rem;
}

.logos-slider.with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='1'] .frame[data-frame-id='2'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='2'] .frame[data-frame-id='3'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='3'] .frame[data-frame-id='4'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='4'] .frame[data-frame-id='5'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='5'] .frame[data-frame-id='6'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='6'] .frame[data-frame-id='7'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='7'] .frame[data-frame-id='8'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='8'] .frame[data-frame-id='9'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='9'] .frame[data-frame-id='10'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='10'] .frame[data-frame-id='11'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='11'] .frame[data-frame-id='12'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='12'] .frame[data-frame-id='13'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='13'] .frame[data-frame-id='14'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='13'] .frame[data-frame-id='14'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='13'] .frame[data-frame-id='14'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='13'] .frame[data-frame-id='14'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='14'] .frame[data-frame-id='15'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='14'] .frame[data-frame-id='15'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='14'] .frame[data-frame-id='15'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='14'] .frame[data-frame-id='15'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='15'] .frame[data-frame-id='16'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='15'] .frame[data-frame-id='16'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='15'] .frame[data-frame-id='16'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='15'] .frame[data-frame-id='16'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='16'] .frame[data-frame-id='17'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='16'] .frame[data-frame-id='17'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='16'] .frame[data-frame-id='17'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='16'] .frame[data-frame-id='17'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='17'] .frame[data-frame-id='18'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='17'] .frame[data-frame-id='18'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='17'] .frame[data-frame-id='18'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='17'] .frame[data-frame-id='18'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='18'] .frame[data-frame-id='19'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='18'] .frame[data-frame-id='19'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='18'] .frame[data-frame-id='19'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='18'] .frame[data-frame-id='19'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='19'] .frame[data-frame-id='20'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='19'] .frame[data-frame-id='20'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='19'] .frame[data-frame-id='20'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='19'] .frame[data-frame-id='20'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='20'] .frame[data-frame-id='21'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='20'] .frame[data-frame-id='21'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='20'] .frame[data-frame-id='21'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='20'] .frame[data-frame-id='21'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='21'] .frame[data-frame-id='22'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='21'] .frame[data-frame-id='22'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='21'] .frame[data-frame-id='22'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='21'] .frame[data-frame-id='22'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='22'] .frame[data-frame-id='23'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='22'] .frame[data-frame-id='23'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='22'] .frame[data-frame-id='23'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='22'] .frame[data-frame-id='23'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='23'] .frame[data-frame-id='24'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='23'] .frame[data-frame-id='24'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='23'] .frame[data-frame-id='24'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='23'] .frame[data-frame-id='24'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='24'] .frame[data-frame-id='25'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='24'] .frame[data-frame-id='25'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='24'] .frame[data-frame-id='25'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='24'] .frame[data-frame-id='25'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='25'] .frame[data-frame-id='26'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='25'] .frame[data-frame-id='26'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='25'] .frame[data-frame-id='26'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='25'] .frame[data-frame-id='26'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='26'] .frame[data-frame-id='27'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='26'] .frame[data-frame-id='27'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='26'] .frame[data-frame-id='27'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='26'] .frame[data-frame-id='27'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='27'] .frame[data-frame-id='28'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='27'] .frame[data-frame-id='28'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='27'] .frame[data-frame-id='28'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='27'] .frame[data-frame-id='28'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='28'] .frame[data-frame-id='29'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='28'] .frame[data-frame-id='29'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='28'] .frame[data-frame-id='29'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='28'] .frame[data-frame-id='29'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='29'] .frame[data-frame-id='30'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='29'] .frame[data-frame-id='30'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='29'] .frame[data-frame-id='30'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='29'] .frame[data-frame-id='30'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='30'] .frame[data-frame-id='31'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='30'] .frame[data-frame-id='31'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='30'] .frame[data-frame-id='31'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='30'] .frame[data-frame-id='31'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='31'] .frame[data-frame-id='32'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='31'] .frame[data-frame-id='32'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='31'] .frame[data-frame-id='32'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='31'] .frame[data-frame-id='32'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='32'] .frame[data-frame-id='33'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='32'] .frame[data-frame-id='33'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='32'] .frame[data-frame-id='33'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='32'] .frame[data-frame-id='33'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='33'] .frame[data-frame-id='34'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='33'] .frame[data-frame-id='34'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='33'] .frame[data-frame-id='34'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='33'] .frame[data-frame-id='34'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='34'] .frame[data-frame-id='35'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='34'] .frame[data-frame-id='35'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='34'] .frame[data-frame-id='35'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='34'] .frame[data-frame-id='35'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='35'] .frame[data-frame-id='36'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='35'] .frame[data-frame-id='36'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='35'] .frame[data-frame-id='36'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='35'] .frame[data-frame-id='36'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='36'] .frame[data-frame-id='37'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='36'] .frame[data-frame-id='37'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='36'] .frame[data-frame-id='37'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='36'] .frame[data-frame-id='37'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='37'] .frame[data-frame-id='38'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='37'] .frame[data-frame-id='38'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='37'] .frame[data-frame-id='38'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='37'] .frame[data-frame-id='38'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='38'] .frame[data-frame-id='39'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='38'] .frame[data-frame-id='39'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='38'] .frame[data-frame-id='39'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='38'] .frame[data-frame-id='39'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='39'] .frame[data-frame-id='40'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='39'] .frame[data-frame-id='40'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='39'] .frame[data-frame-id='40'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='39'] .frame[data-frame-id='40'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='40'] .frame[data-frame-id='41'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='40'] .frame[data-frame-id='41'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='40'] .frame[data-frame-id='41'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='40'] .frame[data-frame-id='41'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='41'] .frame[data-frame-id='42'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='41'] .frame[data-frame-id='42'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='41'] .frame[data-frame-id='42'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='41'] .frame[data-frame-id='42'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='42'] .frame[data-frame-id='43'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='42'] .frame[data-frame-id='43'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='42'] .frame[data-frame-id='43'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='42'] .frame[data-frame-id='43'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='43'] .frame[data-frame-id='44'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='43'] .frame[data-frame-id='44'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='43'] .frame[data-frame-id='44'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='43'] .frame[data-frame-id='44'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='44'] .frame[data-frame-id='45'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='44'] .frame[data-frame-id='45'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='44'] .frame[data-frame-id='45'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='44'] .frame[data-frame-id='45'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='45'] .frame[data-frame-id='46'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='45'] .frame[data-frame-id='46'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='45'] .frame[data-frame-id='46'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='45'] .frame[data-frame-id='46'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='46'] .frame[data-frame-id='47'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='46'] .frame[data-frame-id='47'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='46'] .frame[data-frame-id='47'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='46'] .frame[data-frame-id='47'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='47'] .frame[data-frame-id='48'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='47'] .frame[data-frame-id='48'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='47'] .frame[data-frame-id='48'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='47'] .frame[data-frame-id='48'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='48'] .frame[data-frame-id='49'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='48'] .frame[data-frame-id='49'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='48'] .frame[data-frame-id='49'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='48'] .frame[data-frame-id='49'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='49'] .frame[data-frame-id='50'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='49'] .frame[data-frame-id='50'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='49'] .frame[data-frame-id='50'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='49'] .frame[data-frame-id='50'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='50'] .frame[data-frame-id='51'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='50'] .frame[data-frame-id='51'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='50'] .frame[data-frame-id='51'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='50'] .frame[data-frame-id='51'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='51'] .frame[data-frame-id='52'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='51'] .frame[data-frame-id='52'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='51'] .frame[data-frame-id='52'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='51'] .frame[data-frame-id='52'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='52'] .frame[data-frame-id='53'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='52'] .frame[data-frame-id='53'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='52'] .frame[data-frame-id='53'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='52'] .frame[data-frame-id='53'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='53'] .frame[data-frame-id='54'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='53'] .frame[data-frame-id='54'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='53'] .frame[data-frame-id='54'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='53'] .frame[data-frame-id='54'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='54'] .frame[data-frame-id='55'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='54'] .frame[data-frame-id='55'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='54'] .frame[data-frame-id='55'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='54'] .frame[data-frame-id='55'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='55'] .frame[data-frame-id='56'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='55'] .frame[data-frame-id='56'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='55'] .frame[data-frame-id='56'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='55'] .frame[data-frame-id='56'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='56'] .frame[data-frame-id='57'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='56'] .frame[data-frame-id='57'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='56'] .frame[data-frame-id='57'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='56'] .frame[data-frame-id='57'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='57'] .frame[data-frame-id='58'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='57'] .frame[data-frame-id='58'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='57'] .frame[data-frame-id='58'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='57'] .frame[data-frame-id='58'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='58'] .frame[data-frame-id='59'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='58'] .frame[data-frame-id='59'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='58'] .frame[data-frame-id='59'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='58'] .frame[data-frame-id='59'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='59'] .frame[data-frame-id='60'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='59'] .frame[data-frame-id='60'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='59'] .frame[data-frame-id='60'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='59'] .frame[data-frame-id='60'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='60'] .frame[data-frame-id='61'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='60'] .frame[data-frame-id='61'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='60'] .frame[data-frame-id='61'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='60'] .frame[data-frame-id='61'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='61'] .frame[data-frame-id='62'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='61'] .frame[data-frame-id='62'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='61'] .frame[data-frame-id='62'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='61'] .frame[data-frame-id='62'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='62'] .frame[data-frame-id='63'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='62'] .frame[data-frame-id='63'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='62'] .frame[data-frame-id='63'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='62'] .frame[data-frame-id='63'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='63'] .frame[data-frame-id='64'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='63'] .frame[data-frame-id='64'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='63'] .frame[data-frame-id='64'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='63'] .frame[data-frame-id='64'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='64'] .frame[data-frame-id='65'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='64'] .frame[data-frame-id='65'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='64'] .frame[data-frame-id='65'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='64'] .frame[data-frame-id='65'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='65'] .frame[data-frame-id='66'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='65'] .frame[data-frame-id='66'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='65'] .frame[data-frame-id='66'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='65'] .frame[data-frame-id='66'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='66'] .frame[data-frame-id='67'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='66'] .frame[data-frame-id='67'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='66'] .frame[data-frame-id='67'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='66'] .frame[data-frame-id='67'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='67'] .frame[data-frame-id='68'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='67'] .frame[data-frame-id='68'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='67'] .frame[data-frame-id='68'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='67'] .frame[data-frame-id='68'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='68'] .frame[data-frame-id='69'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='68'] .frame[data-frame-id='69'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='68'] .frame[data-frame-id='69'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='68'] .frame[data-frame-id='69'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='69'] .frame[data-frame-id='70'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='69'] .frame[data-frame-id='70'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='69'] .frame[data-frame-id='70'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='69'] .frame[data-frame-id='70'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='70'] .frame[data-frame-id='71'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='70'] .frame[data-frame-id='71'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='70'] .frame[data-frame-id='71'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='70'] .frame[data-frame-id='71'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='71'] .frame[data-frame-id='72'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='71'] .frame[data-frame-id='72'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='71'] .frame[data-frame-id='72'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='71'] .frame[data-frame-id='72'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='72'] .frame[data-frame-id='73'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='72'] .frame[data-frame-id='73'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='72'] .frame[data-frame-id='73'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='72'] .frame[data-frame-id='73'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='73'] .frame[data-frame-id='74'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='73'] .frame[data-frame-id='74'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='73'] .frame[data-frame-id='74'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='73'] .frame[data-frame-id='74'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='74'] .frame[data-frame-id='75'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='74'] .frame[data-frame-id='75'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='74'] .frame[data-frame-id='75'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='74'] .frame[data-frame-id='75'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='75'] .frame[data-frame-id='76'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='75'] .frame[data-frame-id='76'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='75'] .frame[data-frame-id='76'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='75'] .frame[data-frame-id='76'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='76'] .frame[data-frame-id='77'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='76'] .frame[data-frame-id='77'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='76'] .frame[data-frame-id='77'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='76'] .frame[data-frame-id='77'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='77'] .frame[data-frame-id='78'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='77'] .frame[data-frame-id='78'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='77'] .frame[data-frame-id='78'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='77'] .frame[data-frame-id='78'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='78'] .frame[data-frame-id='79'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='78'] .frame[data-frame-id='79'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='78'] .frame[data-frame-id='79'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='78'] .frame[data-frame-id='79'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='79'] .frame[data-frame-id='80'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='79'] .frame[data-frame-id='80'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='79'] .frame[data-frame-id='80'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='79'] .frame[data-frame-id='80'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='80'] .frame[data-frame-id='81'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='80'] .frame[data-frame-id='81'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='80'] .frame[data-frame-id='81'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='80'] .frame[data-frame-id='81'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='81'] .frame[data-frame-id='82'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='81'] .frame[data-frame-id='82'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='81'] .frame[data-frame-id='82'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='81'] .frame[data-frame-id='82'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='82'] .frame[data-frame-id='83'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='82'] .frame[data-frame-id='83'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='82'] .frame[data-frame-id='83'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='82'] .frame[data-frame-id='83'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='83'] .frame[data-frame-id='84'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='83'] .frame[data-frame-id='84'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='83'] .frame[data-frame-id='84'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='83'] .frame[data-frame-id='84'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='84'] .frame[data-frame-id='85'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='84'] .frame[data-frame-id='85'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='84'] .frame[data-frame-id='85'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='84'] .frame[data-frame-id='85'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='85'] .frame[data-frame-id='86'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='85'] .frame[data-frame-id='86'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='85'] .frame[data-frame-id='86'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='85'] .frame[data-frame-id='86'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='86'] .frame[data-frame-id='87'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='86'] .frame[data-frame-id='87'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='86'] .frame[data-frame-id='87'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='86'] .frame[data-frame-id='87'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='87'] .frame[data-frame-id='88'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='87'] .frame[data-frame-id='88'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='87'] .frame[data-frame-id='88'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='87'] .frame[data-frame-id='88'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='88'] .frame[data-frame-id='89'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='88'] .frame[data-frame-id='89'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='88'] .frame[data-frame-id='89'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='88'] .frame[data-frame-id='89'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='89'] .frame[data-frame-id='90'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='89'] .frame[data-frame-id='90'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='89'] .frame[data-frame-id='90'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='89'] .frame[data-frame-id='90'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='90'] .frame[data-frame-id='91'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='90'] .frame[data-frame-id='91'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='90'] .frame[data-frame-id='91'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='90'] .frame[data-frame-id='91'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='91'] .frame[data-frame-id='92'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='91'] .frame[data-frame-id='92'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='91'] .frame[data-frame-id='92'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='91'] .frame[data-frame-id='92'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='92'] .frame[data-frame-id='93'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='92'] .frame[data-frame-id='93'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='92'] .frame[data-frame-id='93'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='92'] .frame[data-frame-id='93'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='93'] .frame[data-frame-id='94'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='93'] .frame[data-frame-id='94'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='93'] .frame[data-frame-id='94'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='93'] .frame[data-frame-id='94'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='94'] .frame[data-frame-id='95'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='94'] .frame[data-frame-id='95'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='94'] .frame[data-frame-id='95'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='94'] .frame[data-frame-id='95'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='95'] .frame[data-frame-id='96'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='95'] .frame[data-frame-id='96'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='95'] .frame[data-frame-id='96'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='95'] .frame[data-frame-id='96'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='96'] .frame[data-frame-id='97'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='96'] .frame[data-frame-id='97'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='96'] .frame[data-frame-id='97'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='96'] .frame[data-frame-id='97'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='97'] .frame[data-frame-id='98'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='97'] .frame[data-frame-id='98'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='97'] .frame[data-frame-id='98'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='97'] .frame[data-frame-id='98'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='98'] .frame[data-frame-id='99'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='98'] .frame[data-frame-id='99'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='98'] .frame[data-frame-id='99'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='98'] .frame[data-frame-id='99'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='99'] .frame[data-frame-id='100'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='99'] .frame[data-frame-id='100'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='99']
    .frame[data-frame-id='100'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='99']
    .frame[data-frame-id='100'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='100'] .frame[data-frame-id='101'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='100'] .frame[data-frame-id='101'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='100']
    .frame[data-frame-id='101'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='100']
    .frame[data-frame-id='101'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='101'] .frame[data-frame-id='102'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='101'] .frame[data-frame-id='102'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='101']
    .frame[data-frame-id='102'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='101']
    .frame[data-frame-id='102'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='102'] .frame[data-frame-id='103'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='102'] .frame[data-frame-id='103'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='102']
    .frame[data-frame-id='103'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='102']
    .frame[data-frame-id='103'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='103'] .frame[data-frame-id='104'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='103'] .frame[data-frame-id='104'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='103']
    .frame[data-frame-id='104'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='103']
    .frame[data-frame-id='104'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='104'] .frame[data-frame-id='105'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='104'] .frame[data-frame-id='105'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='104']
    .frame[data-frame-id='105'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='104']
    .frame[data-frame-id='105'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='105'] .frame[data-frame-id='106'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='105'] .frame[data-frame-id='106'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='105']
    .frame[data-frame-id='106'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='105']
    .frame[data-frame-id='106'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='106'] .frame[data-frame-id='107'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='106'] .frame[data-frame-id='107'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='106']
    .frame[data-frame-id='107'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='106']
    .frame[data-frame-id='107'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='107'] .frame[data-frame-id='108'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='107'] .frame[data-frame-id='108'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='107']
    .frame[data-frame-id='108'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='107']
    .frame[data-frame-id='108'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='108'] .frame[data-frame-id='109'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='108'] .frame[data-frame-id='109'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='108']
    .frame[data-frame-id='109'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='108']
    .frame[data-frame-id='109'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='109'] .frame[data-frame-id='110'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='109'] .frame[data-frame-id='110'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='109']
    .frame[data-frame-id='110'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='109']
    .frame[data-frame-id='110'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='110'] .frame[data-frame-id='111'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='110'] .frame[data-frame-id='111'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='110']
    .frame[data-frame-id='111'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='110']
    .frame[data-frame-id='111'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='111'] .frame[data-frame-id='112'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='111'] .frame[data-frame-id='112'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='111']
    .frame[data-frame-id='112'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='111']
    .frame[data-frame-id='112'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='112'] .frame[data-frame-id='113'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='112'] .frame[data-frame-id='113'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='112']
    .frame[data-frame-id='113'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='112']
    .frame[data-frame-id='113'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='113'] .frame[data-frame-id='114'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='113'] .frame[data-frame-id='114'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='113']
    .frame[data-frame-id='114'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='113']
    .frame[data-frame-id='114'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='114'] .frame[data-frame-id='115'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='114'] .frame[data-frame-id='115'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='114']
    .frame[data-frame-id='115'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='114']
    .frame[data-frame-id='115'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='115'] .frame[data-frame-id='116'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='115'] .frame[data-frame-id='116'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='115']
    .frame[data-frame-id='116'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='115']
    .frame[data-frame-id='116'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='116'] .frame[data-frame-id='117'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='116'] .frame[data-frame-id='117'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='116']
    .frame[data-frame-id='117'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='116']
    .frame[data-frame-id='117'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='117'] .frame[data-frame-id='118'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='117'] .frame[data-frame-id='118'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='117']
    .frame[data-frame-id='118'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='117']
    .frame[data-frame-id='118'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='118'] .frame[data-frame-id='119'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='118'] .frame[data-frame-id='119'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='118']
    .frame[data-frame-id='119'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='118']
    .frame[data-frame-id='119'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='119'] .frame[data-frame-id='120'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='119'] .frame[data-frame-id='120'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='119']
    .frame[data-frame-id='120'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='119']
    .frame[data-frame-id='120'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='120'] .frame[data-frame-id='121'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='120'] .frame[data-frame-id='121'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='120']
    .frame[data-frame-id='121'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='120']
    .frame[data-frame-id='121'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='121'] .frame[data-frame-id='122'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='121'] .frame[data-frame-id='122'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='121']
    .frame[data-frame-id='122'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='121']
    .frame[data-frame-id='122'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='122'] .frame[data-frame-id='123'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='122'] .frame[data-frame-id='123'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='122']
    .frame[data-frame-id='123'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='122']
    .frame[data-frame-id='123'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='123'] .frame[data-frame-id='124'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='123'] .frame[data-frame-id='124'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='123']
    .frame[data-frame-id='124'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='123']
    .frame[data-frame-id='124'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='124'] .frame[data-frame-id='125'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='124'] .frame[data-frame-id='125'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='124']
    .frame[data-frame-id='125'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='124']
    .frame[data-frame-id='125'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='125'] .frame[data-frame-id='126'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='125'] .frame[data-frame-id='126'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='125']
    .frame[data-frame-id='126'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='125']
    .frame[data-frame-id='126'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='126'] .frame[data-frame-id='127'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='126'] .frame[data-frame-id='127'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='126']
    .frame[data-frame-id='127'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='126']
    .frame[data-frame-id='127'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='127'] .frame[data-frame-id='128'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='127'] .frame[data-frame-id='128'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='127']
    .frame[data-frame-id='128'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='127']
    .frame[data-frame-id='128'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='128'] .frame[data-frame-id='129'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='128'] .frame[data-frame-id='129'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='128']
    .frame[data-frame-id='129'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='128']
    .frame[data-frame-id='129'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='129'] .frame[data-frame-id='130'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='129'] .frame[data-frame-id='130'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='129']
    .frame[data-frame-id='130'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='129']
    .frame[data-frame-id='130'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='130'] .frame[data-frame-id='131'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='130'] .frame[data-frame-id='131'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='130']
    .frame[data-frame-id='131'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='130']
    .frame[data-frame-id='131'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='131'] .frame[data-frame-id='132'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='131'] .frame[data-frame-id='132'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='131']
    .frame[data-frame-id='132'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='131']
    .frame[data-frame-id='132'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='132'] .frame[data-frame-id='133'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='132'] .frame[data-frame-id='133'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='132']
    .frame[data-frame-id='133'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='132']
    .frame[data-frame-id='133'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='133'] .frame[data-frame-id='134'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='133'] .frame[data-frame-id='134'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='133']
    .frame[data-frame-id='134'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='133']
    .frame[data-frame-id='134'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='134'] .frame[data-frame-id='135'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='134'] .frame[data-frame-id='135'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='134']
    .frame[data-frame-id='135'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='134']
    .frame[data-frame-id='135'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='135'] .frame[data-frame-id='136'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='135'] .frame[data-frame-id='136'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='135']
    .frame[data-frame-id='136'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='135']
    .frame[data-frame-id='136'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='136'] .frame[data-frame-id='137'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='136'] .frame[data-frame-id='137'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='136']
    .frame[data-frame-id='137'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='136']
    .frame[data-frame-id='137'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='137'] .frame[data-frame-id='138'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='137'] .frame[data-frame-id='138'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='137']
    .frame[data-frame-id='138'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='137']
    .frame[data-frame-id='138'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='138'] .frame[data-frame-id='139'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='138'] .frame[data-frame-id='139'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='138']
    .frame[data-frame-id='139'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='138']
    .frame[data-frame-id='139'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='139'] .frame[data-frame-id='140'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='139'] .frame[data-frame-id='140'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='139']
    .frame[data-frame-id='140'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='139']
    .frame[data-frame-id='140'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='140'] .frame[data-frame-id='141'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='140'] .frame[data-frame-id='141'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='140']
    .frame[data-frame-id='141'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='140']
    .frame[data-frame-id='141'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='141'] .frame[data-frame-id='142'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='141'] .frame[data-frame-id='142'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='141']
    .frame[data-frame-id='142'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='141']
    .frame[data-frame-id='142'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='142'] .frame[data-frame-id='143'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='142'] .frame[data-frame-id='143'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='142']
    .frame[data-frame-id='143'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='142']
    .frame[data-frame-id='143'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='143'] .frame[data-frame-id='144'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='143'] .frame[data-frame-id='144'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='143']
    .frame[data-frame-id='144'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='143']
    .frame[data-frame-id='144'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='144'] .frame[data-frame-id='145'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='144'] .frame[data-frame-id='145'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='144']
    .frame[data-frame-id='145'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='144']
    .frame[data-frame-id='145'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='145'] .frame[data-frame-id='146'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='145'] .frame[data-frame-id='146'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='145']
    .frame[data-frame-id='146'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='145']
    .frame[data-frame-id='146'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='146'] .frame[data-frame-id='147'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='146'] .frame[data-frame-id='147'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='146']
    .frame[data-frame-id='147'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='146']
    .frame[data-frame-id='147'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='147'] .frame[data-frame-id='148'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='147'] .frame[data-frame-id='148'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='147']
    .frame[data-frame-id='148'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='147']
    .frame[data-frame-id='148'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='148'] .frame[data-frame-id='149'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='148'] .frame[data-frame-id='149'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='148']
    .frame[data-frame-id='149'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='148']
    .frame[data-frame-id='149'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='149'] .frame[data-frame-id='150'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='149'] .frame[data-frame-id='150'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='149']
    .frame[data-frame-id='150'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='149']
    .frame[data-frame-id='150'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='150'] .frame[data-frame-id='151'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='150'] .frame[data-frame-id='151'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='150']
    .frame[data-frame-id='151'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='150']
    .frame[data-frame-id='151'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='151'] .frame[data-frame-id='152'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='151'] .frame[data-frame-id='152'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='151']
    .frame[data-frame-id='152'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='151']
    .frame[data-frame-id='152'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='152'] .frame[data-frame-id='153'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='152'] .frame[data-frame-id='153'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='152']
    .frame[data-frame-id='153'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='152']
    .frame[data-frame-id='153'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='153'] .frame[data-frame-id='154'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='153'] .frame[data-frame-id='154'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='153']
    .frame[data-frame-id='154'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='153']
    .frame[data-frame-id='154'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='154'] .frame[data-frame-id='155'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='154'] .frame[data-frame-id='155'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='154']
    .frame[data-frame-id='155'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='154']
    .frame[data-frame-id='155'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='155'] .frame[data-frame-id='156'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='155'] .frame[data-frame-id='156'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='155']
    .frame[data-frame-id='156'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='155']
    .frame[data-frame-id='156'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='156'] .frame[data-frame-id='157'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='156'] .frame[data-frame-id='157'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='156']
    .frame[data-frame-id='157'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='156']
    .frame[data-frame-id='157'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='157'] .frame[data-frame-id='158'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='157'] .frame[data-frame-id='158'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='157']
    .frame[data-frame-id='158'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='157']
    .frame[data-frame-id='158'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='158'] .frame[data-frame-id='159'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='158'] .frame[data-frame-id='159'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='158']
    .frame[data-frame-id='159'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='158']
    .frame[data-frame-id='159'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='159'] .frame[data-frame-id='160'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='159'] .frame[data-frame-id='160'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='159']
    .frame[data-frame-id='160'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='159']
    .frame[data-frame-id='160'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='160'] .frame[data-frame-id='161'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='160'] .frame[data-frame-id='161'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='160']
    .frame[data-frame-id='161'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='160']
    .frame[data-frame-id='161'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='161'] .frame[data-frame-id='162'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='161'] .frame[data-frame-id='162'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='161']
    .frame[data-frame-id='162'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='161']
    .frame[data-frame-id='162'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='162'] .frame[data-frame-id='163'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='162'] .frame[data-frame-id='163'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='162']
    .frame[data-frame-id='163'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='162']
    .frame[data-frame-id='163'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='163'] .frame[data-frame-id='164'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='163'] .frame[data-frame-id='164'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='163']
    .frame[data-frame-id='164'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='163']
    .frame[data-frame-id='164'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='164'] .frame[data-frame-id='165'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='164'] .frame[data-frame-id='165'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='164']
    .frame[data-frame-id='165'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='164']
    .frame[data-frame-id='165'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='165'] .frame[data-frame-id='166'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='165'] .frame[data-frame-id='166'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='165']
    .frame[data-frame-id='166'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='165']
    .frame[data-frame-id='166'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='166'] .frame[data-frame-id='167'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='166'] .frame[data-frame-id='167'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='166']
    .frame[data-frame-id='167'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='166']
    .frame[data-frame-id='167'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='167'] .frame[data-frame-id='168'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='167'] .frame[data-frame-id='168'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='167']
    .frame[data-frame-id='168'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='167']
    .frame[data-frame-id='168'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='168'] .frame[data-frame-id='169'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='168'] .frame[data-frame-id='169'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='168']
    .frame[data-frame-id='169'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='168']
    .frame[data-frame-id='169'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='169'] .frame[data-frame-id='170'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='169'] .frame[data-frame-id='170'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='169']
    .frame[data-frame-id='170'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='169']
    .frame[data-frame-id='170'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='170'] .frame[data-frame-id='171'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='170'] .frame[data-frame-id='171'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='170']
    .frame[data-frame-id='171'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='170']
    .frame[data-frame-id='171'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='171'] .frame[data-frame-id='172'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='171'] .frame[data-frame-id='172'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='171']
    .frame[data-frame-id='172'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='171']
    .frame[data-frame-id='172'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='172'] .frame[data-frame-id='173'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='172'] .frame[data-frame-id='173'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='172']
    .frame[data-frame-id='173'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='172']
    .frame[data-frame-id='173'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='173'] .frame[data-frame-id='174'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='173'] .frame[data-frame-id='174'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='173']
    .frame[data-frame-id='174'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='173']
    .frame[data-frame-id='174'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='174'] .frame[data-frame-id='175'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='174'] .frame[data-frame-id='175'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='174']
    .frame[data-frame-id='175'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='174']
    .frame[data-frame-id='175'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='175'] .frame[data-frame-id='176'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='175'] .frame[data-frame-id='176'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='175']
    .frame[data-frame-id='176'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='175']
    .frame[data-frame-id='176'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='176'] .frame[data-frame-id='177'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='176'] .frame[data-frame-id='177'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='176']
    .frame[data-frame-id='177'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='176']
    .frame[data-frame-id='177'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='177'] .frame[data-frame-id='178'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='177'] .frame[data-frame-id='178'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='177']
    .frame[data-frame-id='178'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='177']
    .frame[data-frame-id='178'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='178'] .frame[data-frame-id='179'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='178'] .frame[data-frame-id='179'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='178']
    .frame[data-frame-id='179'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='178']
    .frame[data-frame-id='179'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='179'] .frame[data-frame-id='180'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='179'] .frame[data-frame-id='180'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='179']
    .frame[data-frame-id='180'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='179']
    .frame[data-frame-id='180'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='180'] .frame[data-frame-id='181'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='180'] .frame[data-frame-id='181'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='180']
    .frame[data-frame-id='181'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='180']
    .frame[data-frame-id='181'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='181'] .frame[data-frame-id='182'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='181'] .frame[data-frame-id='182'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='181']
    .frame[data-frame-id='182'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='181']
    .frame[data-frame-id='182'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='182'] .frame[data-frame-id='183'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='182'] .frame[data-frame-id='183'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='182']
    .frame[data-frame-id='183'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='182']
    .frame[data-frame-id='183'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='183'] .frame[data-frame-id='184'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='183'] .frame[data-frame-id='184'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='183']
    .frame[data-frame-id='184'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='183']
    .frame[data-frame-id='184'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='184'] .frame[data-frame-id='185'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='184'] .frame[data-frame-id='185'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='184']
    .frame[data-frame-id='185'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='184']
    .frame[data-frame-id='185'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='185'] .frame[data-frame-id='186'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='185'] .frame[data-frame-id='186'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='185']
    .frame[data-frame-id='186'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='185']
    .frame[data-frame-id='186'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='186'] .frame[data-frame-id='187'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='186'] .frame[data-frame-id='187'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='186']
    .frame[data-frame-id='187'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='186']
    .frame[data-frame-id='187'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='187'] .frame[data-frame-id='188'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='187'] .frame[data-frame-id='188'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='187']
    .frame[data-frame-id='188'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='187']
    .frame[data-frame-id='188'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='188'] .frame[data-frame-id='189'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='188'] .frame[data-frame-id='189'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='188']
    .frame[data-frame-id='189'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='188']
    .frame[data-frame-id='189'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='189'] .frame[data-frame-id='190'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='189'] .frame[data-frame-id='190'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='189']
    .frame[data-frame-id='190'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='189']
    .frame[data-frame-id='190'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='190'] .frame[data-frame-id='191'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='190'] .frame[data-frame-id='191'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='190']
    .frame[data-frame-id='191'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='190']
    .frame[data-frame-id='191'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='191'] .frame[data-frame-id='192'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='191'] .frame[data-frame-id='192'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='191']
    .frame[data-frame-id='192'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='191']
    .frame[data-frame-id='192'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='192'] .frame[data-frame-id='193'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='192'] .frame[data-frame-id='193'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='192']
    .frame[data-frame-id='193'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='192']
    .frame[data-frame-id='193'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='193'] .frame[data-frame-id='194'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='193'] .frame[data-frame-id='194'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='193']
    .frame[data-frame-id='194'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='193']
    .frame[data-frame-id='194'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='194'] .frame[data-frame-id='195'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='194'] .frame[data-frame-id='195'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='194']
    .frame[data-frame-id='195'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='194']
    .frame[data-frame-id='195'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='195'] .frame[data-frame-id='196'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='195'] .frame[data-frame-id='196'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='195']
    .frame[data-frame-id='196'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='195']
    .frame[data-frame-id='196'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='196'] .frame[data-frame-id='197'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='196'] .frame[data-frame-id='197'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='196']
    .frame[data-frame-id='197'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='196']
    .frame[data-frame-id='197'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='197'] .frame[data-frame-id='198'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='197'] .frame[data-frame-id='198'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='197']
    .frame[data-frame-id='198'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='197']
    .frame[data-frame-id='198'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='198'] .frame[data-frame-id='199'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='198'] .frame[data-frame-id='199'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='198']
    .frame[data-frame-id='199'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='198']
    .frame[data-frame-id='199'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='199'] .frame[data-frame-id='200'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='199'] .frame[data-frame-id='200'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='199']
    .frame[data-frame-id='200'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='199']
    .frame[data-frame-id='200'] {
    transform: none;
    opacity: 0;
  }
}

.logos-slider.with-slider[data-active-frame='200'] .frame[data-frame-id='201'] {
  opacity: 0;
}

.logos-slider.with-slider[data-active-frame='200'] .frame[data-frame-id='201'] {
  transform: translateX(-40px);
  opacity: 0.25;
}

@media (min-width: 680px) {
  .logos-slider.with-slider[data-active-frame='200']
    .frame[data-frame-id='201'] {
    transform: translateX(-160px);
  }
}

@media (min-width: 1024px) {
  .logos-slider.with-slider[data-active-frame='200']
    .frame[data-frame-id='201'] {
    transform: none;
    opacity: 0;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.enlace_agrupador.bottom_drawer.links_drawer {
  display: flex;
  z-index: 300;
  flex-direction: column;
  max-height: calc(100vh - 96px);
  padding-top: 0;
}

@supports (-webkit-overflow-scrolling: touch) {
  .enlace_agrupador.bottom_drawer.links_drawer {
    max-height: calc((var(--vh, 1vh) * 100) - 96px);
  }
}

@media (min-width: 680px) {
  .enlace_agrupador.bottom_drawer.links_drawer::before {
    display: none;
  }
}

.enlace_agrupador.bottom_drawer.links_drawer[data-is-visible='true'] {
  height: calc(100vh - 96px);
}

@supports (-webkit-overflow-scrolling: touch) {
  .enlace_agrupador.bottom_drawer.links_drawer[data-is-visible='true'] {
    height: calc((var(--vh, 1vh) * 100) - 96px);
  }
}

@media (min-width: 680px) {
  .enlace_agrupador.bottom_drawer.links_drawer[data-is-visible='true'] {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .enlace_agrupador.bottom_drawer.links_drawer[data-is-visible='true'] {
    justify-content: center;
  }
}

.enlace_agrupador.bottom_drawer.links_drawer[data-is-visible='full'] {
  transform: none;
  height: 100vh;
  max-height: 100vh;
  transition: all 100ms ease-in-out;
}

@supports (-webkit-overflow-scrolling: touch) {
  .enlace_agrupador.bottom_drawer.links_drawer[data-is-visible='full'] {
    height: calc(var(--vh, 1vh) * 100);
  }
}

.enalce--agrupador__label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.enalce--agrupador__label svg path {
  fill: red;
}

.enalce--agrupador__label .link--download svg {
  transform: translateX(0) translateY(0);
}

.enalce--agrupador__label .link--download:hover svg {
  transform: translateX(0) translateY(4px);
}

.enalce--agrupador__label.round-button {
  border-radius: 50%;
  border: solid 1px #000;
}

.enalce--agrupador__label.round-button svg {
  width: 6.8rem;
  height: 8.8rem;
}

@media (min-width: 1024px) {
  .enalce--agrupador__label.round-button svg {
    width: 9.4rem;
    height: 9.4rem;
  }
}

.enalce--agrupador__label.round-button > svg {
  transform: scale(1) rotate(90deg);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.enalce--agrupador__label.round-button > svg path {
  fill: #000;
}

.enalce--agrupador__label.round-button > svg:hover {
  transform: scale(1.2) rotate(90deg);
}

.enalce--agrupador__label.round-button > svg:hover path {
  animation-name: to-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.enalce--agrupador__label.round-button .links-tooltip {
  top: calc(100% + 20px);
}

.enlace-agrupador.links-tooltip {
  z-index: 100;
  width: 300px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: calc(150% + 10px);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 320ms ease-in-out;
}

.enlace-agrupador.links-tooltip[data-is-visible='true'] {
  max-height: 100vh;
  overflow: visible;
  opacity: 1;
}

.enlace-agrupador.links-tooltip::before {
  content: '';
  display: block;
  width: 1px;
  height: 1px;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  border: solid 10px transparent;
  border-bottom: solid 10px #fff;
  position: absolute;
}

.enlace-agrupador.links-tooltip .links-list {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 50px 40px;
}

.enlace-agrupador.links-tooltip .links-list a:not(:first-child) {
  margin-top: 20px;
  align-self: flex-start;
}

.enlace-agrupador.links-drawer .header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: flex-end;
}

.enlace-agrupador.links-drawer .header svg {
  transform: rotate(45deg);
}

.enlace-agrupador.links-drawer .header svg path {
  fill: #fff;
}

.enlace-agrupador.links-drawer .body {
  grid-column: 1 / -1;
  padding-bottom: 40px;
}

@supports (-webkit-overflow-scrolling: touch) {
  .enlace-agrupador.links-drawer .body {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

.enlace-agrupador.links-drawer .body .links-list {
  display: flex;
  flex-direction: column;
}

.enlace-agrupador.links-drawer .body .links-list .link--download-type {
  color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1024px) {
  .enlace-agrupador.links-drawer .body .links-list .link--download-type {
    color: #d8d8d8;
  }
}

.enlace-agrupador.links-drawer .body .links-list a {
  color: #fff;
  margin-top: 30px;
}

.enlace-agrupador.links-drawer .body .links-list a svg path {
  fill: #fff;
}

@media (min-width: 1024px) {
  .enlace-agrupador.links-drawer .body .links-list a svg path {
    fill: #000;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-resultados {
  display: flex;
  flex-wrap: wrap;
}

.module-resultados .resultados__container {
  display: flex;
  justify-content: space-between;
}

.module-resultados .resultados__image {
  height: 206px;
  background-size: cover;
  background-position: 50% 50%;
}

@media (min-width: 680px) {
  .module-resultados .resultados__image {
    height: 624px;
  }
}

@media (min-width: 1024px) {
  .module-resultados .resultados__image {
    height: 520px;
  }
}

.module-resultados .cta {
  margin-top: 3rem;
}

@media (min-width: 1024px) {
  .module-resultados .cta {
    margin-top: 6rem;
  }
}

.module-resultados .cta svg {
  width: 68px;
  height: 68px;
}

@media (min-width: 680px) {
  .module-resultados .cta svg {
    width: 94px;
    height: 94px;
  }
}

@media (min-width: 1024px) {
  .module-resultados .cta svg {
    width: 68px;
    height: 68px;
  }
}

.module-resultados .cta svg path {
  fill: #000;
}

.module-resultados .cta svg circle {
  stroke: #000;
}

.module-resultados .title--m {
  margin-top: 4rem;
  margin-bottom: 1rem;
}

@media (max-width: 679px) {
  .module-resultados .title--m {
    font-size: 1.6rem;
    line-break: 2.8rem;
  }
}

@media (min-width: 1024px) {
  .module-resultados .title--m {
    margin-top: 6rem;
  }
}

.module-resultados .taglabel {
  display: flex;
  align-items: center;
}

.module-resultados .taglabel a {
  display: inline-flex;
}

.module-resultados .taglabel svg {
  margin-right: 1rem;
}

.module-resultados .taglabel span:before {
  content: '';
  display: inline-block;
  height: 10px;
  margin-left: 1rem;
  width: 1px;
  background-color: #000;
  transform: translateY(1px);
  margin-right: 1rem;
}

.module-resultados .module-resultados__item {
  margin-bottom: 6rem;
  width: 100%;
}

@media (min-width: 680px) {
  .module-resultados .module-resultados__item {
    margin-bottom: 10rem;
  }
}

@media (min-width: 1024px) {
  .module-resultados .module-resultados__item {
    margin-bottom: 12rem;
    flex-basis: 50%;
  }
}

@media (min-width: 1280px) {
  .module-resultados .module-resultados__item {
    margin-bottom: 16rem;
  }
}

@media (min-width: 1680px) {
  .module-resultados .module-resultados__item {
    margin-bottom: 22rem;
  }
}

@media (min-width: 1024px) {
  .module-resultados .module-resultados__item .resultados__container {
    margin-right: 7%;
  }
}

@media (max-width: 679px) {
  .module-resultados .module-resultados__item .resultados__container {
    flex-direction: column;
  }
}

.module-resultados .module-resultados__item .resultados__image {
  margin-right: -30px;
  margin-left: -30px;
}

@media (min-width: 680px) {
  .module-resultados .module-resultados__item .resultados__image {
    margin-left: -80px;
    margin-right: -80px;
  }
}

@media (min-width: 1024px) {
  .module-resultados .module-resultados__item .resultados__image {
    margin-left: -10vw;
    margin-right: 0;
  }
}

.module-resultados .cta svg {
  transform: scale(1.4);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  padding: 10px;
  margin-left: -15px;
}

.module-resultados .cta svg:hover {
  transform: scale(1.6);
}

.module-resultados .cta svg:hover path {
  animation-name: to-right;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.module-resultados .module-resultados__item:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .module-resultados .module-resultados__item:nth-last-child(2) {
    margin-bottom: 0;
  }
}

@media (min-width: 680px) {
  .module-resultados
    .module-resultados__item:nth-child(even)
    .resultados__container {
    margin-left: 7%;
  }
}

.module-resultados .module-resultados__item:nth-child(even) .resultados__image {
  margin-right: -30px;
  margin-left: -30px;
}

@media (min-width: 680px) {
  .module-resultados
    .module-resultados__item:nth-child(even)
    .resultados__image {
    margin-left: -80px;
    margin-right: -80px;
  }
}

@media (min-width: 1024px) {
  .module-resultados
    .module-resultados__item:nth-child(even)
    .resultados__image {
    margin-right: -10vw;
    margin-left: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module.contact_form {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1023px) {
  .module.contact_form {
    gap: 0;
  }
}

@media (min-width: 1024px) {
  .module.contact_form {
    display: grid;
    padding-top: 60px;
  }
}

@media (min-width: 1024px) {
  .module.contact_form .form_header {
    grid-column: 1 / 7;
  }
}

.module.contact_form input[name='conditions_accepted'] {
  align-self: flex-start;
  display: none;
}

.module.contact_form .input-button {
  display: flex;
  align-items: space-between;
  height: 50px;
}

.module.contact_form .faux-checkbox {
  border: solid 1px #fff;
  width: 15px;
  height: 15px;
  align-self: flex-start;
  margin-right: 1em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 8px;
  overflow: hidden;
}

.module.contact_form .faux-checkbox .checkbox-tick {
  transform: translateY(10px);
  opacity: 0;
  transition: all 320ms ease-in-out;
}

.module.contact_form
  input[name='conditions_accepted']:checked
  + .faux-checkbox
  .checkbox-tick {
  transform: translateY(1px);
  opacity: 1;
}

.module.contact_form label.for-terms-checkbox {
  flex-basis: 100%;
  cursor: pointer;
  font-size: 12px;
  line-height: 2;
  margin-left: -25px;
  padding-left: 25px;
  z-index: 100;
}

.module.contact_form label.for-terms-checkbox a {
  color: #000;
}

.module.contact_form .feedback-message {
  transition: all 320ms ease-in-out;
  margin-top: 20px;
  display: flex;
}

.module.contact_form .feedback-message[data-is-visible='false'] {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
}

.module.contact_form .feedback-message svg.validation-fail {
  transform: rotate(45deg) translateY(-6px);
}

.module.contact_form .feedback-message svg {
  flex-shrink: 0;
  margin-top: 12px;
  margin-right: 10px;
}

.module.contact_form .feedback-message svg path {
  fill: #fff;
}

.module.contact_form .faux-flex {
  display: flex;
  margin-top: 20px;
}

.module.contact_form .error_msg {
  color: red;
  transform: translateY(-1.5rem);
}

.module.contact_form .error_msg a {
  text-decoration: underline;
  color: red;
}

.module.contact_form .feedback-message {
  color: #000;
}

.module.contact_form label .link--white::after {
  background-color: #000;
}

.module.contact_form .faux-checkbox {
  border-color: #000;
}

.module.contact_form svg.checkbox-tick path {
  fill: #000;
}

.module.contact_form .form-submit svg path {
  fill: red;
}

.module.contact_form .feedback-message svg path {
  fill: #000;
}

.module.contact_form .form_inputs {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .module.contact_form .form_inputs {
    grid-column: 7 / 13;
  }
}

@media (min-width: 1024px) {
  .module.contact_form .form_inputs > div:first-child .form_section_title {
    margin-top: 0;
  }
}

.module.contact_form .form_inputs .text_input,
.module.contact_form .form_inputs .select_input,
.module.contact_form .form_inputs .checkbox.data_sharing,
.module.contact_form .form_inputs .text_area {
  max-width: 300px;
  font-family: inherit;
}

@media (min-width: 1680px) {
  .module.contact_form .form_inputs .text_input,
  .module.contact_form .form_inputs .select_input,
  .module.contact_form .form_inputs .checkbox.data_sharing,
  .module.contact_form .form_inputs .text_area {
    max-width: 340px;
  }
}

.module.contact_form .form_inputs .text_input label,
.module.contact_form .form_inputs .select_input label,
.module.contact_form .form_inputs .checkbox.data_sharing label,
.module.contact_form .form_inputs .text_area label {
  font-size: 1rem;
  letter-spacing: 1.25px;
}

.module.contact_form .form_inputs .text_input .error_msg,
.module.contact_form .form_inputs .select_input .error_msg,
.module.contact_form .form_inputs .checkbox.data_sharing .error_msg,
.module.contact_form .form_inputs .text_area .error_msg {
  font-size: 1.2rem;
}

@media (min-width: 1024px) {
  .module.contact_form .form_inputs .input_radio {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) {
  .module.contact_form .form_inputs .input_radio .form_section_title {
    flex-basis: 100%;
  }
}

@media (min-width: 1024px) {
  .module.contact_form .form_inputs .input_radio .radio_option {
    margin-right: 25px;
  }
}

.module.contact_form .form_inputs .contact_methods_wrapper {
  display: flex;
}

.module.contact_form
  .form_inputs
  .contact_methods_wrapper
  .checkbox:first-child {
  margin-right: 30px;
}

.module.contact_form .form_inputs .form_controls_wrapper {
  max-width: 300px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1024px) {
  .module.contact_form .form_inputs .form_controls_wrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }

  .module.contact_form .form_inputs .form_controls_wrapper .form_submit {
    flex-basis: 180px;
    flex-shrink: 0;
  }

  .module.contact_form .form_inputs .form_controls_wrapper .form_close {
    justify-content: flex-start;
  }
}

.module.contact_form .form_inputs .form_controls_wrapper button.button {
  margin-top: 0;
}

.form_feedback {
  height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form_feedback .form_title {
  margin-bottom: 40px;
}

.form_feedback .feedback-msg {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.form_feedback .feedback-msg .icon-container {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: solid 1px #d8d8d8;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.form_feedback .feedback-msg .icon-container svg path {
  fill: #43b762;
}

.form_feedback .feedback-msg .close_form_btn {
  margin-top: 40px;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@media screen and (min-width: 1040px) {
  .template-agenda .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-gap: 7%;
    grid-row-gap: 0;
  }
}

.template-agenda .grid-container.agenda-pasado {
  margin-bottom: 8rem;
}

.template-agenda .grid-container.agenda-pasado .agenda__content {
  justify-content: flex-start;
}

@media (min-width: 680px) {
  .template-agenda .grid-container.agenda-pasado {
    grid-template-columns: repeat(2, 2fr);
    display: grid;
    grid-gap: 7%;
    grid-row-gap: 0;
  }
}

@media screen and (min-width: 1040px) {
  .template-agenda .grid-container.agenda-pasado {
    margin-bottom: 10rem;
    grid-template-columns: repeat(3, 2fr);
  }
}

@media (min-width: 1280px) {
  .template-agenda .grid-container.agenda-pasado {
    margin-bottom: 12rem;
  }
}

.template-agenda .grid-container.agenda-pasado .agenda__item {
  display: flex;
  margin-top: 6rem;
}

.template-agenda .grid-container.agenda-pasado .agenda__item:first-child {
  margin-top: 0;
}

@media (min-width: 680px) {
  .template-agenda .grid-container.agenda-pasado .agenda__item:nth-child(1),
  .template-agenda .grid-container.agenda-pasado .agenda__item:nth-child(2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 1040px) {
  .template-agenda .grid-container.agenda-pasado .agenda__item {
    margin-top: 6rem;
  }

  .template-agenda .grid-container.agenda-pasado .agenda__item:nth-child(1),
  .template-agenda .grid-container.agenda-pasado .agenda__item:nth-child(2),
  .template-agenda .grid-container.agenda-pasado .agenda__item:nth-child(3) {
    margin-top: 0;
  }
}

.template-agenda .agenda-header {
  display: flex;
  grid-column: 1 / -1;
  margin-bottom: 4rem;
  margin-top: 6rem;
  border-top: 1px solid #d8d8d8;
  padding-top: 6rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (min-width: 680px) {
  .template-agenda .agenda-header {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 8rem;
    padding-top: 10rem;
    margin-top: 10rem;
  }
}

@media screen and (min-width: 1040px) {
  .template-agenda .agenda-header {
    margin-bottom: 6rem;
    margin-top: 8rem;
    padding-top: 8rem;
  }
}

@media (min-width: 1280px) {
  .template-agenda .agenda-header {
    margin-bottom: 8rem;
    padding-top: 12rem;
    margin-top: 12rem;
  }
}

@media (min-width: 1920px) {
  .template-agenda .agenda-header {
    margin-bottom: 8rem;
    padding-top: 18rem;
    margin-top: 18rem;
  }
}

.template-agenda .agenda-header .select_input {
  margin-bottom: 0;
  width: 33%;
  align-items: flex-start;
}

@media (min-width: 680px) {
  .template-agenda .agenda-header .select_input {
    align-items: flex-end;
  }
}

@media (max-width: 679px) {
  .template-agenda .agenda-header .select_input {
    margin-top: 3rem;
  }
}

.template-agenda .select_wrapper {
  min-width: 100px;
  max-width: 100px;
}

.template-agenda .select_wrapper select:focus + label {
  top: 15px;
  opacity: 1;
}

.template-agenda .select_wrapper label {
  position: absolute;
  top: 25px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  font-size: 1rem;
}

.template-agenda .select_wrapper select {
  font-family: 'Acciona';
  letter-spacing: 1.5px;
  font-size: 10px;
  font-weight: 500;
}

.template-agenda .agenda__item {
  display: flex;
  margin-top: 6rem;
  flex-direction: column;
}

@media (min-width: 680px) {
  .template-agenda .agenda__item {
    flex-direction: row;
  }
}

.template-agenda .agenda__item:first-child {
  margin-top: 0;
}

@media screen and (min-width: 1040px) {
  .template-agenda .agenda__item {
    margin-top: 6rem;
    flex-direction: row;
  }

  .template-agenda .agenda__item:nth-child(1),
  .template-agenda .agenda__item:nth-child(2) {
    margin-top: 0;
  }
}

@media (min-width: 1280px) {
  .template-agenda .agenda__item {
    margin-top: 8rem;
  }
}

.template-agenda .agenda__item .body--m {
  margin-top: 2rem;
}

@media (min-width: 1680px) {
  .template-agenda .agenda__item {
    margin-top: 10rem;
  }
}

.template-agenda .agenda__container {
  margin-top: 1rem;
}

.template-agenda .agenda__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.template-agenda .agenda__day {
  width: 100%;
  margin-bottom: 1rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 680px) {
  .template-agenda .agenda__day {
    border-right: 1px solid #d8d8d8;
    padding-right: 3rem;
    margin-right: 3rem;
    text-align: center;
    width: 150px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
}

@media (min-width: 680px) and (min-width: 1680px) {
  .template-agenda .agenda__day {
    width: 225px;
    padding-right: 4rem;
    margin-right: 4rem;
  }
}

.template-agenda .agenda__day .title--xs {
  margin-top: 5px;
}

.template-agenda .agenda__container {
  display: flex;
}

.template-agenda .agenda__container .title--xs {
  display: inline-flex;
  align-items: center;
}

.template-agenda .agenda__container .title--xs .link--subscribe svg path {
  fill: #000;
}

.template-agenda .agenda__container .title--xs .link--subscribe:hover svg {
  transform: translateX(-10px) translateY(0);
}

.template-agenda .agenda__container .title--xs .link--subscribe:hover svg path {
  fill: #000;
}

.template-agenda
  .agenda__container
  .title--xs.title--xs:last-child:not(:first-child)::before {
  content: '';
  width: 1px;
  height: 8px;
  background-color: #000;
  margin-left: 1rem;
  margin-right: 1rem;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.pdf-reader .lightbox .content-wrapper {
  flex-direction: column;
  max-width: 100%;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@media (min-width: 1024px) {
  .module-textwithcta .grid-container {
    grid-column: 1 / 8;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.contact-info .email {
  display: none;
}

@media (min-width: 680px) {
  .contact-info .email {
    display: block;
  }
}

.contact-info .contact-info__block {
  border-bottom: solid 1px #d8d8d8;
  padding: 0;
  margin-bottom: 60px;
  padding-bottom: 60px;
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  .contact-info .contact-info__block {
    margin-bottom: 100px;
    padding-bottom: 100px;
  }
}

.contact-info .contact-info__block .title {
  margin-bottom: 10px;
  grid-column: 1 / -1;
}

.contact-info .contact-info__block .sub-block {
  grid-column: span 8;
}

@media (min-width: 1024px) {
  .contact-info .contact-info__block .sub-block {
    grid-column: span 6;
  }
}

.contact-info .contact-info__block:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.contact-info .contact-info__hq .address {
  margin-bottom: 20px;
  max-width: 400px;
}

.contact-info .contact-info__hq .map-link {
  margin-bottom: 30px;
}

.contact-info .contact-info__hq .number-link {
  margin-bottom: 10px;
}

.contact-info .contact-info__departments .emails-list {
  padding: 0;
  padding-top: 20px;
}

.contact-info .contact-info__departments .emails-list li {
  margin-bottom: 20px;
}

.contact-info .contact-info__departments .emails-list li a.email-link {
  display: flex;
  align-items: center;
}

.contact-info .contact-info__departments .emails-list li a.email-link svg {
  margin-right: 10px;
}

.contact-info
  .contact-info__departments
  .emails-list
  li
  a.email-link
  span:first-of-type {
  display: flex;
  align-items: center;
}

@media (min-width: 680px) {
  .contact-info
    .contact-info__departments
    .emails-list
    li
    a.email-link
    span:first-of-type::after {
    content: '';
    width: 1px;
    height: 1em;
    display: block;
    background-color: #000;
    margin: 0 15px;
  }
}

.solution-business-card {
  margin-bottom: 80px;
}

.solution-business-card:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .solution-business-card:nth-last-of-type(2) {
    margin-bottom: 0;
  }
}

.solution-business-card .name {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.solution-business-card .name svg {
  margin-right: 15px;
}

.solution-business-card .address {
  margin-bottom: 10px;
}

.solution-business-card .number-links-block {
  display: flex;
}

.solution-business-card .number-links-block .number-link:first-child::after {
  content: '';
  width: 1px;
  height: 1em;
  display: block;
  background-color: #000;
  margin: 0 10px;
}

@media all and (min-width: 375px) {
  .solution-business-card .number-links-block .number-link:first-child::after {
    margin: 0 15px;
  }
}

.solution-business-card .data-handling-link {
  margin-bottom: 20px;
}

.number-link {
  display: flex;
  align-items: center;
}

.number-link svg {
  margin-right: 10px;
}

.data-handling-link {
  padding-top: 10px;
}

.data-handling-link a {
  color: red;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.development-goals .title,
.development-goals .description {
  grid-column: span 8;
}

.development-goals .title {
  margin-bottom: 20px;
}

@media (min-width: 680px) {
  .development-goals .title {
    margin-bottom: 30px;
  }
}

@media (min-width: 1024px) {
  .development-goals .title {
    grid-column: span 7;
  }
}

@media (min-width: 1280px) {
  .development-goals .title {
    margin-bottom: 80px;
  }
}

.development-goals .description {
  margin-bottom: 40px;
}

@media (min-width: 680px) {
  .development-goals .description {
    margin-bottom: 60px;
  }
}

@media (min-width: 1024px) {
  .development-goals .description {
    grid-column: span 5;
  }
}

@media (min-width: 1280px) {
  .development-goals .description {
    margin-bottom: 80px;
  }
}

@media (min-width: 1680px) {
  .development-goals .description {
    margin-bottom: 120px;
  }
}

@media (min-width: 1920px) {
  .development-goals .description {
    margin-bottom: 140px;
  }
}

@media (min-width: 1280px) {
  .development-goals .title,
  .development-goals .description {
    grid-column: span 6;
  }
}

.development-goals .goals-buttons {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
}

.development-goals .goals-buttons .goal-button {
  opacity: 0.3;
  line-height: 0;
  flex-basis: calc(100% / 3);
}

@media (min-width: 680px) {
  .development-goals .goals-buttons .goal-button {
    flex-basis: 20%;
  }
}

@media (min-width: 1024px) {
  .development-goals .goals-buttons .goal-button {
    flex-basis: calc(100% / 6);
  }
}

@media (min-width: 1280px) {
  .development-goals .goals-buttons .goal-button {
    flex-basis: calc(100% / 7);
  }
}

@media (min-width: 1680px) {
  .development-goals .goals-buttons .goal-button {
    flex-basis: calc(100% / 6);
  }
}

@media (min-width: 1920px) {
  .development-goals .goals-buttons .goal-button {
    flex-basis: calc(100% / 9);
  }
}

.development-goals .goals-buttons .goal-button[data-is-active='true'] {
  opacity: 1;
  cursor: pointer;
}

.development-goals .goals-buttons .goal-button[data-is-active='true']:hover {
  transform: scale(1.01);
}

.development-goals .goals-buttons .goal-button:first-of-type {
  order: 1;
  opacity: 1;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

form.subscribtion-form {
  --input_whitespace: 20px;
  background-color: red;
}

@media (max-width: 679px) {
  form.subscribtion-form .form-container {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media (min-width: 680px) {
  form.subscribtion-form .form-container {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1024px) {
  form.subscribtion-form .form-container {
    padding-top: 10rem;
    padding-bottom: 7.4rem;
  }
}

@media (min-width: 1280px) {
  form.subscribtion-form .form-container {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}

@media (min-width: 1680px) {
  form.subscribtion-form .form-container {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}

form.subscribtion-form .grid-left {
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  form.subscribtion-form .grid-left {
    grid-column: 1 / 7;
  }
}

form.subscribtion-form .grid-right {
  grid-column: 1 / -1;
  margin-top: 2rem;
}

@media (min-width: 680px) {
  form.subscribtion-form .grid-right {
    margin-top: 3rem;
    max-width: 80%;
  }
}

@media (min-width: 1024px) {
  form.subscribtion-form .grid-right {
    grid-column: 8 /-1;
    max-width: 100%;
  }
}

form.subscribtion-form .form-title {
  margin-bottom: 1.4rem;
  letter-spacing: 0.89px;
  font-weight: 500;
}

@media (max-width: 679px) {
  form.subscribtion-form .form-title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1280px) {
  form.subscribtion-form .form-title {
    margin-bottom: 3rem;
  }
}

form.subscribtion-form input[name='email_to_subscribe'] {
  border: none;
  background-color: transparent;
  color: #fff;
  font-size: 1.4rem;
  flex-basis: 100%;
}

@media (min-width: 680px) {
  form.subscribtion-form input[name='email_to_subscribe'] {
    font-size: 1.8rem;
  }
}

@media (min-width: 1024px) {
  form.subscribtion-form input[name='email_to_subscribe'] {
    font-size: 1.6rem;
  }
}

@media (min-width: 1280px) {
  form.subscribtion-form input[name='email_to_subscribe'] {
    margin-top: 0;
    padding-top: 0;
    font-size: 1.4rem;
  }
}

form.subscribtion-form input[name='email_to_subscribe']:-ms-input-placeholder {
  opacity: 0.8;
  color: #fff;
  font-weight: lighter;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

form.subscribtion-form input[name='email_to_subscribe']::placeholder {
  opacity: 0.8;
  color: #fff;
  font-weight: lighter;
  transition: all 0.3s ease-in-out;
}

form.subscribtion-form
  input[name='email_to_subscribe']:focus:-ms-input-placeholder {
  opacity: 1;
}

form.subscribtion-form input[name='email_to_subscribe']:focus::placeholder {
  opacity: 1;
}

@media (max-width: 679px) {
  form.subscribtion-form input[name='email_to_subscribe'] {
    padding-bottom: 10px;
    margin-top: 20px;
  }
}

form.subscribtion-form .form-submit {
  background-color: transparent;
  color: #fff;
  border: none;
  flex-basis: 20%;
  position: relative;
  cursor: pointer;
  text-align: right;
}

form.subscribtion-form .form-submit svg {
  transition: all 320ms ease-in-out;
}

form.subscribtion-form .form-submit svg path {
  fill: #fff;
}

form.subscribtion-form .form-submit:not([disabled]):hover svg {
  transform: translateX(10px);
}

form.subscribtion-form hr {
  flex-basis: 100%;
  border: none;
  border-bottom: solid 1px #d8d8d8;
  margin-bottom: var(--outer_gap);
}

form.subscribtion-form input[name='conditions_accepted'] {
  align-self: flex-start;
  display: none;
}

form.subscribtion-form .input-button {
  display: flex;
  align-items: space-between;
  height: 50px;
}

form.subscribtion-form .faux-checkbox {
  border: solid 1px #fff;
  width: 14px;
  height: 14px;
  align-self: flex-start;
  margin-right: 1em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 8px;
}

form.subscribtion-form .faux-checkbox .checkbox-tick {
  transform: translateY(0.25em);
  opacity: 0;
  transition: all 320ms ease-in-out;
}

form.subscribtion-form .faux-checkbox .checkbox-tick path {
  fill: #fff;
}

form.subscribtion-form
  input[name='conditions_accepted']:checked
  + .faux-checkbox
  .checkbox-tick {
  transform: none;
  opacity: 1;
}

form.subscribtion-form label.for-terms-checkbox {
  flex-basis: 100%;
  cursor: pointer;
  font-size: 12px;
  line-height: 2;
  margin-left: -25px;
  padding-left: 25px;
  z-index: 100;
}

form.subscribtion-form label.for-terms-checkbox a {
  color: #fff;
}

form.subscribtion-form .feedback-message {
  transition: all 320ms ease-in-out;
  margin-top: 20px;
  display: flex;
}

form.subscribtion-form .feedback-message[data-is-visible='false'] {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
}

form.subscribtion-form .feedback-message svg.validation-fail {
  transform: rotate(45deg) translateY(-6px);
}

form.subscribtion-form .feedback-message svg {
  flex-shrink: 0;
  margin-top: 12px;
  margin-right: 10px;
}

form.subscribtion-form .feedback-message svg path {
  fill: #fff;
}

form.subscribtion-form.white-form {
  background-color: #fff;
}

form.subscribtion-form.white-form .form-container {
  padding-top: 0;
  padding-bottom: 0;
}

form.subscribtion-form.white-form input[type='text']:-ms-input-placeholder,
form.subscribtion-form.white-form
  input[type='text']:focus:-ms-input-placeholder {
  color: #000;
}

form.subscribtion-form.white-form .form-title,
form.subscribtion-form.white-form .form-descr,
form.subscribtion-form.white-form input[type='text'],
form.subscribtion-form.white-form input[type='text']::placeholder,
form.subscribtion-form.white-form input[type='text']:focus::placeholder,
form.subscribtion-form.white-form label,
form.subscribtion-form.white-form label .link--white,
form.subscribtion-form.white-form .feedback-message {
  color: #000;
}

form.subscribtion-form.white-form label .link--white::after {
  background-color: #000;
}

form.subscribtion-form.white-form .faux-checkbox {
  border-color: #000;
}

form.subscribtion-form.white-form svg.checkbox-tick path {
  fill: #000;
}

form.subscribtion-form.white-form .form-submit svg path {
  fill: red;
}

form.subscribtion-form.white-form .feedback-message svg path {
  fill: #000;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@media (min-width: 680px) {
  .module-related-items .items-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 7%;
    grid-template-rows: minmax(auto, auto);
    grid-row-gap: 0;
  }
}

.module-related-items .cta {
  margin-top: 4rem;
}

@media (min-width: 1680px) {
  .module-related-items .cta {
    margin-top: 8rem;
  }
}

.module-related-items .person-content,
.module-related-items .title--xs {
  display: flex;
}

.module-related-items .title--xs {
  align-items: center;
}

@media (max-width: 679px) {
  .module-related-items .person-picture {
    width: 8rem;
  }
}

.module-related-items .person-picture img {
  border-radius: 100%;
}

@media (max-width: 679px) {
  .module-related-items .item {
    margin-bottom: 4rem;
  }
}

.module-related-items .person-content {
  margin-top: 2rem;
}

.module-related-items .title--tag {
  margin-bottom: 4rem;
}

@media (min-width: 680px) {
  .module-related-items .title--tag {
    margin-bottom: 6rem;
  }
}

@media (min-width: 1680px) {
  .module-related-items .title--tag {
    margin-bottom: 8rem;
  }
}

.module-related-items .person-cargo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 2rem;
}

.module-related-items .person-cargo .title--xs svg {
  margin-left: 1rem;
}

.module-related-items .person-cargo span svg {
  margin-left: 0;
}

.module-404 {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 120px 0;
  padding-bottom: 0;
}

.module-404 .btn-cta {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-mapa-web .item {
  border-top: 1px solid #d8d8d8;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 680px) {
  .module-mapa-web .item {
    flex-direction: row;
  }
}

.module-mapa-web .item:last-child {
  padding-bottom: 0;
}

.module-mapa-web .item:first-child {
  padding-top: 0;
  border-top: 0;
}

@media (min-width: 1280px) {
  .module-mapa-web .item {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1680px) {
  .module-mapa-web .item {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.module-mapa-web .body--s {
  font-size: 1.1rem;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .module-mapa-web .body--s {
    font-size: 1.3rem;
  }
}

.module-mapa-web a {
  transition: all 0.3s ease-in-out;
}

.module-mapa-web a:hover {
  color: red;
}

.module-mapa-web li a {
  display: flex;
}

.module-mapa-web li a svg {
  margin-right: 1.5rem;
}

.module-mapa-web .item-container {
  margin-top: 3rem;
}

.module-mapa-web .item-container:first-child {
  margin-top: 0;
  width: 100%;
}

@media (min-width: 680px) {
  .module-mapa-web .item-container:first-child {
    margin-bottom: 5rem;
  }
}

@media (min-width: 1024px) {
  .module-mapa-web .item-container:first-child {
    width: 33%;
    margin-bottom: 0;
  }
}

@media (min-width: 680px) {
  .module-mapa-web .item-container {
    margin-top: 0;
    width: 50%;
    padding-right: 3%;
  }
}

@media (min-width: 680px) and (min-width: 1024px) {
  .module-mapa-web .item-container {
    width: 33%;
    padding-right: 0;
  }
}

@media (min-width: 680px) and (min-width: 1680px) {
  .module-mapa-web .item-container {
    width: 26%;
    padding-right: 0;
  }
}

.module-mapa-web .item-container nav {
  margin-top: 2rem;
}

.module-mapa-web .item-container nav p:not(:first-child) {
  margin-top: 1rem;
}

.module-mapa-web .title--xs {
  margin-top: 2rem;
}

@media (min-width: 680px) {
  .module-mapa-web .title--xs {
    margin-top: 3rem;
  }
}

.module-mapa-web .title--xs:first-child {
  margin-top: 0;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-webs .title--s {
  margin-bottom: 3rem;
}

.module-webs .item {
  border-top: 1px solid #d8d8d8;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.module-webs .item:last-child {
  padding-bottom: 0;
}

.module-webs .item a {
  margin-right: 7rem;
  margin-bottom: 2rem;
}

@media (max-width: 679px) {
  .module-webs .item a {
    width: 100%;
    display: block;
  }
}

.module-webs .item:first-child {
  padding-top: 0;
  border-top: 0;
}

@media (min-width: 1280px) {
  .module-webs .item {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1680px) {
  .module-webs .item {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.rss-feed {
  grid-column: 1 / -1;
}

.rss-feed .feed-item {
  grid-column: 1 / -1;
  margin-bottom: 60px;
}

@media (min-width: 680px) {
  .rss-feed .feed-item {
    margin-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .rss-feed .feed-item {
    grid-column: span 6;
  }
}

.rss-feed .feed-item .handle {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.rss-feed .feed-item .handle svg {
  margin-right: 10px;
}

.rss-feed .feed-item .feed-item-link {
  display: inline-block;
  color: red;
}

.rss-feed .feed-item .actions-list {
  display: flex;
  margin-top: 20px;
}

.rss-feed .feed-item .actions-list li {
  display: flex;
  align-items: center;
}

.rss-feed .feed-item .actions-list li:not(:last-of-type)::after {
  content: '';
  display: block;
  width: 1px;
  height: 10px;
  background-color: #d8d8d8;
  margin: 0 15px;
}

@media screen and (max-width: 339px) {
  .rss-feed .feed-item .actions-list li:not(:last-of-type)::after {
    margin: 0 10px;
  }
}

.rss-feed .feed-item .actions-list li .action-link {
  display: flex;
  align-items: center;
}

.rss-feed .feed-item .actions-list li .action-link svg {
  margin-right: 10px;
}

.rss-feed .feed-item .actions-list li .action-link svg.favorite {
  margin-top: -2px;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-soluciones-mosaico .mosaico-row,
.module-soluciones-mosaico .mosaico-cell--half,
.module-soluciones-mosaico .mosaico-cell {
  display: flex;
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  .module-soluciones-mosaico .mosaico-row,
  .module-soluciones-mosaico .mosaico-cell--half,
  .module-soluciones-mosaico .mosaico-cell {
    flex-direction: column;
  }
}

@keyframes itemHover {
  0% {
    bottom: 100%;
  }

  100% {
    bottom: 0;
  }
}

.module-soluciones-mosaico .content-inner {
  display: flex;
  align-items: flex-end;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.module-soluciones-mosaico .content-inner .title--xs {
  margin: 3rem;
}

.module-soluciones-mosaico .content {
  padding: 3rem;
  transition: opacity 0.5s ease-in-out;
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  .module-soluciones-mosaico .content {
    display: none;
  }
}

.module-soluciones-mosaico .mosaico-item:hover {
  color: #fff;
}

@media (min-width: 1024px) {
  .module-soluciones-mosaico .mosaico-item:hover .hover-content {
    opacity: 1;
    animation-name: itemHover;
    animation-duration: 1s;
    animation-fill-mode: forwards;
  }

  .module-soluciones-mosaico .mosaico-item:hover .hover-content .cifras--m,
  .module-soluciones-mosaico .mosaico-item:hover .hover-content .cifras--s,
  .module-soluciones-mosaico .mosaico-item:hover .hover-content .title--xs,
  .module-soluciones-mosaico .mosaico-item:hover .hover-content .title--s {
    opacity: 1;
    transition: opacity 0.5s ease-in-out 0.2s, transform 0.5s ease-in-out 0.2s;
    transform: translateY(0);
  }

  .module-soluciones-mosaico .mosaico-item:hover .hover-content .title--s {
    padding-bottom: 3rem;
  }

  .module-soluciones-mosaico .mosaico-item:hover .content {
    opacity: 0;
  }
}

.module-soluciones-mosaico .mosaico-item {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  background: #fff;
  opacity: 0;
}

.module-soluciones-mosaico .mosaico-item.reveal {
  opacity: 1;
}

.module-soluciones-mosaico .mosaico-item::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .module-soluciones-mosaico .mosaico-item {
    min-height: 40vh;
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 0) and (max-width: 767px) {
  .module-soluciones-mosaico .mosaico-item {
    margin-bottom: 3rem;
    min-height: 65vh;
  }
}

.module-soluciones-mosaico .mosaico-item svg {
  margin-right: 1rem;
}

.module-soluciones-mosaico .mosaico-item svg path {
  fill: #fff;
}

.module-soluciones-mosaico .mosaico-cell--half div {
  width: 50%;
}

.module-soluciones-mosaico .hover-content {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  background-color: red;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  .module-soluciones-mosaico .hover-content {
    opacity: 1;
    top: auto;
    padding-top: 3rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .module-soluciones-mosaico .hover-content {
    opacity: 1;
    top: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.module-soluciones-mosaico .hover-content .cifras--m,
.module-soluciones-mosaico .hover-content .cifras--s {
  text-align: right;
}

.module-soluciones-mosaico .hover-content .cifras--m .title--xs,
.module-soluciones-mosaico .hover-content .cifras--s .title--xs {
  text-align: right;
  display: block;
  margin-top: 10px;
}

.module-soluciones-mosaico .hover-content .cifras--s .title--xs {
  margin-top: 6px;
}

.module-soluciones-mosaico .hover-content .cifras--s,
.module-soluciones-mosaico .hover-content .cifras--m,
.module-soluciones-mosaico .hover-content .title--s {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  color: #fff;
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  .module-soluciones-mosaico .hover-content .cifras--s,
  .module-soluciones-mosaico .hover-content .cifras--m,
  .module-soluciones-mosaico .hover-content .title--s {
    padding-bottom: 2.5rem;
  }
}

.module-soluciones-mosaico .hover-content .cifras--m,
.module-soluciones-mosaico .hover-content .cifras--s,
.module-soluciones-mosaico .hover-content .title--xs,
.module-soluciones-mosaico .hover-content .title--s {
  color: #fff;
}

@media (min-width: 1024px) {
  .module-soluciones-mosaico .hover-content .cifras--m,
  .module-soluciones-mosaico .hover-content .cifras--s,
  .module-soluciones-mosaico .hover-content .title--xs,
  .module-soluciones-mosaico .hover-content .title--s {
    opacity: 0;
    transform: translateY(-40);
  }
}

.module-soluciones-mosaico .title--xs {
  display: flex;
  color: #fff;
  align-items: center;
}

.module-soluciones-mosaico .mosaico-cell--2 {
  margin-right: -10vw;
  width: 65%;
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  .module-soluciones-mosaico .mosaico-cell--2 {
    width: 100%;
  }
}

.module-soluciones-mosaico .mosaico-cell-4,
.module-soluciones-mosaico .mosaico-cell-5 {
  width: 50%;
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  .module-soluciones-mosaico .mosaico-cell-4,
  .module-soluciones-mosaico .mosaico-cell-5 {
    width: 100%;
  }
}

.module-soluciones-mosaico .mosaico-cell-5 {
  margin-right: -4vw;
}

.module-soluciones-mosaico .mosaico-cell-3 {
  width: 100%;
  margin-left: -10vw;
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  .module-soluciones-mosaico .mosaico-cell-3 {
    margin-left: 0;
  }
}

.module-soluciones-mosaico .mosaico-cell--1 {
  width: 50%;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 0) and (max-width: 1023px) {
  .module-soluciones-mosaico .mosaico-cell--1 {
    width: 100%;
  }
}

.module-soluciones-mosaico .item-1 {
  padding-bottom: 45%;
  background-position: 50% 50%;
  background-size: cover;
}

.module-soluciones-mosaico .item-2 {
  padding-bottom: 40%;
  padding-bottom: 45%;
  background-position: 50% 50%;
  background-size: cover;
}

.module-soluciones-mosaico .item-3 {
  padding-bottom: 42%;
  padding-bottom: 45%;
  background-position: 50% 50%;
  background-size: cover;
}

.module-soluciones-mosaico .item-4 {
  padding-bottom: 42%;
  padding-bottom: 45%;
  background-position: 50% 50%;
  background-size: cover;
}

.module-soluciones-mosaico .item-5 {
  padding-bottom: 30%;
  padding-bottom: 30%;
  background-position: 50% 50%;
  background-size: cover;
}

.module-soluciones-mosaico .item-6 {
  padding-bottom: 30%;
  padding-bottom: 30%;
  background-position: 50% 50%;
  background-size: cover;
}

.module-soluciones-mosaico .item-7 {
  padding-bottom: 30%;
  padding-bottom: 30%;
  background-position: 50% 50%;
  background-size: cover;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.soluciones-fixed {
  display: none;
  position: fixed;
  top: -200px;
  background-color: #fff;
  left: 0;
  right: 0;
}

.soluciones-fixed.is-fixed {
  animation-name: show-up;
  animation-duration: 1s;
  display: flex;
  z-index: 105;
  animation-fill-mode: forwards;
}

.soluciones-fixed.is-done {
  animation-name: show-down;
  animation-duration: 1s;
  z-index: 105;
  animation-fill-mode: forwards;
}

.soluciones-fixed ul {
  display: flex;
  height: 6.6rem;
  width: 100%;
  align-items: center;
  overflow-x: auto;
  padding: 0 25px;
  border-bottom: 1px solid #d8d8d8;
}

@media (min-width: 680px) {
  .soluciones-fixed ul {
    padding: 0 60px;
    justify-content: space-between;
  }
}

@media (min-width: 1280px) {
  .soluciones-fixed ul {
    padding: 0 10%;
    justify-content: space-between;
  }
}

.soluciones-fixed ul::-webkit-scrollbar-track {
  background-color: #fff;
}

.soluciones-fixed ul::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: red;
}

.soluciones-fixed ul::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background-color: red;
}

@media (min-width: 680px) {
  .soluciones-fixed ul {
    height: 10rem;
  }
}

.soluciones-fixed ul li {
  display: flex;
  margin-right: 25px;
  white-space: nowrap;
}

.soluciones-fixed ul li:last-child {
  padding-right: 60px;
}

@media (min-width: 680px) {
  .soluciones-fixed ul li {
    margin-right: 35px;
  }
}

.soluciones-fixed ul a {
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}

.soluciones-fixed ul a svg path {
  transition: all 0.3s ease-in-out;
}

.soluciones-fixed ul a:hover {
  color: red;
}

.soluciones-fixed ul a:hover svg path {
  fill: red;
}

.soluciones-fixed ul a svg {
  margin-right: 8px;
}

@keyframes show-up {
  0% {
    top: -200px;
  }

  100% {
    top: 0;
  }
}

@keyframes show-down {
  0% {
    top: 0;
  }

  100% {
    top: -200px;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

a {
  text-decoration: none;
  color: #000;
}

html {
  font-size: 62.5%;
}

.uppercase {
  text-transform: uppercase;
}

strong {
  font-weight: 600;
}

.title--tag {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-content: center;
  align-self: flex-start;
  min-height: 2.5rem;
  align-items: center;
}

@media (max-width: 679px) {
  .title--tag {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--tag {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}

.title--tag::before {
  width: 1px;
  content: '';
  display: inline-block;
  margin-right: 14px;
  background-color: red;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
}

.title--xl {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media (min-width: 1024px) {
  .title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 1680px) {
  .title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1920px) {
  .title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

.title--l {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.title--s {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

.title--xs {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.title--xxs {
  font-size: 1.6rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.body--m {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.body--s {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1280px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1680px) {
  .body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.title--small {
  font-size: 1.1rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

.cifras--s {
  font-size: 3rem;
  margin-top: 10px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--s {
    font-size: 4rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.cifras--l {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 680px) {
  .cifras--l {
    font-size: 12rem;
  }

  .cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1280px) {
  .cifras--l {
    font-size: 14rem;
  }

  .cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1680px) {
  .cifras--l {
    font-size: 22rem;
  }

  .cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.body--xs {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9rem;
}

.cifras--m {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--m {
    font-size: 6rem;
  }
}

@media (min-width: 1280px) {
  .cifras--m {
    font-size: 8rem;
  }
}

@media (min-width: 1920px) {
  .cifras--m {
    font-size: 12rem;
  }
}

.title--m {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.cifras--xl {
  font-size: 9rem;
  font-weight: 300;
}

@media (max-width: 679px) {
  .cifras--xl {
    font-size: 8rem;
  }
}

@media (min-width: 680px) {
  .cifras--xl {
    font-size: 14rem;
    line-height: 14rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .cifras--xl {
    font-size: 20rem;
  }
}

@media (min-width: 1280px) {
  .cifras--xl {
    font-size: 25rem;
  }
}

@media (min-width: 1920px) {
  .cifras--xl {
    font-size: 30rem;
  }
}

small {
  font-size: 0.5em;
}

@media screen and (min-width: 680px) {
  .xs-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xs-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xs-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xs-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--l {
    font-size: 12rem;
  }

  .xs-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--l {
    font-size: 14rem;
  }

  .xs-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-cifras--l {
    font-size: 22rem;
  }

  .xs-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .s-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .s-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .s-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--l {
    font-size: 12rem;
  }

  .s-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--l {
    font-size: 14rem;
  }

  .s-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-cifras--l {
    font-size: 22rem;
  }

  .s-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .m-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .m-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .m-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--l {
    font-size: 12rem;
  }

  .m-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--l {
    font-size: 14rem;
  }

  .m-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-cifras--l {
    font-size: 22rem;
  }

  .m-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .l-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .l-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .l-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--l {
    font-size: 12rem;
  }

  .l-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--l {
    font-size: 14rem;
  }

  .l-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-cifras--l {
    font-size: 22rem;
  }

  .l-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xl-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xl-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xl-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--l {
    font-size: 12rem;
  }

  .xl-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--l {
    font-size: 14rem;
  }

  .xl-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-cifras--l {
    font-size: 22rem;
  }

  .xl-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.link,
.btn-cta {
  font-size: 1.1rem;
  line-height: 2rem;
  min-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1680px) {
  .link,
  .btn-cta {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.taglabel {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.9rem;
  display: inline-flex;
  align-items: center;
}

.taglabel svg {
  margin-right: 0.5rem;
}

@media (min-width: 1680px) {
  .taglabel {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.download-link {
  position: relative;
}

.download-link svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.link--icon .cta-single {
  margin-left: 0;
}

.link--icon svg {
  transform: translateX(0) translateY(4px);
  margin-left: 1rem;
  transition: all 0.3s ease-in-out;
}

.link--icon:hover svg {
  transform: translateX(5px) translateY(4px);
}

.link--icon.link--lightbox svg {
  transform: translateX(0) translateY(2px);
}

.link--icon.link--lightbox:hover svg {
  transform: translateX(5px) translateY(2px);
}

.link--back {
  font-size: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .link--back {
    display: inline-flex;
  }
}

.link--back svg {
  transform: rotate(180deg) translateX(10px) translateY(1px);
}

.link--back:hover svg {
  transform: rotate(180deg) translateX(15px) translateY(1px);
}

.link--subscribe {
  font-size: 1rem;
}

.link--subscribe svg {
  transform: translateX(-10px) translateY(0);
}

.link--subscribe:hover svg {
  transform: translateX(-15px) translateY(0);
}

.link--download {
  position: relative;
  padding-left: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.link--download svg {
  position: absolute;
  left: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.link--download .link--download-type {
  flex-basis: 100%;
}

.link--download a,
.link--download a {
  flex-direction: column;
  align-items: flex-start;
}

.link--download span {
  transition: all 0.3s ease-in-out;
  transform: translateX(0) translateY(4px);
}

.link--download:hover span,
.link--download a:hover span {
  transform: translateX(0) translateY(4px);
}

.link--download:hover svg,
.link--download a:hover svg {
  transform: translateX(0) translateY(8px);
}

.link--download .link--download-type {
  color: #4c4c4c;
  font-weight: 400;
}

.btn-cta {
  background-color: red;
  height: 5rem;
  border-radius: 25px;
  display: inline-flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn-cta:hover {
  background-color: #d50000;
}

@media (max-width: 679px) {
  .btn-cta {
    height: 6rem;
    border-radius: 3rem;
    margin-right: 6rem;
    width: calc(100% - 20px);
  }
}

@media (min-width: 680px) {
  .btn-cta {
    max-width: 325px;
    width: auto;
    padding: 0 40px;
  }
}

.align-center {
  text-align: center;
}

@media (min-width: 680px) {
  .link.mobile-visible,
  .mobile-visible.btn-cta {
    display: none;
  }
}

@media (max-width: 679px) {
  .link.mobile-hidden,
  .mobile-hidden.btn-cta {
    display: none;
  }
}

.link--white {
  position: relative;
}

.link--white::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.link--white:hover::after {
  right: 100%;
  width: 0;
}

.link--red {
  color: red;
  position: relative;
}

.link--red::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--red:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: red;
}

.link--black {
  color: #000;
  position: relative;
}

.link--black::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--black:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: #000;
}

.equipo-directivo.module {
  margin-bottom: 5rem;
}

.equipo-directivo .title--s {
  margin-bottom: 1rem;
}

.equipo-directivo .equipo-directivo-container {
  grid-column: 1 / -1;
}

.equipo-directivo .title--l {
  display: flex;
}

.equipo-directivo .frames-container {
  display: flex;
  flex-wrap: wrap;
}

.equipo-directivo .frame-content {
  display: flex;
  align-items: center;
}

.equipo-directivo .person-content {
  display: flex;
  justify-content: center;
}

.equipo-directivo .link--icon {
  margin-top: 1rem;
  display: inline-flex;
}

.equipo-directivo .person-picture {
  margin-right: 2rem;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  align-self: flex-start;
}

.equipo-directivo .person-picture img {
  border-radius: 100%;
}

.equipo-directivo .person-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.equipo-directivo .content-wrapper {
  width: 100%;
  display: block !important;
}

.equipo-directivo .link svg,
.equipo-directivo .btn-cta svg {
  margin-left: 10px;
}

.equipo-directivo .frame {
  grid-row-gap: 0;
  background-color: #fafafa;
  padding: 40px;
}

.equipo-directivo .frame li:not(:last-child) {
  margin-bottom: 0.8rem;
}

.equipo-directivo .frame:not(:last-child) {
  margin-bottom: 5rem;
}

@media (min-width: 1024px) {
  .equipo-directivo .frame:not(:last-child) {
    margin-bottom: 0;
  }
}

.equipo-directivo .frame .link--icon {
  font-size: 1rem;
}

.equipo-directivo .frame .name.link,
.equipo-directivo .frame .name.btn-cta {
  font-size: 1.4rem;
}

.equipo-directivo .frame .inner-content {
  margin-bottom: 4rem;
  /* margin-bottom: 2rem; */
  margin-top: 1rem;
}

.equipo-directivo .frame .inner-content .body--s svg {
  transform: translateY(3px);
  margin-left: 10px;
}

.equipo-directivo .frame:last-child ul {
  grid-column: 1 / -1;
  /* margin-top: 3rem */
}

.equipo-directivo .frame ul {
  margin-top: 3rem;
}

@media (min-width: 1024px) {
  .equipo-directivo .frame:last-child {
    grid-column: 7 / 13;
  }
}

.equipo-directivo .frame {
  grid-column: 1 / -1;
}

.equipo-directivo .frame:first-child ul:not(.sub-division) > li:last-of-type {
  padding-top: 2rem;
  /* background-color: forestgreen */
}

.equipo-directivo .frame:first-child ul .body--s {
  /*background-color: yellow;*/
  padding-left: 10px;
}

.equipo-directivo .frame:not(first-child) ul .body--s {
  //background-color: red; */
  padding-left: 10px;
}

.equipo-directivo .frame:not(first-child) ul:first-child {
  /* background-color: orange; */
  padding-left: 10px;
}
/*
//Ocultar CEO INFRA
.equipo-directivo > div > div:nth-child(2) > h3.name.link,
.equipo-directivo > div > div:nth-child(2) > h3.name.link strong {
  display: none;
}
//Desplazar hacia arriba los hijos
.equipo-directivo > div > div:nth-child(2) > div.inner-content > ul{
    position: relative;
    padding: 0;
    margin-top: -35px;
}
*/

@media (min-width: 1024px) {
  .equipo-directivo .frame:first-child {
    grid-column: 1 / 7;
  }
}

.equipo-directivo .frame .audio {
  display: flex;
  flex-wrap: wrap;
}

.equipo-directivo .frame #player-button {
  cursor: pointer;
  background: transparent;
}

.equipo-directivo .frame .audio-stats {
  font-size: 1rem;
  color: #717171;
  flex-basis: 100%;
  display: flex;
  align-items: center;
}

.equipo-directivo .frame .audio-stats i {
  font-style: normal;
  font-size: 1.25em;
  line-height: 1;
}

.equipo-directivo .frame .title--xs {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.equipo-directivo .frame .person-name {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 20px;
  margin-bottom: 0.8rem;
  justify-content: center;
}

@media (min-width: 1024px) {
  .equipo-directivo .frame .person-name {
    margin-bottom: 0;
  }
}

.equipo-directivo .frame .person-name svg {
  margin-left: 8px;
  transform: translateY(0);
}

@media (min-width: 1024px) {
  .equipo-directivo .frame .person-name svg {
    transform: translateY(0);
    transform: translateY(3px);
  }
}

.equipo-directivo .frame .person-content {
  display: flex;
  align-content: center;
}

.equipo-directivo .frame .person-content .title--m {
  margin-bottom: 2rem;
}

.equipo-directivo .frame .frame-content {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  grid-column: 1 / -1;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 400;
  width: 100%;
}

@media (min-width: 680px) {
  .equipo-directivo .frame .frame-content {
    font-size: 2.6rem;
    line-height: 4.8rem;
  }
}

@media (min-width: 1280px) {
  .equipo-directivo .frame .frame-content {
    font-size: 3.4rem;
    line-height: 5rem;
  }
}

@media (min-width: 1680px) {
  .equipo-directivo .frame .frame-content {
    font-size: 4rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1024px) {
  .equipo-directivo .frame .frame-content {
    grid-column: 2 / -1;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .equipo-directivo .frame .frame-content {
    font-size: 3rem;
    line-height: 5.2rem;
  }
}

.equipo-directivo .lightbox .title--m {
  padding-top: 0 !important;
}

.equipo-directivo .countries_equipo .title--s {
  line-height: 1.4;
  margin-bottom: 1.2rem;
}

.equipo-directivo .countries_equipo .name.link,
.equipo-directivo .countries_equipo .name.btn-cta {
  font-size: 1.4rem;
}

.equipo-directivo .countries_equipo .link--icon svg path {
  fill: red !important;
}

.equipo-directivo .countries_equipo .legend {
  grid-column: 1 / -1;
  margin-top: 6rem;
  align-items: flex-start;
}

.equipo-directivo .countries_equipo .legend svg {
  margin-right: 10px;
  transform: translateY(2px);
  flex-shrink: 0;
  margin-left: 0;
}

.equipo-directivo .countries_equipo .header {
  padding-top: 60px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}

@media (max-width: 679px) {
  .equipo-directivo .countries_equipo .header {
    flex-direction: column;
  }
}

.equipo-directivo .countries_equipo .header svg {
  margin-left: 5px;
}

.equipo-directivo .countries_equipo .body {
  display: flex;
  flex-wrap: wrap;
}

.equipo-directivo .countries_equipo .body > div {
  margin-bottom: 60px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 100%;
}

@media (max-width: 679px) {
  .equipo-directivo .countries_equipo .body > div {
    font-size: 1.4rem;
    letter-spacing: 0.7;
    line-height: 2.6rem;
  }
}

@media (min-width: 680px) {
  .equipo-directivo .countries_equipo .body > div {
    flex-basis: 50%;
    margin-bottom: 80px;
    padding-right: 60px;
  }
}

@media (min-width: 1024px) {
  .equipo-directivo .countries_equipo .body > div {
    flex-basis: calc(100% / 3);
    flex-grow: 0;
  }
}

.equipo-directivo .countries_equipo .body > div svg {
  margin-left: 10px;
}

.equipo-directivo .countries_equipo .body > div svg path {
  fill: #fff;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

a {
  text-decoration: none;
  color: #000;
}

html {
  font-size: 62.5%;
}

.uppercase {
  text-transform: uppercase;
}

strong {
  font-weight: 600;
}

.title--tag {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-left: 1.5rem;
  display: flex;
  align-content: center;
  align-self: flex-start;
  min-height: 2.5rem;
  align-items: center;
}

@media (max-width: 679px) {
  .title--tag {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--tag {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}

.title--tag::before {
  width: 1px;
  content: '';
  display: inline-block;
  margin-right: 14px;
  background-color: red;
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 4px;
}

.title--xl {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media (min-width: 1024px) {
  .title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media (min-width: 1680px) {
  .title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media (min-width: 1920px) {
  .title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

.title--l {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media (min-width: 680px) {
  .title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1024px) {
  .title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media (min-width: 1280px) {
  .title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1680px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media (min-width: 1920px) {
  .title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.title--s {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
}

@media (max-width: 679px) {
  .title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 680px) {
  .title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1920px) {
  .title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

.title--xs {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 679px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 680px) {
  .title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1280px) {
  .title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

.title--xxs {
  font-size: 1.6rem;
  line-height: 3rem;
  text-transform: uppercase;
}

.mb-l{
  margin-bottom: 5rem;
}


.body--m {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media (min-width: 1680px) {
  .body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

.body--s {
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 680px) {
  .body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1024px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1280px) {
  .body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media (min-width: 1680px) {
  .body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.title--small {
  font-size: 1.1rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

.cifras--s {
  font-size: 3rem;
  margin-top: 10px;
  font-weight: 300;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--s {
    font-size: 4rem;
  }
}

.body--l {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}

@media (max-width: 679px) {
  .body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media (min-width: 680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1280px) {
  .body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media (min-width: 1680px) {
  .body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.cifras--l {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 680px) {
  .cifras--l {
    font-size: 12rem;
  }

  .cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1280px) {
  .cifras--l {
    font-size: 14rem;
  }

  .cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media (min-width: 1680px) {
  .cifras--l {
    font-size: 22rem;
  }

  .cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.body--xs {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9rem;
}

.cifras--m {
  font-weight: 300;
  font-size: 6.8rem;
  line-height: 1;
}

@media (min-width: 680px) {
  .cifras--m {
    font-size: 6rem;
  }
}

@media (min-width: 1280px) {
  .cifras--m {
    font-size: 8rem;
  }
}

@media (min-width: 1920px) {
  .cifras--m {
    font-size: 12rem;
  }
}

.title--m {
  font-size: 2.8rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media (max-width: 679px) {
  .title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media (min-width: 680px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1024px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1280px) {
  .title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media (min-width: 1680px) {
  .title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

.cifras--xl {
  font-size: 9rem;
  font-weight: 300;
}

@media (max-width: 679px) {
  .cifras--xl {
    font-size: 8rem;
  }
}

@media (min-width: 680px) {
  .cifras--xl {
    font-size: 14rem;
    line-height: 14rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .cifras--xl {
    font-size: 20rem;
  }
}

@media (min-width: 1280px) {
  .cifras--xl {
    font-size: 25rem;
  }
}

@media (min-width: 1920px) {
  .cifras--xl {
    font-size: 30rem;
  }
}

small {
  font-size: 0.5em;
}

@media screen and (min-width: 680px) {
  .xs-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xs-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xs-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xs-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 680px) and (max-width: 679px) {
  .xs-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1024px) {
  .xs-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 680px) and (min-width: 1920px) {
  .xs-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 680px) {
  .xs-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .xs-cifras--l {
    font-size: 12rem;
  }

  .xs-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1280px) {
  .xs-cifras--l {
    font-size: 14rem;
  }

  .xs-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 680px) and (min-width: 1680px) {
  .xs-cifras--l {
    font-size: 22rem;
  }

  .xs-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .s-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .s-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .s-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1024px) and (max-width: 679px) {
  .s-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .s-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .s-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1024px) {
  .s-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1024px) and (min-width: 680px) {
  .s-cifras--l {
    font-size: 12rem;
  }

  .s-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .s-cifras--l {
    font-size: 14rem;
  }

  .s-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
  .s-cifras--l {
    font-size: 22rem;
  }

  .s-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .m-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .m-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .m-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) and (max-width: 679px) {
  .m-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1024px) {
  .m-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1920px) {
  .m-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) {
  .m-cifras--l {
    font-size: 12rem;
  }

  .m-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
  .m-cifras--l {
    font-size: 14rem;
  }

  .m-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
  .m-cifras--l {
    font-size: 22rem;
  }

  .m-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .l-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .l-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .l-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1680px) and (max-width: 679px) {
  .l-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1024px) {
  .l-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1920px) {
  .l-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1680px) {
  .l-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1680px) and (min-width: 680px) {
  .l-cifras--l {
    font-size: 12rem;
  }

  .l-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1280px) {
  .l-cifras--l {
    font-size: 14rem;
  }

  .l-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1680px) and (min-width: 1680px) {
  .l-cifras--l {
    font-size: 22rem;
  }

  .l-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xl {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xl {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xl {
    font-size: 6.6rem;
    line-height: 7.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--xl {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xl {
    font-size: 4.6rem;
    line-height: 5.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--xl {
    font-size: 6.8rem;
    line-height: 8.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--xl {
    font-size: 8.2rem;
    line-height: 9.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--l {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--l {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--l {
    font-size: 6.2rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--l {
    font-size: 4.2rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--l {
    font-size: 4.6rem;
    line-height: 5.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--l {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--m {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--m {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-title--m {
    font-size: 4rem;
    line-height: 5.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--s {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--s {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--s {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-title--s {
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: 1.6;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xs {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-title--xs {
    font-size: 1rem;
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-title--xxs {
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
  }

  .xl-title--small {
    font-size: 1.1rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .xl-body--xs {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.9rem;
  }

  .xl-body--s {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--s {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--s {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--s {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--s {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--m {
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--m {
    font-size: 1.5rem;
    line-height: 2.7rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--m {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--m {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--m {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 1920px) and (max-width: 679px) {
  .xl-body--l {
    font-size: 1.7rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1024px) {
  .xl-body--l {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-body--l {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-body--l {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--s {
    font-size: 3rem;
    margin-top: 10px;
    font-weight: 300;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--s {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--m {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--m {
    font-size: 6rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--m {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
  .xl-cifras--m {
    font-size: 12rem;
  }
}

@media screen and (min-width: 1920px) {
  .xl-cifras--l {
    font-weight: 300;
    font-size: 6.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1920px) and (min-width: 680px) {
  .xl-cifras--l {
    font-size: 12rem;
  }

  .xl-cifras--l span {
    font-size: 6rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1280px) {
  .xl-cifras--l {
    font-size: 14rem;
  }

  .xl-cifras--l span {
    font-size: 8rem;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1920px) and (min-width: 1680px) {
  .xl-cifras--l {
    font-size: 22rem;
  }

  .xl-cifras--l span {
    font-size: 11rem;
    text-transform: uppercase;
  }
}

.link,
.btn-cta {
  font-size: 1.1rem;
  line-height: 2rem;
  min-height: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1680px) {
  .link,
  .btn-cta {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.taglabel {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.9rem;
  display: inline-flex;
  align-items: center;
}

.taglabel svg {
  margin-right: 0.5rem;
}

@media (min-width: 1680px) {
  .taglabel {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

.download-link {
  position: relative;
}

.download-link svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.link--icon .cta-single {
  margin-left: 0;
}

.link--icon svg {
  transform: translateX(0) translateY(4px);
  margin-left: 1rem;
  transition: all 0.3s ease-in-out;
}

.link--icon:hover svg {
  transform: translateX(5px) translateY(4px);
}

.link--icon.link--lightbox svg {
  transform: translateX(0) translateY(2px);
}

.link--icon.link--lightbox:hover svg {
  transform: translateX(5px) translateY(2px);
}

.link--back {
  font-size: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .link--back {
    display: inline-flex;
  }
}

.link--back svg {
  transform: rotate(180deg) translateX(10px) translateY(1px);
}

.link--back:hover svg {
  transform: rotate(180deg) translateX(15px) translateY(1px);
}

.link--subscribe {
  font-size: 1rem;
}

.link--subscribe svg {
  transform: translateX(-10px) translateY(0);
}

.link--subscribe:hover svg {
  transform: translateX(-15px) translateY(0);
}

.link--download {
  position: relative;
  padding-left: 3rem;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.link--download svg {
  position: absolute;
  left: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.link--download .link--download-type {
  flex-basis: 100%;
}

.link--download a,
.link--download a {
  flex-direction: column;
  align-items: flex-start;
}

.link--download span {
  transition: all 0.3s ease-in-out;
  transform: translateX(0) translateY(4px);
}

.link--download:hover span,
.link--download a:hover span {
  transform: translateX(0) translateY(4px);
}

.link--download:hover svg,
.link--download a:hover svg {
  transform: translateX(0) translateY(8px);
}

.link--download .link--download-type {
  color: #4c4c4c;
  font-weight: 400;
}

.btn-cta {
  background-color: red;
  height: 5rem;
  border-radius: 25px;
  display: inline-flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btn-cta:hover {
  background-color: #d50000;
}

@media (max-width: 679px) {
  .btn-cta {
    height: 6rem;
    border-radius: 3rem;
    margin-right: 6rem;
    width: calc(100% - 20px);
  }
}

@media (min-width: 680px) {
  .btn-cta {
    max-width: 325px;
    width: auto;
    padding: 0 40px;
  }
}

.align-center {
  text-align: center;
}

@media (min-width: 680px) {
  .link.mobile-visible,
  .mobile-visible.btn-cta {
    display: none;
  }
}

@media (max-width: 679px) {
  .link.mobile-hidden,
  .mobile-hidden.btn-cta {
    display: none;
  }
}

.link--white {
  position: relative;
}

.link--white::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.link--white:hover::after {
  right: 100%;
  width: 0;
}

.link--red {
  color: red;
  position: relative;
}

.link--red::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--red:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: red;
}

.link--black {
  color: #000;
  position: relative;
}

.link--black::after {
  right: 100%;
  width: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  position: absolute;
  content: '';
  transition: all 0.3s ease-in-out;
}

.link--black:hover::after {
  width: 100%;
  left: 0;
  right: 0;
  background-color: #000;
}

.equipo-directivo-destacado.module {
  margin-bottom: 12rem;
}

.equipo-directivo-destacado .equipo-directivo-destacado-container {
  grid-column: 1 / -1;
}

.equipo-directivo-destacado .title--l {
  display: flex;
}

.equipo-directivo-destacado .frame-content {
  display: flex;
  align-items: center;
}

.equipo-directivo-destacado .person-content {
  display: flex;
  flex-direction: column;
}

.equipo-directivo-destacado .link--icon {
  margin-bottom: 1rem;
  margin-top: 2.8rem;
  display: inline-flex;
}

.equipo-directivo-destacado .person-picture {
  margin-right: 2rem;
  flex-shrink: 0;
  position: absolute;
  width: 60px;
  height: 60px;
  align-self: flex-start;
}

@media (min-width: 1024px) {
  .equipo-directivo-destacado .person-picture {
    width: 100px;
    height: 100px;
  }
}

.equipo-directivo-destacado .person-picture img {
  border-radius: 100%;
}

.equipo-directivo-destacado .title--tag {
  margin-bottom: 6rem;
}

.equipo-directivo-destacado .title--tag svg {
  margin-left: 1rem;
  transform: translateY(2px);
}

.equipo-directivo-destacado .person-data {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.equipo-directivo-destacado .frame:last-child {
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  .equipo-directivo-destacado .frame:last-child {
    grid-column: 7 / 13;
  }
}

.equipo-directivo-destacado .frame:first-child {
  margin-bottom: 5rem;
  grid-column: 1 / -1;
}

@media (min-width: 1024px) {
  .equipo-directivo-destacado .frame:first-child {
    grid-column: 1 / 7;
    margin-bottom: 0;
  }
}

.equipo-directivo-destacado .frame .audio {
  display: flex;
  flex-wrap: wrap;
}

.equipo-directivo-destacado .frame .audio.title--xs {
  font-size: 1.1rem;
}

.equipo-directivo-destacado .frame #player-button {
  cursor: pointer;
  background: transparent;
}

.equipo-directivo-destacado .frame .audio-stats {
  font-size: 1rem;
  color: #717171;
  flex-basis: 100%;
  display: flex;
  align-items: center;
}

.equipo-directivo-destacado .frame .audio-stats i {
  font-style: normal;
  font-size: 1.25em;
  line-height: 1;
}

.equipo-directivo-destacado .frame .title--xs {
  display: flex;
  justify-content: flex-start;
}

.equipo-directivo-destacado .frame .person-name {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 10px;
  margin-bottom: 0.8rem;
}

@media (min-width: 1024px) {
  .equipo-directivo-destacado .frame .person-name {
    margin-bottom: 0;
  }
}

.equipo-directivo-destacado .frame .person-name .title--s {
  display: inline-flex;
  align-items: center;
}

.equipo-directivo-destacado .frame .person-name .title--s svg {
  margin-left: 10px;
}

.equipo-directivo-destacado .frame .person-content {
  display: flex;
  align-content: center;
}

.equipo-directivo-destacado .frame .person-content .title--m {
  margin-bottom: 2rem;
}

.equipo-directivo-destacado .frame .frame-content {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  grid-column: 1 / -1;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 400;
  width: 100%;
}

@media (min-width: 680px) {
  .equipo-directivo-destacado .frame .frame-content {
    font-size: 2.6rem;
    line-height: 4.8rem;
  }
}

@media (min-width: 1280px) {
  .equipo-directivo-destacado .frame .frame-content {
    font-size: 3.4rem;
    line-height: 5rem;
  }
}

@media (min-width: 1680px) {
  .equipo-directivo-destacado .frame .frame-content {
    font-size: 4rem;
    line-height: 5.8rem;
  }
}

@media (min-width: 1024px) {
  .equipo-directivo-destacado .frame .frame-content {
    grid-column: 1 / -1;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .equipo-directivo-destacado .frame .frame-content {
    font-size: 3rem;
    line-height: 5.2rem;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.module-cookies {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  padding: 25px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  z-index: 50;
  left: 0;
  right: 0;
}

@media (min-width: 680px) {
  .module-cookies {
    display: flex;
  }
}

.module-cookies .conf {
  text-transform: uppercase;
  color: red;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: 'Acciona', sans-serif;
  cursor: pointer;
}

@media (min-width: 680px) {
  .module-cookies .conf {
    margin-right: 20px;
    transform: translateY(-20px);
  }
}

.module-cookies .inner {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

@media (min-width: 680px) {
  .module-cookies .inner {
    display: flex;
    margin-top: 0;
    align-items: flex-end;
    margin-left: 60px;
  }
}

.module-cookies .close {
  position: absolute;
  top: 25px;
  right: 25px;
}

.module-cookies .title {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 10px;
}

.module-cookies button.ok {
  background-color: #000;
  color: #fff;
  font-weight: 500;
  padding: 20px 25px;
  cursor: pointer;
}

.module-cookies p {
  font-size: 12px;
  line-height: 18px;
}

@media (min-width: 680px) {
  .module-cookies {
    padding: 60px;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.checkbox .taglabel {
  position: relative;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  margin-bottom: 3rem;
  padding-top: 3px;
}

.checkbox .checkbox__container .checkbox_item {
  display: flex;
  align-items: flex-start;
}

.checkbox .checkbox__container .checkbox_item .checkbox-ghost {
  flex-shrink: 0;
}

.checkbox .checkbox__container .checkbox_item .checkbox_label {
  flex-grow: 1;
}

.checkbox .checkbox__container input {
  margin-right: 2rem;
}

.checkbox .checkbox__container input:checked ~ .checkbox-ghost {
  background-image: url('/static/icons/valid-16.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.checkbox .checkbox__container .checkbox-ghost {
  height: 24px;
  width: 24px;
  display: inline-block;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.checkbox .taglabel {
  position: relative;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  margin-bottom: 3rem;
  padding-top: 3px;
  font-size: 1rem;
}

.checkbox .checkbox__container .checkbox_item {
  display: flex;
  align-items: flex-start;
}

.checkbox .checkbox__container .checkbox_item .checkbox-ghost {
  flex-shrink: 0;
}

.checkbox .checkbox__container .checkbox_item .checkbox_label {
  flex-grow: 1;
}

.checkbox .checkbox__container input {
  margin-right: 2rem;
}

.checkbox .checkbox__container input:checked ~ .checkbox-ghost {
  background-image: url('/static/icons/valid-16.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.checkbox .checkbox__container .checkbox-ghost {
  height: 25px;
  width: 25px;
  display: inline-block;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  position: absolute;
  left: -1px;
  top: 0;
}

.checkbox .error_msg {
  color: red;
  transform: translateY(-1.5rem);
}

.checkbox .error_msg a {
  text-decoration: underline;
  color: red;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.input_radio .radio_option {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.input_radio .radio_option input[type='radio'] {
  display: none;
}

.input_radio .radio_option .radio_ghost {
  height: 24px;
  width: 24px;
  display: inline-block;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.input_radio .radio_option .radio_ghost::after {
  content: '';
  width: 0px;
  height: 0px;
  background-color: #000;
  border-radius: 50%;
  transition: all 320ms ease-in-out;
}

.input_radio .radio_option label {
  cursor: pointer;
}

.input_radio
  .radio_option
  input[type='radio']:checked
  + label
  .radio_ghost::after {
  width: 10px;
  height: 10px;
}

.input_radio .error_msg {
  color: red;
  transform: translateY(-1.5rem);
}

.input_radio .error_msg a {
  text-decoration: underline;
  color: red;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.text_input {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.text_input input {
  border: none;
  border-bottom: solid 1px #d8d8d8;
  background-color: transparent;
  padding: 3px 0;
  align-items: center;
}

.text_input input.is-invalid {
  border-bottom: solid 1px red;
}

.text_input label {
  transform: translateY(-3em);
  z-index: -1;
  transition: all 320ms ease-in-out;
}

.text_input input.not-empty + label,
.text_input input:focus + label {
  transform: translateY(-5rem);
}

.text_input .error_msg {
  color: red;
  transform: translateY(-1.5rem);
}

.text_input .error_msg a {
  text-decoration: underline;
  color: red;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.select_input {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}

.select_input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0;
  background: #2c3e50;
  background-image: none;
  border-radius: 0;
  padding: 5px 0;
  display: flex;
  border-bottom: 1px solid #d8d8d8;
  background-color: transparent;
  color: #000;
  width: 100%;
  cursor: pointer;
  position: relative;
}

.select_input select::-ms-expand {
  display: none;
}

.select_input .select_wrapper {
  position: relative;
}

.select_input .select_wrapper::after {
  content: url(/static/icons/chevron_down-10.svg);
  position: absolute;
  right: 0;
  bottom: 13px;
  display: inline-block;
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
  opacity: 0.6;
}

.select_input label {
  transform: translateY(-3em);
  z-index: -1;
  transition: all 320ms ease-in-out;
}

.select_input input.not-empty + label,
.select_input input:focus + label {
  transform: translateY(-4.5em);
}

.select_input .error_msg {
  color: red;
}

.select_input .error_msg a {
  text-decoration: underline;
  color: red;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.text_area {
  display: flex;
  flex-direction: column;
}

.text_area textarea {
  min-height: 140px;
  padding: 5px;
  border: solid 1px #d8d8d8;
  background-color: transparent;
  font-family: inherit;
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes to-right {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
    transform: translateX(20%);
  }

  50% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes shortDecayLeft {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes shortDecayRight {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.context-nav {
  --mainNavHeight: 100px;
  --contextNavHeight: 140px;
  --contextNavHeight: 66px;
  position: sticky;
  overflow-x: auto;
  justify-content: flex-start;
  height: var(--contextNavHeight);
  color: #fff;
  background-color: red;
  display: flex;
  top: 0;
  z-index: 200;
}

@media (min-width: 680px) {
  .context-nav {
    --contextNavHeight: 100px;
  }
}

.context-nav .menu-active {
  color: #fff;
  opacity: 0.7;
}

@media (min-width: 1024px) {
  .context-nav .menu-active {
    color: red;
    cursor: inherit;
    opacity: 1;
  }
}

@media (min-width: 680px) {
  .context-nav.module {
    margin-bottom: 100px;
  }
}

@media (min-width: 1680px) {
  .context-nav.module {
    margin-bottom: 140px;
  }
}

@media (min-width: 1920px) {
  .context-nav.module {
    margin-bottom: 160px;
  }
}

.context-nav.context-nav--single {
  justify-content: flex-start;
  background-color: red;
}

.context-nav.context-nav--single .is-active {
  background-color: red;
}

.context-nav.context-nav--single svg {
  margin-right: 10px !important;
}

.context-nav.context-nav--single span {
  display: inline-block !important;
}

@media (min-width: 1024px) {
  .context-nav {
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 1680px) {
  .context-nav {
    --contextNavHeight: 120px;
  }
}

@media (min-width: 1024px) {
  .context-nav {
    background-color: #fff;
  }
}

@media (min-width: 1024px) {
  .context-nav {
    border-bottom: 1px solid #d8d8d8;
  }
}

.context-nav .is-active {
  background-color: #d50000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 4%;
  transition: all 0.3s ease-in-out;
}

.context-nav .is-active.interior a {
  color: #fff;
}

.context-nav .is-active.interior:hover {
  background-color: #d50000;
}

.context-nav .is-active.interior:hover a {
  color: #fff;
}

.context-nav .is-active span {
  display: none;
}

@media (min-width: 1024px) {
  .context-nav .is-active {
    background-color: red;
  }

  .context-nav .is-active span {
    display: inline-block;
  }
}

@media (min-width: 680px) {
  .context-nav .is-active svg {
    margin-right: 10px;
  }
}

.context-nav .is-active svg path {
  fill: #fff;
}

.context-nav a {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: all 0.3s ease-in-out;
  min-width: 30%;
  color: #fff;
}

@media (min-width: 680px) {
  .context-nav a {
    min-width: 17%;
  }
}

@media (min-width: 1024px) {
  .context-nav a {
    min-width: 150px;
    color: #000;
  }
}

@media (min-width: 1024px) {
  .context-nav a:hover {
    color: red;
  }
}

.detalle-solucion-interior .breadcrumbs {
  margin-top: -4rem;
}

@media (min-width: 680px) {
  .detalle-solucion-interior .breadcrumbs {
    margin-top: 0;
  }
}

body {
  line-height: inherit;
}

#app {
  overflow-y: hidden;
}

#app .app--layout {
  height: 100vh;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}

#app .app--layout[data-can-scroll='false'] {
  overflow-y: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

.layout--default {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.layout--default main {
  flex-grow: 1;
}

/* BOTON POLITICAS DE PRIVACIDAD  */

.btn-policy-es {
  border-radius: 30px;
  background-color: red;
  color: white;
  cursor: pointer;
  bottom: -4rem;
  padding-left: 2rem;
  min-width: fit-content;
  height: 50px;
  position: absolute;
}

.btn-policy-en {
  border-radius: 30px;
  background-color: red;
  color: white;
  cursor: pointer;
  bottom: -3rem;
  padding-left: 8rem;
  width: 20%;
  height: 50px;
  position: absolute;
}

/*# sourceMappingURL=main.css.map*/

/************************ TABLAS SOLUCIONES *****************************/
.table-solution-areas,
.table-solution-highlights,
.table-solution-text {
  height: auto;
  width: auto;
  margin-bottom: 10rem;
}

@media (min-width: 1023px) {
 .table-solution-text.optional-margin{
  margin-top: -5rem !important;
/* outline: 1px solid red; */
}
}


@media (min-width: 1440px) {
.table-solution-text.optional-margin{
  margin-top: -5rem !important;
/* outline: 1px solid greenyellow; */
}

}

@media (min-width: 1920px) {
.table-solution-text.optional-margin{
  margin-top: -10rem !important;
  /* outline: 1px solid blue; */

  }
}



.table-solution-title,
.table-highlights-title,
.table-solution-text-title {
  white-space: pre;
  margin: 5rem 0;
  margin-left: auto;
  margin-right: auto;
}

.solution-areas {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  row-gap: 4rem;
  max-width: 1900px;
  margin: 5rem auto;
  padding: 0 10%;
}

.solution-areas .title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  border-bottom: 2px solid #d8d8d8;
  padding-bottom: 1rem;
}

.solution-areas .title-container .menu-button {
  display: none;
}

.solution-areas .area-container .link-solution {
  display: none;
}

.solution-areas .title-container .header-text {
  font-size: 2rem;
}

.solution-areas-icon svg {
  width: 24px;
  height: 24px;
}

.solution-areas-icon svg path {
  fill: rgb(255, 0, 0);
}

.solution-areas .container {
  max-width: 90%;
}

.solution-areas .area-container {
  margin: 2rem 0;
  width: auto;
  max-height: 500px;
  overflow: hidden;
  transition: max-height 1s ease-in-out;
}

.solution-areas .area-container.collapsed {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.solution-areas .container .area-container .area-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.solution-areas .container .area-container .area-list .--left {
  align-self: flex-start;
}

.solution-areas .container .area-container .area-list .--left p a:hover {
  color: red;
}

.title-container .link:hover {
  color: red;
}

@media (min-width: 1440px) {
  .solution-areas {
    padding: 0 10%;
  }
  .solution-areas .title-container {
    max-width: 80%;
  }
}

@media (min-width: 1920px) {
  .solution-areas {
    max-width: 1920px;
  }
  .solution-areas .title-container {
    max-width: 80%;
  }
}

@media (max-width: 480px) {
  .solution-areas {
    padding-left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .solution-areas {
    display: block;
    padding-left: 75px;
    padding-right: 20px;
  }

  .solution-areas .container {
    max-width: 100%;
    margin-bottom: 3rem;
  }

  .solution-areas .container .title-container {
    width: 100%;
    align-items: center;
  }

  .solution-areas .container .title-container .header-text {
    font-size: 1.7rem;
    font-weight: 500;
  }

  .solution-areas .container .title-container .menu-button {
    display: block;
    background-color: transparent;
    cursor: pointer;
    margin-left: auto;
  }

  .solution-areas .container .title-container .menu-button svg {
    width: 30px;
    height: 30px;
  }

  .solution-areas .container .title-container .menu-button svg path {
    fill: gray;
  }

  .solution-areas .container .area-container .area-list {
    gap: 1rem;
    padding: 1rem 0;
  }

  .solution-areas .container .area-container .link-solution {
    display: block;
    margin: 2rem 0;
  }
}

/******************************* HIGHLIGHTS TABLE */

.highlights-table .container {
  display: flex;
  max-width: 1920px;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
}

.highlights-table .container .column-cell {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-between;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 1.5s ease;
  color: white;
}

.highlights-table .container .column-cell .solution-item {
  display: none;
}

.highlights-table .container .column-cell .column-item .header-text {
  font-size: 1.8rem;
  color: white;
  font-weight: 400;
  opacity: 1;
  display: block;
}

.highlights-table .container .column-cell .column-item .header-text:hover {
  color: red;
}

.column-cell.hovered .solution-icon svg {
  width: 30px !important;
  height: 30px !important;
}
.column-cell.hovered .column-item {
  margin: 4rem !important;
  opacity: 0.6;
}
.column-cell.hovered .header-text {
  font-size: 2.8rem !important;
}

.column-cell.hovered .title-icon {
  line-height: 0;
}

.highlights-table .container .column-cell.hovered {
  transition: all 1s ease-in-out;
  flex: 4;

  ~ .column-cell .header-text {
    opacity: 0;
    display: none;
  }
  ~ .column-cell .counter-text {
    opacity: 0;
    display: none;
  }
}

.highlights-table .container .column-cell.hovered .solution-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 5rem;
  flex-grow: 1;
}

.highlights-table .container .column-cell .solution-item.show {
  display: block;
}

.highlights-table .container .column-cell .solution-item .item-activity-title {
  border-bottom: 1px solid lightgrey;
  padding-bottom: 1.5rem;
  width: 80%;
  text-align: left;
  font-size: 1.8rem;
  color: white;
}

.highlights-table .container .column-cell .solution-item .submodules-item {
  padding-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.highlights-table
  .container
  .column-cell
  .solution-item
  .submodules-item
  .item-text {
  text-transform: uppercase;
  text-align: left;
}

.highlights-table
  .container
  .column-cell
  .solution-item
  .submodules-item
  .item-text:hover {
  color: red;
}

.highlights-table
  .container
  .column-cell
  .solution-item
  .submodules-item
  .--left {
  align-self: flex-start;
  font-size: 1.3rem;
}

.highlights-table
  .container
  .column-cell
  .solution-item
  .submodules-item
  .--left
  p
  a {
  color: white;
}

.highlights-table
  .container
  .column-cell
  .solution-item
  .submodules-item
  .--left:hover
  a {
  color: red;
}

.highlights-table .container .column-cell .column-item {
  display: flex;
  margin: 4rem auto;
}

.highlights-table .container .column-cell .column-item .title-icon {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.highlights-table .container .column-cell .column-item .title-icon svg {
  width: 24px;
  height: 24px;
}

.highlights-table .container .column-cell .column-item .title-icon svg path {
  fill: white;
}

.highlights-table .container .column-cell .submodules-count {
  display: flex;
  max-height: 70vh;
  margin: 5rem 0;
  bottom: 3rem;
  flex-direction: column;
  justify-content: flex-end;
}

.highlights-table .container .column-cell .submodules-count .counter-text {
  font-size: 1.5rem;
}

.highlights-table .mt-4.slow--y {
  padding: 0 10%;
}

@media (max-width: 1023px) {
  .highlights-table .container {
    flex-direction: column;
    height: auto;
  }

  .highlights-table .container .column-cell {
    gap: 0;
  }

  .highlights-table .container .column-cell .column-item {
    margin: 0;
    padding: 2rem;
  }

  .highlights-table .container .column-cell .submodules-count {
    margin: 2rem;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
  }

  .highlights-table .container .column-cell .solution-item.show {
    display: block;
    order: 2;
    padding: 3rem;
  }

  .highlights-table .container .column-cell .column-item .title-icon {
    font-size: 1.8rem;
  }

  .highlights-table .container .column-cell .column-item .header-text {
    font-size: 1.8rem;
  }

  .submodules-item {
    padding-top: 0 !important;
  }

  .item-activity-title {
    display: none;
  }

  .submodules-count .counter-text {
    font-size: 1.6rem;
  }

  .menu-button {
    background: transparent;
  }

  .menu-button svg {
    width: 36px;
    height: 36px;
  }

  .menu-button svg path {
    fill: #e6e6e6;
  }
}

/* WITH-TEXT TABLE */

.table-solution-text .container {
  display: flex;
  gap: 10rem;
  padding: 0 10%;
  flex-direction: row;
  margin: 5rem 0;
}

.table-solution-text .container .wysiwyg-text {
  width: 100%;
}
.table-solution-text .container .wysiwyg-text .grid {
  margin: 0;
  padding: 0;
}

.table-solution-text .container .wysiwyg-text .text-container {
  grid-column: 1/-1;
}

.table-solution-text .container .wysiwyg-text .text-container h1 {
  margin-right: 30%;
}

.table-solution-text .container .activity-areas {
  max-width: 100%;
}

.table-solution-text .container .activity-areas .activity-item {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.table-solution-text .container .activity-areas .activity-item .title-activity {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d8d8d8;
  gap: 1rem;
}

.table-solution-text
  .container
  .activity-areas
  .activity-item
  .title-activity
  .icon
  svg {
  width: 36px;
  height: 36px;
}

.table-solution-text
  .container
  .activity-areas
  .activity-item
  .title-activity
  .title {
  font-size: 2rem;
}

.table-solution-text .container .activity-areas .activity-item .area-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.table-solution-text
  .container
  .activity-areas
  .activity-item
  .area-list
  a:hover {
  color: red;
}

.table-solution-text {
  /* margin-bottom: 160px; */

  @media (min-width: 1920px) {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;

    .wysiwyg-text {
      width: 50%;
    }
    .container .wysiwyg-text .text-container h1 {
      margin-right: 20%;
    }

    .activity-areas {
      width: 60%;
    }

    .title-activity {
      width: 60%;
    }
  }

  @media (min-width: 1024px) {
    .container .wysiwyg-text {
      width: 55%;
    }

    .container .wysiwyg-text .text-container h1 {
      margin-right: 0;
    }

    .container .activity-areas {
      width: 40%;
    }
  }

  @media (min-width: 1280px) {
    .container .wysiwyg-text {
      width: 60%;
    }

    .container .wysiwyg-text .text-container p {
      font-size: 1.6rem;
    }

    .container .activity-areas {
      width: 30%;
    }
  }

  @media (max-width: 768px) {
    .container {
      display: block !important;
      padding: 0 5% !important;
    }

    .wysiwyg-text {
      width: 100% !important;
      padding: 0 10%;
    }

    .activity-areas {
      margin-top: 2rem;
      padding: 0 10%;
    }

    .activity-item {
      margin-top: 4rem !important;
    }

    .area-list {
      margin-bottom: 0 !important;
    }
    .area-list div.--left:empty {
      display: none;
    }
  }

  @media (max-width: 480px) {


    .container {
      padding: 0 !important;

      .activity-areas,
      .wysiwyg-text {
        padding: 0 5%;
      }
    }
  }
}


.table-acordeon {
  max-height: 0;
  overflow: hidden;
  transition: max-height 820ms ease-in-out;
  border-bottom: solid 1px #d8d8d8;
}

.table-acordeon.open {
  max-height: 200rem;
  transition: max-height 820ms ease-in-out;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 10rem;
  border-bottom: none;
}

.acordeon-title {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3rem;

  @media (max-width: 768px) {
    align-items: flex-start;
  }
}

.acordeon-title .icon {
  flex-shrink: 0;
  transition: all 320ms ease-in-out;
  transform: translateY(10px);
}

.acordeon-title .icon.down {
  transform: translateY(10px) rotate(180deg);
  transform-origin: center center;
  transition: all 320ms ease-in-out;
}
.acordeon-title .icon svg path {
  fill: #1f140f;
}


  @media (max-width: 480px) { 

    .module-table:not(.fixed-table){
      padding-right: 2rem !important;
      margin-bottom: 10rem;
    }

  }


@media (min-width: 768px) {
  .module-acordeon-container {
    padding-right: 2rem;
    margin-bottom: 10rem;
  }
}

@media (min-width: 1024px) { 
  .module-acordeon-container {
    margin-bottom: 120px;
  }
}

@media (min-width: 1280px) {
  .module-acordeon-container {
    margin-bottom: 20rem;
  }
}


//TABLET:
@media (min-width: 680px) and (max-width: 1023px) {
  .module-table:not(.fixed-table) {
    padding-right: 60px;
  }
  .module-acordeon-container {
    padding-right: 1rem;
    margin-bottom: 10rem;
  }
}

//MOVIL
@media (max-width: 480px) {
  .module-table:not(.fixed-table) {
    padding-right: 0;
  }
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left: 4px solid red;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10rem;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}