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 {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

.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 {
    flex-basis: 100%;
    justify-content: flex-start;
    margin-top: 3rem;
    display: flex
}

@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
}

/* -----------  Soluciones ES  ---------- */

.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
}

/* -----------  Soluciones EN  ---------- */

.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
}

/* -----------  Soluciones PT  ---------- */

.nav.nav__drawer .nav_sub_section[data-section='solucoes'] .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='solucoes'] .section-links {
        grid-row-gap: 10px
    }
}

@media (min-width: 1920px) {
    .nav.nav__drawer .nav_sub_section[data-section='solucoes'] .section-links {
        grid-row-gap: 30px
    }
}

.nav.nav__drawer .nav_sub_section[data-section='solucoes'] .section-links a.link {
    font-size: 1.5rem
}

@media (min-width: 1920px) {
    .nav.nav__drawer .nav_sub_section[data-section='solucoes'] .section-links a.link {
        font-size: 1.8rem
    }
}

.nav.nav__drawer .nav_sub_section[data-section='solucoes'] .section-links a.link svg {
    margin-right: 15px
}

/* -----------  Soluciones NO  ---------- */

.nav.nav__drawer .nav_sub_section[data-section='losninger'] .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='losninger'] .section-links {
        grid-row-gap: 10px
    }
}

@media (min-width: 1920px) {
    .nav.nav__drawer .nav_sub_section[data-section='losninger'] .section-links {
        grid-row-gap: 30px
    }
}

.nav.nav__drawer .nav_sub_section[data-section='losninger'] .section-links a.link {
    font-size: 1.5rem
}

@media (min-width: 1920px) {
    .nav.nav__drawer .nav_sub_section[data-section='losninger'] .section-links a.link {
        font-size: 1.8rem
    }
}

.nav.nav__drawer .nav_sub_section[data-section='losninger'] .section-links a.link svg {
    margin-right: 15px
}

/* ------------ END Soluciones ------------ */

@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
    }
}

.module-wysiwyg li a,
.module-wysiwyg p a {
    color: red;
    transition: all 0.5s ease-in-out;
    position: relative
}

div p a[title="See FORM"] {
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    width: 21rem;
    color: white;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: smaller;
    margin-top: 6rem;
}

div p a[title="See FORM"]:hover {
    color: white;
}



.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: 2rem;
    margin-top: 3rem
}

.equipo-directivo .frame .inner-content .body--s svg {
    transform: translateY(3px);
    margin-left: 10px
}

.equipo-directivo .frame:last-child {
    grid-column: 1 / -1
}

@media (min-width: 1024px) {
    .equipo-directivo .frame:last-child {
        grid-column: 7 / 13
    }
}

.equipo-directivo .frame:first-child {
    grid-column: 1 / -1
}

@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
}

.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
}


/*# sourceMappingURL=main.css.map*/