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 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 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
}
.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
}
@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
}
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
}
.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: 100px
}
@media (min-width: 680px) {
.module {
margin-bottom: 180px
}
}
@media (min-width: 1024px) {
.module {
margin-bottom: 180px
}
}
@media (min-width: 1280px) {
.module {
margin-bottom: 220px
}
}
@media (min-width: 1680px) {
.module {
margin-bottom: 260px
}
}
@media (min-width: 1920px) {
.module {
margin-bottom: 300px
}
}
.module:first-child {
margin-bottom: 100px
}
@media (min-width: 680px) {
.module:first-child {
margin-bottom: 180px
}
}
@media (min-width: 1024px) {
.module:first-child {
margin-bottom: 180px
}
}
@media (min-width: 1280px) {
.module:first-child {
margin-bottom: 200px
}
}
@media (min-width: 1680px) {
.module:first-child {
margin-bottom: 260px
}
}
@media (min-width: 1920px) {
.module:first-child {
margin-bottom: 280px
}
}
.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
}
@media (min-width: 1024px) {
.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: inline-block
}
}
.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: 1024px) {
.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: 0;
width: 7%
}
}
@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
}
@media (min-width: 1024px) {
.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;
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%;
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
}
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 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 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 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: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 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 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 .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
}
@media (min-width: 680px) {
.module__projects-map .map-header {
flex-basis: 100%;
padding: 0 80px
}
}
.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;
padding: 0;
position: absolute;
top: 30px;
right: 30px;
cursor: pointer
}
.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
}
.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-left: 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 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 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
}
.module-distribuidor-destacado .grid-container--left {
height: 320px;
background-size: cover
}
@media (min-width: 680px) {
.module-distribuidor-destacado .grid-container--left {
height: 589px;
margin-right: 18%
}
}
@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
}
.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 .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
}
.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 / 4;
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: 4 / 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 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 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 .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
}
@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 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
}
.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 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 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: 500;
grid-template-rows: 32px 64px;
background-color: #fff
}
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:hover, header.page-header .button.taglabel:hover, header.page-header a:not(.link--icon):hover {
color: red
}
header.page-header .open-search-form:hover path, header.page-header .button.taglabel:hover path, header.page-header a:not(.link--icon):hover 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
}
@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
}
}
header.page-header .nav__main--mobile {
transform: translateX(100%);
transition: transform 0.6s ease-in-out
}
@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 {
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 [data-mobile-nav-visible='true'] .nav_background_overlay {
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
}
@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
}
}
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 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
}
@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 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 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
}
.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
}
}
.page-footer .nav-footer-container a {
margin-right: 15px;
margin-bottom: 10px;
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 .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 {
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
}
@media (min-width: 1024px) {
.page-footer .nav-footer-links {
justify-content: flex-start;
margin-top: 0;
padding-left: 0;
flex-grow: 0
}
}
@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
}
@media (min-width: 680px) {
.page-footer .nav-footer-links .copyright-notice {
font-size: 1.2rem
}
}
@media (min-width: 1024px) {
.page-footer .nav-footer-links .copyright-notice {
flex-basis: 50%
}
}
@media (min-width: 1280px) {
.page-footer .nav-footer-links .copyright-notice {
margin-top: 0
}
}
@media (min-width: 1680px) {
.page-footer .nav-footer-links .copyright-notice {
flex-basis: auto;
margin-left: 40px
}
}
.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 .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 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 circle {
stroke: #000
}
.nav.nav__drawer .nav_sub_section .drawer__header .section-home-link svg path {
fill: #000
}
.nav.nav__drawer .nav_sub_section .section-links {
display: flex
}
.nav.nav__drawer .nav_sub_section .section-links .subsection-box {
flex-basis: 25%;
padding-right: 40px;
display: flex;
flex-direction: column
}
.nav.nav__drawer .nav_sub_section .section-links .subsection-box:last-of-type {
padding: 0
}
.nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link {
margin-bottom: 30px;
font-weight: 500
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
.nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link {
margin-bottom: 15px
}
}
@media (min-width: 1920px) {
.nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link {
font-size: 1.3rem
}
}
.nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link-lvl-1 {
margin-bottom: 15px;
font-weight: normal;
font-size: 1.2rem;
letter-spacing: 0
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
.nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link-lvl-1 {
margin-bottom: 10px
}
}
@media (min-width: 1920px) {
.nav.nav__drawer .nav_sub_section .section-links .subsection-box a.link-lvl-1 {
font-size: 1.4rem
}
}
.nav.nav__drawer .nav_sub_section .section-links .subsection-box a:last-child {
margin-bottom: 0
}
.nav.nav__drawer .nav_sub_section[data-section='soluciones'] .section-links {
display: grid;
grid-template-rows: 60px 60px;
grid-template-columns: repeat(4, 1fr);
align-items: space-between;
grid-row-gap: 20px
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
.nav.nav__drawer .nav_sub_section[data-section='soluciones'] .section-links {
grid-row-gap: 10px
}
}
@media (min-width: 1920px) {
.nav.nav__drawer .nav_sub_section[data-section='soluciones'] .section-links {
grid-row-gap: 30px
}
}
.nav.nav__drawer .nav_sub_section[data-section='soluciones'] .section-links a.link {
font-size: 1.5rem
}
@media (min-width: 1920px) {
.nav.nav__drawer .nav_sub_section[data-section='soluciones'] .section-links a.link {
font-size: 1.8rem
}
}
.nav.nav__drawer .nav_sub_section[data-section='soluciones'] .section-links a.link svg {
margin-right: 15px
}
@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 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: 0;
top: 0;
width: 100%
}
}
@media (min-width: 1024px) {
.bottom_drawer.countries_overlay .header {
margin-bottom: 0px;
width: 100%
}
}
.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 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);
cursor: pointer
}
.search_overlay .header .title svg path {
fill: #fff
}
.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
}
@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 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 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 .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
}
@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
}
}
@media screen and (min-width: 680px) {
.component__header-slider {
--title_font_size: 62px;
--body_font_size: 18px;
--cta_size: 120px;
--content_block_bottom: 40px
}
}
@media screen and (min-width: 1024px) {
.component__header-slider {
--title_font_size: 48px;
--cta_size: 94px;
--content_block_bottom: 60px
}
}
@media screen and (min-width: 1920px) {
.component__header-slider {
--horizontal_gap: 40px;
--body_font_size: 18px;
--cta_size: 120px;
--content_block_bottom: 100px
}
}
.component__header-slider::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.25);
z-index: -1
}
.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(40px)
}
.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-delay: 1s;
transition-duration: 1s;
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)
}
.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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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 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 - 100px);
min-height: 800px
}
@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 (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::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
background-color: rgba(0,0,0,0.25);
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: 800px
}
@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)
}
}
.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: 100%;
color: #fff;
position: relative;
margin: 0 10%;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 800px
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.component__hero-image .content-blocks {
min-height: 600px
}
}
@media (max-width: 679px) {
.component__hero-image .content-blocks {
min-height: calc(100vh + 40px)
}
}
@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: 80%;
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: 1280px) {
.component__hero-image .content-blocks .separator {
margin-bottom: 120px;
margin-top: 80px
}
}
@media (min-width: 1680px) {
.component__hero-image .content-blocks .separator {
margin-bottom: 140px;
margin-top: 100px
}
}
@keyframes rotate {
to {
stroke-dasharray: 60px
}
}
.component__hero-image svg circle {
transform-origin: 25% 25%
}
.component__hero-image svg #circle2 {
stroke-dasharray: 276.460153515901805;
stroke-dashoffset: 276.460153515901805;
transition: stroke-dashoffset 1s linear
}
.component__hero-image svg:hover #circle2 {
stroke-dashoffset: 0
}
@keyframes fadeIn {
from {
top: 0;
background-color: red
}
to {
top: 100%;
background-color: red
}
}
@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)
}
@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
}
.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 .image-frames-container {
grid-row: 2 / 3;
grid-column: 1 / -1;
transition: all 320ms ease-in-out;
display: flex;
margin-bottom: 50px;
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;
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: 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 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 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 (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 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 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 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
}
.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
}
@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 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 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 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 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-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 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 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
}
.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
}
@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 {
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-top: 40px;
padding-bottom: 60px
}
@media (min-width: 680px) {
.template-ancho-completo .module.breadcrumbs {
margin-top: 120px;
padding-bottom: 140px
}
}
@media (min-width: 1280px) {
.template-ancho-completo .module.breadcrumbs {
margin-top: 120px;
padding-bottom: 160px
}
}
.template-ancho-completo-imagen .module:first-child {
margin-bottom: 0
}
.template-ancho-completo-imagen .module.breadcrumbs {
padding-top: 0;
margin-bottom: 0;
margin-top: 100px;
padding-bottom: 100px
}
@media (min-width: 680px) {
.template-ancho-completo-imagen .module.breadcrumbs {
margin-top: 180px;
padding-bottom: 180px
}
}
@media (min-width: 1280px) {
.template-ancho-completo-imagen .module.breadcrumbs {
margin-top: 200px;
padding-bottom: 200px
}
}
@media (min-width: 1680px) {
.template-ancho-completo-imagen .module.breadcrumbs {
margin-top: 220px;
padding-bottom: 220px
}
}
.template-imagen-path .module:first-child {
margin-bottom: 0
}
.template-imagen-path .module.breadcrumbs {
padding-top: 0;
margin-top: 100px;
padding-bottom: 100px
}
@media (min-width: 680px) {
.template-imagen-path .module.breadcrumbs {
margin-top: 180px;
padding-bottom: 180px
}
}
@media (min-width: 1280px) {
.template-imagen-path .module.breadcrumbs {
margin-top: 200px;
padding-bottom: 200px
}
}
@media (min-width: 1680px) {
.template-imagen-path .module.breadcrumbs {
margin-top: 220px;
padding-bottom: 220px
}
}
.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 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
}
.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
}
@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 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 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
}
.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
}
@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
}
.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;
padding-top: 40px
}
@media (min-width: 1280px) {
.module-wysiwyg blockquote {
grid-column: 2 / -3
}
}
@media (max-width: 679px) {
.module-wysiwyg blockquote {
padding-top: 80px
}
}
.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 .image-featured {
margin: 4rem 0;
grid-column: 1 / -1
}
.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;
padding-top: 6rem;
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: 4rem
}
}
@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::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: 8rem 0;
grid-column: 1 / -1
}
@media (min-width: 680px) {
.module-wysiwyg .image-container {
display: flex
}
}
@media (min-width: 680px) {
.module-wysiwyg .image-container .content {
margin-left: 7%;
flex-basis: 50%
}
}
@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 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 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;
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 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
}
}
.soluciones-mapa {
overflow: hidden
}
.soluciones-mapa svg {
width: 100%;
height: 100vh;
padding-top: 100px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0
}
.soluciones-index {
z-index: 100;
position: absolute
}
.depth-1 {
position: relative;
z-index: 2;
transform-origin: 0 0
}
#boat {
animation-name: boat;
animation-duration: 20s;
animation-iteration-count: infinite
}
.molino-1 {
animation-name: rotate;
animation-duration: 20s;
animation-iteration-count: infinite;
transform-box: fill-box;
transform-origin: 54% 47%
}
.molino-1-detail {
animation-name: rotate;
animation-duration: 1s;
animation-iteration-count: infinite;
transform-box: fill-box;
transform-origin: 54% 47%
}
.molino-2 {
transform-origin: 49% 43%
}
.molino-3 {
transform-origin: 50% 44%
}
.header-landing-soluciones {
position: relative;
z-index: 100
}
.nubes {
animation-name: nubes-2;
animation-duration: 20s;
animation-iteration-count: infinite;
transform-box: fill-box;
transform-origin: center center
}
.nubes-2 {
animation-name: nubes;
animation-duration: 20s;
animation-iteration-count: infinite;
transform-box: fill-box;
transform-origin: center center;
animation-direction: reverse
}
#avion {
animation-name: avion;
animation-duration: 10s;
animation-iteration-count: infinite;
transform-box: fill-box;
transform-origin: center center
}
@keyframes avion {
0% {
transform: translateX(0) translateY(0) scale(1) rotate(0);
opacity: 0
}
50% {
opacity: 1;
transform: translateX(300px) translateY(-150px) scale(2) rotate(20deg)
}
100% {
transform: translateX(600px) translateY(-100px) scale(1) rotate(50deg);
opacity: 0
}
}
.soluciones-index {
position: absolute;
display: flex;
flex-direction: column;
right: 60px;
top: 150px
}
@media screen and (min-width: 0) and (max-width: 768px) {
.soluciones-index {
top: auto;
bottom: 50px
}
}
.soluciones-index button {
width: 40px;
height: 40px;
cursor: pointer;
background-color: red;
color: white;
border-radius: 40px;
transition: background-color 1s ease-in-out
}
.soluciones-index button:hover {
background-color: #d50000
}
.soluciones-index button:last-child {
margin-top: 10px
}
.soluciones-index .down.is-hidden {
opacity: 0;
cursor: inherit
}
.soluciones-index .up.is-hidden {
opacity: 0;
cursor: inherit
}
.lights.lights-on {
animation-name: lights;
animation-duration: 6s;
animation-delay: 0.6s;
animation-iteration-count: infinite
}
.lights-2.lights-on {
animation-name: lights;
animation-duration: 6s;
animation-delay: 0.2s;
animation-iteration-count: infinite
}
.lights-3.lights-on {
animation-name: lights;
animation-duration: 6s;
animation-delay: 1s;
animation-iteration-count: infinite
}
@keyframes lights {
0% {
fill: #FFF
}
100% {
fill: #828282
}
}
#texto-energia-2, #texto-energia-1 {
background-color: #ededed;
padding: 40px;
position: absolute;
top: 200px;
left: 100px;
z-index: 2;
max-width: 500px
}
@media screen and (min-width: 0) and (max-width: 768px) {
#texto-energia-2, #texto-energia-1 {
top: auto;
bottom: 50px
}
}
.block-text {
background: red;
color: white;
font-family: 'Acciona', sans-serif;
font-size: 12px;
line-height: 16px;
position: absolute;
top: 160px;
left: 2vw;
width: 200px;
height: 400px;
z-index: 200
}
@keyframes nubes {
0% {
transform: translateX(0) translateY(0)
}
50% {
transform: translateX(20px) translateY(-20px)
}
100% {
transform: translateX(0) translateY(0)
}
}
@keyframes nubes-2 {
0% {
transform: translateX(0) translateY(0) scale(1)
}
50% {
transform: translateX(40px) translateY(-40px) scale(1.4)
}
100% {
transform: translateX(0) translateY(0) scale(1)
}
}
@keyframes rotate {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@keyframes boat {
0% {
transform: translateX(0) translateY(0)
}
20% {
transform: translateX(20px) translateY(10px)
}
40% {
transform: translateX(-20px) translateY(-10px)
}
60% {
transform: translateX(20px) translateY(10px)
}
80% {
transform: translateX(-10px) translateY(20px)
}
100% {
transform: translateX(20px) translateY(-20px)
}
}
@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 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 .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: rotate(-40deg)
}
@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 .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: rotate(90deg)
}
.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))
}
}
.template-soluciones .component_proyectos:not(.last-item) {
margin-bottom: 0
}
@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 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 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
}
.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
}
@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: 40px;
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;
padding-top: 9rem;
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;
padding-top: 9rem
}
}
@media (min-width: 1680px) {
.testimonios.with-slider .frame .blockquote {
padding-top: 14rem
}
}
.testimonios.with-slider .frame .blockquote.with-quote::before {
content: '';
background-image: url(/static/icons/bloquote.svg);
display: block;
background-repeat: no-repeat;
width: 7rem;
height: 7rem;
position: absolute;
top: 0;
left: 0
}
@media (max-width: 679px) {
.testimonios.with-slider .frame .blockquote.with-quote::before {
width: 6rem;
height: 6rem;
background-size: 6rem 6rem
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.testimonios.with-slider .frame .blockquote.with-quote::before {
left: 70px
}
}
@media (min-width: 680px) {
.testimonios.with-slider .frame .blockquote.with-quote::before {
transform: translateX(-100%)
}
}
@media (min-width: 1680px) {
.testimonios.with-slider .frame .blockquote.with-quote::before {
width: 9rem;
height: 9rem;
background-size: 9rem 9rem
}
}
.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 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: 105
}
.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 (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 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 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 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
}
.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
}
@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 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 .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 .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 svg {
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 svg {
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
}
}
@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 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
}
.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
}
@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 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: rotate(90deg)
}
.enalce--agrupador__label.round-button > svg path {
fill: #000
}
.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 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
}
}
.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
}
}
@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 .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 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 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 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 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 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 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 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 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 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 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;
margin-bottom: 20px
}
.rss-feed .feed-item .actions-list {
display: flex
}
.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 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 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 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 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
}
.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
}
@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: 10rem
}
.equipo-directivo .title--s {
margin-bottom: 2rem
}
.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 .frame {
grid-row-gap: 0;
margin-bottom: 5rem
}
@media (min-width: 680px) {
.equipo-directivo .frame {
flex-basis: 50%
}
}
.equipo-directivo .frame:last-child {
margin-bottom: 0
}
.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
}
}
@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 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
}
.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
}
@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: 7rem
}
.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;
margin-left: 75px
}
@media (min-width: 1024px) {
.equipo-directivo-destacado .person-content {
margin-left: 120px
}
}
.equipo-directivo-destacado .link--icon {
margin-top: 1rem;
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
}
@media (min-width: 1024px) {
.equipo-directivo-destacado .person-data {
flex-direction: row
}
}
.equipo-directivo-destacado .frame {
width: 100vw;
grid-row-gap: 0
}
.equipo-directivo-destacado .frame .audio {
display: flex;
flex-wrap: wrap
}
.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;
margin-bottom: 10px
}
.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 svg {
margin-left: 8px;
transform: translateY(0)
}
@media (min-width: 1024px) {
.equipo-directivo-destacado .frame .person-name svg {
transform: translateY(0);
transform: translateY(3px)
}
}
.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 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 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 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
}
@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
}
@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 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)
}
@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 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
}
}
@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*/